components (#853)

* components (activity and close tab)

* component close others

docs/.vuepress/config.js

@@ -290,7 +290,10 @@ function genComponentSidebar(type = '') {
     '/guide/components/information.md',
     '/guide/components/update.md',
     '/guide/components/translation.md',
-    '/guide/components/zoom-in.md'
+    '/guide/components/zoom-in.md',
+    '/guide/components/activity.md',
+    '/guide/components/close-tab.md',
+    '/guide/components/close-other-tabs.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/activity.md

@@ -0,0 +1,37 @@
+# Actividad
+
+El componente "**Actividad**", es una bitácora de cambios que guarda todos los cambios realizados en los registros de las ventanas, indicando el socio del negocio que realizó el cambio, el campo que fue modificado con su valor anterior y su valor actual, la fecha y la hora exacta en la que el mismo fue realizado.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/activity/zk-desktop-version-activity.png')" alt="Bitácora de Cambios en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/activity/ui-version-activity.png')" alt="Actividad en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica en la segunda pestaña de la ventana desplegada por el icono "**i**", ubicado en la parte central derecha de las ventanas de ADempiere.
+
+## ¿Para qué sirve?
+
+Sirve para consultar la información detallada de las actualizaciones que son realizadas a los registros de las ventanas de ADempiere.
+
+## Funciones u Observaciones
+
+::: tip
+La información detallada de los cambios es visualizada por fecha y hora según usuario.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre el icono "**i**", ubicado en la parte central derecha de las ventanas de ADempiere, para visualizar la ventana desplegada por el mismo y finalmente seleccionar la pestaña "**Actividad**", para acceder a todos los cambios efectuados en el registro de la ventana.
+
+<img :src="$withBase('/images/components/activity/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 debe posicionar en la parte inferior de la ventana para visualizar las pestañas "**Notas**" y "**Actividad**", luego se selecciona la pestaña "**Actividad**", para acceder a todos los cambios efectuados en el registro de la ventana.
+
+<img :src="$withBase('/images/components/activity/how-to-use-it-in-the-mobile-version.gif')" />

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

@@ -0,0 +1,37 @@
+# Cerrar Otros
+
+Permite cerrar todas las pestañas abiertas, con excepción de la pestaña donde fue seleccionada la opción "**Cerrar Otros**". La opción nombrada anteriormente, se encuentra en el menú que se desplega al hacer clic contrario sobre la pestaña de la ventana, reporte o proceso.
+
+## 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">
+
+## 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">
+
+## ¿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.
+
+## ¿Para qué sirve?
+
+Sirve para cerrar todas las pestañas de ventanas, reportes o procesos abiertos de ADempiere, con excepción de la pestaña donde fue seleccionada la opción "**Cerrar Otros**".
+
+## Funciones u Observaciones
+
+::: tip
+Al hacer clic sobre la opción "**Cerrar Otros**", se cierra solamente la pestaña de la ventana, proceso o reporte donde fue seleccionada dicha opción.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic contrario sobre la pestaña que no requiere cerrar, para luego seleccionar la opción "**Cerrar Otros**", 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 la pestaña que no requiere cerrar, para luego seleccionar la opción "**Cerrar Otros**", 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-tab.md

@@ -0,0 +1,37 @@
+# Cerrar
+
+Permite cerrar una pestaña determinada, para ello se debe hacer clic contrario sobre la pestaña que se requiere cerrar para que se desplegue el menú que contiene dicha opción.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/close-tab/zk-desktop-version-close-tab.png')" alt="Cerrar en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-UI
+
+<img :src="$withBase('/images/components/close-tab/ui-desktop-version-close-tab.png')" alt="Cerrar 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.
+
+## ¿Para qué sirve?
+
+Sirve para cerrar una determinada ventana, reporte o proceso de ADempiere.
+
+## Funciones u Observaciones
+
+::: tip
+Al hacer clic sobre la opción "**Cerrar**", se cierra solamente la pestaña de la ventana, proceso o reporte donde fue seleccionada dicha opción.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic contrario sobre la pestaña que se requiere cerrar, para luego seleccionar la opción "**Cerrar**", ubicada en el menú desplegado.
+
+<img :src="$withBase('/images/components/close-tab/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 la pestaña que se requiere cerrar, para luego seleccionar la opción "**Cerrar**", ubicada en el menú desplegado.
+
+<img :src="$withBase('/images/components/close-tab/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/activity.md

@@ -0,0 +1,37 @@
+# Activity
+
+The component "**Activity**" is a change log that saves all the changes made in the window records, indicating the business partner who made the change, the field that was modified with its previous value and its value current, the exact date and time in which it was performed.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/activity/zk-desktop-version-activity.png')" alt="ZK Desktop Version Changelog" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/activity/ui-version-activity.png')" alt="Activity in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+It is located in the second tab of the window displayed by the icon "**i**", located in the central right part of the ADempiere windows.
+
+## What is it for?
+
+It is used to consult the detailed information of the updates that are made to the ADempiere windows registers.
+
+## Functions or Observations
+
+::: tip
+The detailed information of the changes is displayed by date and time according to user.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the icon "**i**", located in the central right part of the ADempiere windows, to view the window displayed by it and finally select the tab "**Activity**", to access all the changes made to the window's registry.
+
+<img :src="$withBase('/images/components/activity/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version, it must be positioned at the bottom of the window to view the "**Notes**" and "**Activity**" tabs, then select the "**Activity**" tab, to access all changes made to the window registry.
+
+<img :src="$withBase('/images/components/activity/how-to-use-it-in-the-mobile-version.gif')" />

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

