dashboard (#983)

docs/.vuepress/config.js

@@ -316,7 +316,7 @@ function genComponentSidebar(type = '') {
     '/guide/components/hide-menu.md',
     '/guide/components/references.md',
     '/guide/components/lock-unlock-records.md',
-    '/guide/forms/point-of-sales.md'
+    '/guide/components/dashboard.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/dashboard.md

@@ -0,0 +1,60 @@
+# Panel de Control
+
+El panel de control, muestra diferentes gráficas que representan la información económica y financiera más importante de la empresa. Además de ciertos accesos directos e histórico de consultas realizadas a las ventanas, reportes, procesos y demás.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/dashboard/zk-desktop-version-dashboard.png')" alt="Panel de Control en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/dashboard/dashboard-desktop-mobile.png')" alt="Panel de Control en Versión Móvil y de Escritorio" width="800px">
+
+Dicho panel de control de manera predeterminada, cuenta principalmente con las siguientes carpetas:
+
+- **Artículos Recientes**: Muestra los artículos recientemente abiertos y modificados, puede hacer clic en cualquiera de los elementos para abrirlos. El listado de esta sección se actualiza periódicamente.
+
+- **Favoritos (Usuario/System)**: Los favoritos sirven para guardar de una manera rápida y sencilla, los documentos que son visitados frecuentemente. Muestra las ventanas, procesos, reportes y smart browser establecidas como favoritos por el usuario.
+
+- **Tareas Pendientes**: Muestra todos los procesos o documentos que el usuario tiene pendientes por finalizar.
+
+- **Actividades**: Indica los documentos que se encuentran en estado pendiente, es decir un documento que se ha realizado pero que por algún motivo no ha podido ser completado.
+
+- **Vistas**: Se visualizan las diferentes ventanas de información para consultas rápidas que posee ADempiere.
+
+- **Indicadores de Desempeño**: Señalará la cantidad de documentos (según su estado) que existen a través de gráficos.
+
+  - Facturas Pendientes
+  - Ingreso Neto Facturado
+  - Ingreso Facturado
+  - Cantidad de Facturas Pagadas
+  - Margen de Ventas Facturado
+  - Número de Clientes
+
+- **Calendario**: Se visualiza el calendario con intervalos de días, meses y años.
+
+## Donde se Ubica
+
+Al iniciar sesión, se ubica en la pestaña "**Panel de Control**" de la vista principal de ADempiere.
+
+## ¿Para qué sirve?
+
+Para obtener de manera rápida cierta información de ADempiere, o acceder a ventanas, procesos y reportes del mismo.
+
+## Funciones u Observaciones
+
+::: tip
+Por defecto, el panel de control contiene la configuración de predeterminada indicada anteriormente.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre la pestaña "**Panel de Control**" para acceder a las diferentes carpetas que contiene el mismo. De igual manera, se pueden minimizar dichas carpetas y ocultar su contenido al seleccionar el icono (v), y maximizar nuevamente las carpetas al seleccionar el icono (>) para visualizar su contenido.
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-desktop-version.gif')" />
+
+## ¿Cómo se utiliza en la versión móvil?
+
+En la versión de escritorio se hace clic sobre la pestaña "**Panel de Control**" para acceder a las diferentes carpetas que contiene el mismo. De igual manera, se pueden minimizar dichas carpetas y ocultar su contenido al seleccionar el icono (v), y maximizar nuevamente las carpetas al seleccionar el icono (>) para visualizar su contenido.
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/dashboard.md

@@ -0,0 +1,60 @@
+# Dashboard
+
+The dashboard shows different graphs that represent the most important economic and financial information of the company. In addition to certain shortcuts and history of queries made to windows, reports, processes and others.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/dashboard/zk-desktop-version-dashboard.png')" alt="Dashboard in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/dashboard/dashboard-desktop-mobile.png')" alt="Dashboard in Mobile and Desktop Version" width="800px">
+
+This dashboard by default, has mainly the following folders:
+
+- **Recent Articles**: Show recently opened and modified articles, you can click on any of the items to open them. The list in this section is periodically updated.
+
+- **Favorites (User/System)**: Favorites are used to quickly and easily save frequently visited documents. It shows the windows, processes, reports and smart browser established as favorites by the user.
+
+- **Pending Tasks**: Shows all the processes or documents that the user has pending to finish.
+
+- **Activities**: Indicates the documents that are in pending status, that is, a document that has been completed but that for some reason could not be completed.
+
+- **Views**: The different information windows for quick consultations that ADempiere has are displayed.
+
+- **Performance Indicators**: It will indicate the number of documents (according to their status) that exist through graphics.
+
+  - Pending invoices
+  - Net Billed Income
+  - Billed Income
+  - Amount of Paid Invoices
+  - Invoiced Sales Margin
+  - Number of Clients
+
+- **Calendar**: The calendar is displayed with intervals of days, months and years.
+
+## Where it is located
+
+When you log in, it is located in the "**Dashboard**" tab of the ADempiere main view.
+
+## What is it for?
+
+To quickly obtain certain information from ADempiere, or access its windows, processes and reports.
+
+## Functions or Observations
+
+::: tip
+By default, the dashboard contains the default settings listed above.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the tab "**Dashboard**" to access the different folders it contains. Similarly, you can minimize these folders and hide their content by selecting the icon (v), and maximize the folders again by selecting the icon (>) to view their content.
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the desktop version, click on the tab "**Dashboard**" to access the different folders it contains. Similarly, you can minimize these folders and hide their content by selecting the icon (v), and maximize the folders again by selecting the icon (>) to view their content.
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/dashboard.md

