components (#856)

* components (activity and close tab)

* component close others

* component close all

* components (export reports and search menu options)

docs/.vuepress/config.js

@@ -293,7 +293,10 @@ function genComponentSidebar(type = '') {
     '/guide/components/zoom-in.md',
     '/guide/components/activity.md',
     '/guide/components/close-tab.md',
-    '/guide/components/close-other-tabs.md'
+    '/guide/components/close-other-tabs.md',
+    '/guide/components/close-all.md',
+    '/guide/components/export-download-reports.md',
+    '/guide/components/search.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/close-all.md

@@ -0,0 +1,37 @@
+# Cerrar Todos
+
+El componente "**Cerrar Todos**", permite cerrar al mismo tiempo todas las pestañas correspondientes a las carpetas, ventanas, reportes y procesos abiertos en la sesión.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/close-all/zk-desktop-version-close-all.png')" alt="Cerrar Todos en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-UI
+
+<img :src="$withBase('/images/components/close-all/ui-desktop-version-close-all.png')" alt="Cerrar Todos en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica en el menú que se despliega al hacer clic contrario sobre alguna de las pestañas de las ventanas, reportes o procesos de ADempiere.
+
+## ¿Para qué sirve?
+
+Sirve para cerrar al mismo tiempo, todas las pestañas de carpetas, ventanas, reportes o procesos abiertos de ADempiere, incluyendo la pestaña donde es seleccionada la opción.
+
+## Funciones u Observaciones
+
+::: tip
+Al hacer clic sobre la opción "**Cerrar Todos**", se cierran automáticamente todas las pestañas de las carpetas, ventanas, procesos o reportes abiertos.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic contrario sobre alguna de las pestañas, para luego seleccionar la opción "**Cerrar Todos**", ubicada en el menú desplegado.
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-desktop-version.gif')" />
+
+## ¿Cómo se utiliza en la versión móvil?
+
+En la versión móvil se mantiene pulsado sobre alguna de las pestañas, para luego seleccionar la opción "**Cerrar Todos**", ubicada en el menú desplegado.
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-mobile-version.gif')" />

docs/es/guide/components/close-other-tabs.md

@@ -4,15 +4,15 @@ Permite cerrar todas las pestañas abiertas, con excepción de la pestaña donde
 
 ## Versión ADempiere-ZK
 
-<img :src="$withBase('/images/components/close-other-tabs/zk-desktop-version-close-other-tabs.png')" alt="Cerrar en Versión de Escritorio ZK" width="800px">
+<img :src="$withBase('/images/components/close-other-tabs/zk-desktop-version-close-other-tabs.png')" alt="Cerrar Otros en Versión de Escritorio ZK" width="800px">
 
 ## Versión ADempiere-UI
 
-<img :src="$withBase('/images/components/close-other-tabs/ui-desktop-version-close-other-tabs.png')" alt="Cerrar en Versión Móvil y de Escritorio" width="800px">
+<img :src="$withBase('/images/components/close-other-tabs/ui-desktop-version-close-other-tabs.png')" alt="Cerrar Otros en Versión Móvil y de Escritorio" width="800px">
 
 ## ¿Dónde se ubica?
 
-Se ubica en el menú que se desplega al hacer clic contrario sobre alguna pestaña de las ventanas, reportes o procesos de ADempiere.
+Se ubica en el menú que se despliega al hacer clic contrario sobre alguna pestaña de las ventanas, reportes o procesos de ADempiere.
 
 ## ¿Para qué sirve?
 

docs/es/guide/components/close-tab.md

@@ -12,7 +12,7 @@ Permite cerrar una pestaña determinada, para ello se debe hacer clic contrario
 
 ## ¿Dónde se ubica?
 
-Se ubica en el menú que se desplega al hacer clic contrario sobre alguna pestaña de las ventanas, reportes o procesos de ADempiere.
+Se ubica en el menú que se despliega al hacer clic contrario sobre alguna pestaña de las ventanas, reportes o procesos de ADempiere.
 
 ## ¿Para qué sirve?
 

docs/es/guide/components/export-download-reports.md

@@ -0,0 +1,47 @@
+# Exportar/Descargar Reportes
+
+Permite exportar los reportes en formatos determinados según la necesidad del usuario en su momento.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/export-download-reports/zk-desktop-version-export-download-reports.png')" alt="Exportar/Descargar Reportes en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-desktop-mobile.png')" alt="Exportar/Descargar Reportes en Versión UI Móvil y de Escritorio" width="800px">
+
+Las opciones disponibles para exportar o descargar los reportes son las siguientes:
+
+- Exportar a (ps - Archivo Postscript PS)
+- Exportar a (xml - Archivo XML)
+- Exportar a (pdf - Archivo PDF Acrobat)
+- Exportar a (html - Archivo HTML)
+- Exportar a (html - Archivo HTML)
+- Exportar a (txt - Archivo de texto delimitado por tabuladores)
+- Exportar a (ssv - Archivo separado por punto y coma)
+- Exportar a (csv - Archivo CSV de Excel)
+- Exportar a (xls - Archivo Excel)
+- Exportar a (xlsx - XLSX file)
+- Exportar a (arxml - Archivo de Definición de Reporte ADempiere)
+
+## ¿Dónde se ubica?
+
+Se ubica como opciones a seleccionar, dentro de la opción "**Ejecutar como**", que se desplega al seleccionar la opción "**Acciones**" del menú de contexto ubicado en la parte superior del encabezado de los reportes. Su comportamiento o archivo a generar puede variar dependiendo de la opción que sea seleccionada luego de la opción "**Ejecutar como**".
+
+## ¿Para qué sirve?
+
+Sirve para obtener la información del reporte de diferentes maneras y en diferentes formatos.
+
+## Funciones u Observaciones
+
+::: tip
+Para generar el reporte en formato PDF, se deben filtrar los registros del reporte, de manera que el archivo a generar no sea uy pesado, ya que el maximo de tamaño del archivo es 4194304 por lo que no se genera el archivo cuando el tamaño supera el tamaño indicado anteriormente.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+Cuando ya se tiene el reporte generado bajo los parametros o filtros requeridos, se selecciona la opción "**Acciones**", dicha opción se encuentra ubicada en el menú de contexto, mismo que se encuentra posicionado en la parte superior derecha del encabezado del reporte previamente generado. Luego de haber seleccionado la opción "**Acciones**", se despliega el menú de opciones de dicha opción, donde se debe seleccionar la opción "**Ejecutar como**", para que posteriormente sean desplegadas las opciones disponibles para exportar/descargar el archivo. Al seleccionar cualquiera de las opciones de exportación, se descarga o exporta de ADempiere, el archivo en el formato seleccionado con la información del reporte previamente generado según el requierimiento del usuario en su momento.
+
+### Exportar/Descargar Reportes
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-in-desktop-version.gif')" />

docs/es/guide/components/search.md

@@ -0,0 +1,41 @@
+# Buscar
+
+Permite realizar una búsqueda rápida de todas las ventanas, procesos y reportes que contiene ADmpiere.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/search/zk-desktop-version-search.png')" alt="Buscar en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/search/search-desktop-mobile.png')" alt="Buscar en Versión UI Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica la parte superior derecha de la ventana, se encuentra representada por el icono "**Lupa/Buscar**". Dicho icono se encuentra posicionado en el primer lugar de izquierda a derecha.
+
+## ¿Para qué sirve?
+
+Sirve para realizar una búsqueda rápida y sencilla de las ventanas, procesos y reportes de ADempiere.
+
+## Funciones u Observaciones
+
+::: tip
+La búsqueda se realiza de manera automática, al ingresar cualquier valor.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+Se selecciona el icono "**Lupa/Buscar**", para que sea desplegado el campo de búsqueda donde se debe ingresar el nombre de la ventana, proceso o reporte que requiere encontrar. Al ingresar cualquier valor en el campo, ADempiere realiza una búsqueda de coincidencia con lo ingresado, este proceso se ejecuta de manera automatica, reflejando en la parte inferior del campo, un listado con las diferentes coincidencias de la búsqueda.
+
+### Buscar
+
+<img :src="$withBase('/images/components/search/search-in-desktop-version.gif')" />
+
+## ¿Cómo se utiliza en la versión móvil?
+
+Se selecciona el icono "**Menú Kebab**", representado por tres puntos y ubicado en la parte superior derecha de la ventana, para que sean visualizadas las opciones, entre las cuales se encuentra el icono "**Lupa/Buscador**", mismo que debe ser seleccionado para que sea desplegado el campo de búsqueda. Al ingresar cualquier valor en el campo, ADempiere realiza una búsqueda de coincidencia con lo ingresado, este proceso se ejecuta de manera automatica, reflejando en la parte inferior del campo, un listado con las diferentes coincidencias de la búsqueda.
+
+### Buscar
+
+<img :src="$withBase('/images/components/search/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/close-all.md