@@ -0,0 +1,37 @@
+# Close Others
+
+Allows you to close all open tabs, with the exception of the tab where the option "**Close Others**" was selected. The option named above is found in the menu that is displayed when you click on the window, report or process tab.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/close-other-tabs/zk-desktop-version-close-other-tabs.png')" alt="Close ZK Desktop Version" width="800px">
+
+## ADempiere-UI version
+
+<img :src="$withBase('/images/components/close-other-tabs/ui-desktop-version-close-other-tabs.png')" alt="Close 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 tab in the ADempiere windows, reports or processes.
+
+## What is it for?
+
+It is used to close all the tabs of windows, reports or open processes of ADempiere, with the exception of the tab where the option "**Close Others**" was selected.
+
+## Functions or Observations
+
+::: tip
+Clicking on the option "**Close Others**" closes only the tab of the window, process or report where said option was selected.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click the opposite on the tab that does not require closing, and then select the option "**Close Others**", 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 the tab that does not require closing, and then select the option "**Close Others**", 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/close-tab.md

@@ -0,0 +1,37 @@
+# Shut down
+
+Allows you to close a specific tab, for this you must click on the tab that needs to be closed to display the menu that contains that option.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/close-tab/zk-desktop-version-close-tab.png')" alt="Close ZK Desktop Version" width="800px">
+
+## ADempiere-UI version
+
+<img :src="$withBase('/images/components/close-tab/ui-desktop-version-close-tab.png')" alt="Close 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 tab in the ADempiere windows, reports or processes.
+
+## What is it for?
+
+It is used to close a certain window, report or ADempiere process.
+
+## Functions or Observations
+
+::: tip
+Clicking on the option "**Close**" closes only the tab of the window, process or report where said option was selected.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click the opposite on the tab that is required to close, and then select the option "**Close**", located in the displayed menu.
+
+<img :src="$withBase('/images/components/close-tab/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 the tab that is required to close, and then select the option "**Close**", located in the displayed menu.
+
+<img :src="$withBase('/images/components/close-tab/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/activity.md

@@ -0,0 +1,37 @@
+# 活動
+
+組件 “**活動**” 是一個更改日誌，用於保存窗口記錄中進行的所有更改，指示進行更改的業務夥伴，使用其先前值和其當前值進行修改的字段，確切日期以及執行時間。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/activity/zk-desktop-version-activity.png')" alt="ZK桌面版本變更日誌" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/activity/ui-version-activity.png')" alt="移動和桌面版本的活動" width="800px">
+
+## 它在哪裡？
+
+它位於窗口的第二個選項卡中，由圖標 “**i**”顯示，位於 ADempiere 窗口的右中間部分。
+
+## 是做什麼用的？
+
+它用於查詢對 ADempiere 視窗寄存器進行的更新的詳細信息。
+
+## 功能或觀察
+
+::: tip
+更改的詳細信息將根據用戶的日期和時間顯示。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊 ADempiere 窗口右中角的圖標 “**i**”以查看其顯示的窗口，最後選擇選項卡 “**活動**” 以進行訪問對窗口註冊表所做的所有更改。
+
+<img :src="$withBase('/images/components/activity/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，必須將其放置在窗口的底部，以查看 “**筆記**” 和 “**活動**” 選項卡，然後選擇 “**活動**” 選項卡以訪問所有對窗口註冊表所做的更改。
+
+<img :src="$withBase('/images/components/activity/how-to-use-it-in-the-mobile-version.gif')" />

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

@@ -0,0 +1,37 @@
+# 關閉其他
+
+允許您關閉所有打開的選項卡，除了選擇了 “**關閉其他**” 選項的選項卡。當您單擊窗口，報告或過程選項卡時，在顯示的菜單中找到上述名稱的選項。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/close-other-tabs/zk-desktop-version-close-other-tabs.png')" alt="關閉ZK桌面版本" width="800px">
+
+## ADempiere-UI 版本
+
+<img :src="$withBase('/images/components/close-other-tabs/ui-desktop-version-close-other-tabs.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/close-tab.md

@@ -0,0 +1,37 @@
+# 關掉
+
+允許您關閉特定的選項卡，為此，您必須單擊需要關閉的選項卡才能顯示包含該選項的菜單。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/close-tab/zk-desktop-version-close-tab.png')" alt="關閉ZK桌面版本" width="800px">
+
+## ADempiere-UI 版本
+
+<img :src="$withBase('/images/components/close-tab/ui-desktop-version-close-tab.png')" alt="在移動和桌面版本中關閉" width="800px">
+
+## 它在哪裡？
+
+當您單擊 ADempiere 窗口，報告或過程中的任何選項卡時，它位於顯示的菜單中。
+
+## 是做什麼用的？
+
+它用於關閉某個窗口，報表或 ADempiere 進程。
+
+## 功能或觀察
+
+::: tip
+單擊選項 “**關閉**” 僅關閉選擇了該選項的窗口，過程或報告的選項卡。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊關閉所需選項卡上的反面，然後在顯示的菜單中選擇選項 “**關閉**”。
+
+<img :src="$withBase('/images/components/close-tab/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，按住需要關閉的選項卡，然後在顯示的菜單中選擇選項 “**關閉**”。
+
+<img :src="$withBase('/images/components/close-tab/how-to-use-it-in-the-mobile-version.gif')" />