@@ -0,0 +1,60 @@
+# 儀錶盤
+
+儀表板顯示了代表公司最重要的經濟和財務信息的不同圖表。除了某些快捷方式和對窗口、報告、進程等進行查詢的歷史記錄。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/dashboard/zk-desktop-version-dashboard.png')" alt="ZK 桌面版中的儀表板" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/dashboard/dashboard-desktop-mobile.png')" alt="移動和桌面版本的儀表板" width="800px">
+
+默認情況下，此儀表板主要包含以下文件夾：
+
+- **最近文章**：顯示最近打開和修改過的文章，您可以點擊任意條目打開它們。本節中的列表會定期更新。
+
+- **收藏夾（用戶/系統）**：收藏夾用於快速輕鬆地保存經常訪問的文檔。它顯示了用戶收藏的窗口、進程、報告和智能瀏覽器。
+
+- **待處理的任務**：顯示用戶等待完成的所有進程或文檔。
+
+- **活動**：表示處於待處理狀態的文檔，即已經完成但由於某種原因無法完成的文檔。
+
+- **視圖**：顯示 ADempiere 具有的用於快速諮詢的不同信息窗口。
+
+- **性能指標**：它將通過圖形指示存在的文檔數量（根據其狀態）。
+
+  - 待處理髮票
+  - 淨帳單收入
+  - 帳單收入
+  - 已付發票金額
+  - 發票銷售利潤率
+  - 客戶數量
+
+- **日曆**：以天、月和年為間隔顯示日曆。
+
+## 它的位置
+
+當您登錄時，它位於 ADempiere 主視圖的“**儀表板**”選項卡中。
+
+## 它有什麼用？
+
+從 ADempiere 快速獲取某些信息，或訪問其窗口、流程和報告。
+
+## 函數或觀察
+
+::: tip
+默認情況下，儀表板包含上面列出的默認設置。
+:::
+
+## 它在桌面版本中如何使用？
+
+在桌面版本中，單擊“**儀表板**”選項卡以訪問它包含的不同文件夾。同樣，您可以通過選擇圖標 (v) 來最小化這些文件夾並隱藏其內容，並通過選擇圖標 (>) 再次最大化文件夾以查看其內容。
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 手機版是怎麼用的？
+
+在桌面版本中，單擊“**儀表板**”選項卡以訪問它包含的不同文件夾。同樣，您可以通過選擇圖標 (v) 來最小化這些文件夾並隱藏其內容，並通過選擇圖標 (>) 再次最大化文件夾以查看其內容。
+
+<img :src="$withBase('/images/components/dashboard/how-to-use-it-in-the-mobile-version.gif')" />