@@ -0,0 +1,37 @@
+# Close All
+
+The component "**Close All**", allows to close at the same time all the tabs corresponding to the folders, windows, reports and processes open in the session.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/close-all/zk-desktop-version-close-all.png')" alt="Close All in ZK Desktop Version" width="800px">
+
+## ADempiere-UI version
+
+<img :src="$withBase('/images/components/close-all/ui-desktop-version-close-all.png')" alt="Close All in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+It is located in the menu that is displayed when you click on any of the tabs of ADempiere's windows, reports or processes.
+
+## What is it for?
+
+It is used to close at the same time, all the tabs of folders, windows, reports or open processes of ADempiere, including the tab where the option is selected.
+
+## Functions or Observations
+
+::: tip
+When you click on the option "**Close All**", all the tabs of the folders, windows, processes or open reports are automatically closed.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click the opposite on any of the tabs, and then select the option "**Close All**", located in the displayed menu.
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version, press and hold on any of the tabs, and then select the option "**Close All**", located in the displayed menu.
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/export-download-reports.md

@@ -0,0 +1,47 @@
+# Export/Download Reports
+
+It allows the reports to be exported in certain formats according to the user's need at the time.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/export-download-reports/zk-desktop-version-export-download-reports.png')" alt="Export/Download Reports in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-desktop-mobile.png')" alt="Export/Download Reports in Mobile and Desktop UI Version" width="800px">
+
+The options available to export or download the reports are the following:
+
+- Export to (ps - PS Postscript File)
+- Export to (xml - XML ​​file)
+- Export to (pdf - Acrobat PDF file)
+- Export to (html - HTML file)
+- Export to (html - HTML file)
+- Export to (txt - Tab delimited text file)
+- Export to (ssv - File separated by semicolons)
+- Export to (csv - Excel CSV file)
+- Export to (xls - Excel file)
+- Export to (xlsx - XLSX file)
+- Export to (arxml - ADempiere Report Definition File)
+
+## Where it is located?
+
+It is located as options to select, within the option "**Execute as**", which is displayed when selecting the option "**Actions**" from the context menu located at the top of the header of the reports. Its behavior or file to be generated may vary depending on the option that is selected after the option "**Run as**".
+
+## What is it for?
+
+It is used to obtain the information from the report in different ways and in different formats.
+
+## Functions or Observations
+
+::: tip
+To generate the report in PDF format, the report records must be filtered, so that the file to be generated is not too heavy, since the maximum file size is 4194304 so the file is not generated when the size exceeds the size indicated above.
+:::
+
+## How is it used in the Desktop version?
+
+When you already have the report generated under the required parameters or filters, select the option "**Actions**", this option is located in the context menu, which is located in the upper right part of the header of the previously generated report. After having selected the option "**Actions**", the options menu of said option is displayed, where the option "**Execute as**" must be selected, so that the options available to export/download the file. When selecting any of the export options, the file is downloaded or exported from ADempiere, in the selected format with the information from the report previously generated according to the user's requirement at the time.
+
+### Export / Download Reports
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-in-desktop-version.gif')" />

docs/guide/components/search.md

@@ -0,0 +1,41 @@
+# Look for
+
+It allows a quick search of all the windows, processes and reports that ADmpiere contains.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/search/zk-desktop-version-search.png')" alt="Search ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/search/search-desktop-mobile.png')" alt="Search Mobile and Desktop UI Version" width="800px">
+
+## Where it is located?
+
+The upper right part of the window is located, it is represented by the icon "**Magnifying glass/Search**". This icon is positioned in the first place from left to right.
+
+## What is it for?
+
+It is used to perform a quick and easy search of ADempiere windows, processes and reports.
+
+## Functions or Observations
+
+::: tip
+The search is carried out automatically, when entering any value.
+:::
+
+## How is it used in the Desktop version?
+
+The icon "**Magnifying glass/Search**" is selected, so that the search field is displayed where the name of the window, process or report that needs to be found must be entered. When entering any value in the field, ADempiere performs a search for a match with what was entered, this process is executed automatically, reflecting in the lower part of the field, a list with the different matches of the search.
+
+### Look for
+
+<img :src="$withBase('/images/components/search/search-in-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+Select the icon "**Kebab Menu**", represented by three dots and located in the upper right part of the window, to display the options, among which is the icon "**Magnifier/Search Engine**", which must be selected for the search field to be displayed. When entering any value in the field, ADempiere performs a search for a match with what was entered, this process is executed automatically, reflecting in the lower part of the field, a list with the different matches of the search.
+
+### Look for
+
+<img :src="$withBase('/images/components/search/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/close-all.md

@@ -0,0 +1,37 @@
+# 關閉所有
+
+組件 “**全部關閉**” 允許同時關閉與在會話中打開的文件夾，窗口，報告和進程相對應的所有選項卡。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/close-all/zk-desktop-version-close-all.png')" alt="在ZK桌面版本中全部關閉" width="800px">
+
+## ADempiere-UI 版本
+
+<img :src="$withBase('/images/components/close-all/ui-desktop-version-close-all.png')" alt="在移動和桌面版本中全部關閉" width="800px">
+
+## 它在哪裡？
+
+當您單擊 ADempiere 窗口，報告或過程的任何選項卡時，它位於顯示的菜單中。
+
+## 是做什麼用的？
+
+它用於同時關閉文件夾，窗口，報表或 ADempiere 的打開過程的所有選項卡，包括選擇了該選項的選項卡。
+
+## 功能或觀察
+
+::: tip
+單擊選項 “**全部關閉**” 時，文件夾，窗口，進程或打開的報告的所有選項卡都將自動關閉。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊任意選項卡上的反選，然後在顯示的菜單中選擇選項 “**全部關閉**”。
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，按住任意一個選項卡，然後在顯示的菜單中選擇 “**全部關閉**” 選項。
+
+<img :src="$withBase('/images/components/close-other-tabs/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/export-download-reports.md

@@ -0,0 +1,37 @@
+# 導出/下載報告
+
+它允許當時根據用戶需要以某些格式導出報告。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/export-download-reports/zk-desktop-version-export-download-reports.png')" alt="以ZK桌面版本導出/下載報告" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-desktop-mobile.png')" alt="在移動和桌面UI版本中導出/下載報告" width="800px">
+
+以下是可用於導出或下載報告的選項：
+
+-導出到（ps-PS Postscript 文件） -導出到（xml-XML 文件） -導出到（pdf-Acrobat PDF 文件） -導出到（HTML-HTML 文件） -導出到（HTML-HTML 文件） -導出到（txt-製表符分隔的文本文件） -導出到（ssv-用分號分隔的文件） -導出到（csv-Excel CSV 文件） -導出到（xls-Excel 文件） -導出到（xlsx-XLSX 文件） -導出到（arxml-ADempiere 報告定義文件）
+
+## 它在哪裡？
+
+在選項 “**執行為**” 中，它是可供選擇的選項，當從報表標題頂部的上下文菜單中選擇選項 “**動作**” 時，將顯示該選項。 其行為或要生成的文件可能會有所不同，具體取決於在選項 “**運行為**” 之後選擇的選項。
+
+## 是做什麼用的？
+
+它用於以不同的方式和不同的格式從報告中獲取信息。
+
+## 功能或觀察
+
+::: tip
+要生成 PDF 格式的報告，必須對報告記錄進行過濾，以使要生成的文件不會太重，因為最大文件大小為 4194304，因此當文件大小超過上述大小時，不會生成該文件。
+:::
+
+## 在桌面版中如何使用？
+
+如果已經在必需的參數或過濾器下生成了報告，請選擇選項 “**操作**”，此選項位於上下文菜單中，該菜單位於先前生成的報告標題的右上部分 。 選擇選項 “**動作**” 後，將顯示該選項的選項菜單，其中必須選擇選項 “**執行為**”，以便可以使用這些選項來導出/下載文件。 選擇任何導出選項時，將以所選格式從 ADempiere 下載或從 ADempiere 導出文件，其中包含來自先前根據當時用戶需求生成的報告中的信息。
+
+### 導出/下載報告
+
+<img :src="$withBase('/images/components/export-download-reports/export-download-reports-in-desktop-version.gif')" />

docs/zh/guide/components/search.md

@@ -0,0 +1,41 @@
+# 尋找
+
+它允許快速搜索 ADmpiere 包含的所有窗口，進程和報告。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/search/zk-desktop-version-search.png')" alt="搜索ZK桌面版本" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/search/search-desktop-mobile.png')" alt="搜索移動和桌面用戶界面版本" width="800px">
+
+## 它在哪裡？
+
+窗口的右上角位於，由圖標 “**放大鏡/搜索**” 表示。此圖標從左到右位於第一位置。
+
+## 是做什麼用的？
+
+它用於執行 ADempiere 窗口，過程和報告的快速輕鬆搜索。
+
+## 功能或觀察
+
+::: tip
+輸入任何值時，將自動執行搜索。
+:::
+
+## 在桌面版中如何使用？
+
+選擇圖標 “**放大鏡/搜索**”，以便顯示搜索字段，必須在其中輸入需要查找的窗口，過程或報告的名稱。在該字段中輸入任何值時，ADempiere 都會搜索與輸入內容匹配的內容，該過程會自動執行，並在該字段的下部反映出一個列表，其中列出了搜索的不同內容。
+
+### 尋找
+
+<img :src="$withBase('/images/components/search/search-in-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+選擇位於窗口右上角的圖標 “**烤肉菜單**”（由三個點表示），以顯示選項，其中包括圖標 “**放大鏡/搜索引擎**”，該圖標必須選擇要顯示的搜索字段。在該字段中輸入任何值時，ADempiere 都會搜索與輸入內容匹配的內容，該過程會自動執行，並在該字段的下部反映出一個列表，其中列出了搜索的不同內容。
+
+### 尋找
+
+<img :src="$withBase('/images/components/search/how-to-use-it-in-the-mobile-version.gif')" />