components (#861)

* components (activity and close tab)

* component close others

* component close all

* components (export reports and search menu options)

* components

docs/.vuepress/config.js

@@ -296,7 +296,11 @@ function genComponentSidebar(type = '') {
     '/guide/components/close-other-tabs.md',
     '/guide/components/close-all.md',
     '/guide/components/export-download-reports.md',
-    '/guide/components/search.md'
+    '/guide/components/search.md',
+    '/guide/components/change-role.md',
+    '/guide/components/hide-menu.md',
+    '/guide/components/references.md',
+    '/guide/components/lock-unlock-records.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/change-role.md

@@ -0,0 +1,37 @@
+# Cambiar de Rol
+
+Permite cambiar de rol sin necesidad de cerrar sesión. Para ello, se debe seleccionar el icono de ADempiere ubicado en la parte superior derecha de la ventana, para luego seleccionar en el campo "**Rol**", el rol para el cual requiere cambiar.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/change-role/zk-desktop-version-change-role.png')" alt="Cambiar de Rol en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/change-role/ui-version-change-role.png')" alt="Cambiar de Rol en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica en el campo "**Rol**" del menú que se despliega al seleccionar el icono de ADempiere que se encuentra ubicado en la parte superior derecha de la ventana.
+
+## ¿Para qué sirve?
+
+Sirve para cambiar de rol de manera rápida y sincella, sin tener que cerrar sesión para iniciar nuevamente seleccionando el rol requerido.
+
+## Funciones u Observaciones
+
+::: tip
+ADempiere realiza el cambio de rol de manera automática, actualizando la vista para que sean visualizadas solamente las ventanas, procesos y reportes a los que tiene acceso el rol seleccionado previamente. El usuario puede realizar el cambio de un rol para cualquier otro, siempre que el mismo tenga asignados los diferentes roles requeridos.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre el icono de ADempiere "**AD**", ubicado en la parte superior derecha de la ventana, para visualizar el menú que es desplegado por el mismo y seleccionar el rol en el campo "**Rol**".
+
+<img :src="$withBase('/images/components/change-role/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 hace clic sobre el icono de ADempiere "**AD**", ubicado en la parte superior derecha de la ventana, para visualizar el menú que es desplegado por el mismo y seleccionar el rol en el campo "**Rol**".
+
+<img :src="$withBase('/images/components/change-role/how-to-use-it-in-the-mobile-version.gif')" />

docs/es/guide/components/hide-menu.md

@@ -0,0 +1,37 @@
+# Ocultar Menú
+
+Permite ocultar del lado izquierdo de la ventana, el menú de ADempiere. De igual manera, el seleccionar nuevamente el icono, se muestra el menú como se encontraba en un inicio.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/hide-menu/zk-desktop-version-hide-menu.png')" alt="Ocultar Menú en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/hide-menu/ui-version-hide-menu.png')" alt="Ocultar Menú en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+El icono para ocultar o mostrar el menú de ADempiere, se encuentra ubicado del lado derecho del menú.
+
+## ¿Para qué sirve?
+
+Sirve para ocultar o mostrar el menú de ADempiere, dejando mayor espacio para las ventanas, procesos y reportes abiertos, cuando el mismo se encuentra oculto.
+
+## Funciones u Observaciones
+
+::: tip
+Estando oculto el menú, aun se puede acceder a la información que contiene. Para ello, solo se debe posicionar sobre los iconos de la barra vertical que se visualiza luego de ocultar el mismo.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio, para ocultar el menú se hace clic sobre el icono ubicado del lado derecho del mismo, en la parte superior. Para mostrarlo se hace clic nuevamente sobre el mismo icono.
+
+<img :src="$withBase('/images/components/hide-menu/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 el menú por defecto se encuentra oculto, para visualizarlo se debe hacer clic sobre el icono ubicado en la parte superior izquierda de la ventana. Para ocultar el menú se debe hacer clic fuera del menú.
+
+<img :src="$withBase('/images/components/hide-menu/how-to-use-it-in-the-mobile-version.gif')" />

docs/es/guide/components/lock-unlock-records.md

@@ -0,0 +1,37 @@
+# Bloquear/Desbloquear Registros
+
+Permite bloquear un registro para que se visualizados solamente por el usuario que lo bloquea. Cuando el registro se encuentra bloqueado, se selecciona el mismo icono de candado para desbloquear el registro y pueda ser visualizado por todos los usuarios.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/lock-unlock-records/zk-desktop-version-lock-unlock-records.png')" alt="Bloquear/Desbloquear Registros en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/lock-unlock-records/ui-version-lock-unlock-records.png')" alt="Bloquear/Desbloquear Registros en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica del lado izquierdo del nombre de la pestaña donde se encuentra ubicado el usuario.
+
+## ¿Para qué sirve?
+
+Sirve para bloquear y desbloquear un determinado registro.
+
+## Funciones u Observaciones
+
+::: tip
+Al bloquear el registro, el nombre de la pestaña cambiar de azul a rojo.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio, se ubica la pestaña donde se encuentra el registro y finalmente se selecciona el icono de candado ubicado del lado izquierdo del nombre de la pestaña. Para desbloquear el registro, se realiza el mismo procedimiento.
+
+<img :src="$withBase('/images/components/lock-unlock-records/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 ubica la pestaña donde se encuentra el registro y finalmente se selecciona el icono de candado ubicado del lado izquierdo del nombre de la pestaña. Para desbloquear el registro, se realiza el mismo procedimiento.
+
+<img :src="$withBase('/images/components/lock-unlock-records/how-to-use-it-in-the-mobile-version.gif')" />

docs/es/guide/components/references.md

@@ -0,0 +1,37 @@
+# Referencias
+
+Permite visualizar por ventanas, los registros en los que fue utlizado el registro en el cual se encuentra posicionado el usuario.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/references/zk-desktop-version-references.png')" alt="Visualiza Detalle (Donde es Usado) en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/references/ui-version-references.png')" alt="Referencias en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+La opción "**Referencias**", se ubica debajo del icono "**AD**", que se encuentra en la parte superior derecha de las ventana. Dicha opción, se distingue por tener un color "**Naranja**".
+
+## ¿Para qué sirve?
+
+Sirve para conocer en que registros es utlizado el registro en el cual se encuentra posicionado y acercar los mismos de manera rápida y sencilla.
+
+## Funciones u Observaciones
+
+::: tip
+La opción muestra el nombre de la ventana donde es utilizado el registro, la cantidad de registros que contiene dicha ventana utilizando el registro ubicado y una breve descripción (si la tienen).
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio, se abre una ventana que contenga registros realizados y se selecciona la opción "**Referencias**". La opción muestra información, solamente cuando ese registro ubicado es utilizado en otro.
+
+<img :src="$withBase('/images/components/references/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 abre una ventana que contenga registros realizados y se selecciona la opción "**Referencias**". La opción muestra información, solamente cuando ese registro ubicado es utilizado en otro.
+
+<img :src="$withBase('/images/components/references/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/change-role.md

@@ -0,0 +1,37 @@
+# Change Role
+
+Allows role change without logging out. To do this, you must select the ADempiere icon located in the upper right part of the window, and then select in the field "**Role**", the role for which you need to change.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/change-role/zk-desktop-version-change-role.png')" alt="Change Role in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/change-role/ui-version-change-role.png')" alt="Change Role in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+It is located in the "**Role**" field of the menu that is displayed when selecting the ADempiere icon that is located in the upper right part of the window.
+
+## What is it for?
+
+It is used to change roles quickly and easily, without having to log out to start again by selecting the required role.
+
+## Functions or Observations
+
+::: tip
+ADempiere performs the role change automatically, updating the view so that only the windows, processes and reports to which the previously selected role has access are displayed. The user can make the change from one role to any other, as long as it is assigned the different required roles.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the ADempiere icon "**AD**", located in the upper right part of the window, to view the menu that is displayed and select the role in the field "**Role**".
+
+<img :src="$withBase('/images/components/change-role/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version, click on the ADempiere icon "**AD**", located in the upper right part of the window, to view the menu that is displayed and select the role in the field "**Role**".
+
+<img :src="$withBase('/images/components/change-role/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/hide-menu.md

@@ -0,0 +1,37 @@
+# Hide Menu
+
+Allows you to hide the ADempiere menu on the left side of the window. In the same way, selecting the icon again, the menu is shown as it was in the beginning.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/hide-menu/zk-desktop-version-hide-menu.png')" alt="Hide Menu in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/hide-menu/ui-version-hide-menu.png')" alt="Hide Menu in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+The icon to hide or show the ADempiere menu is located on the right side of the menu.
+
+## What is it for?
+
+It is used to hide or show the ADempiere menu, leaving more space for open windows, processes and reports, when it is hidden.
+
+## Functions or Observations
+
+::: tip
+With the menu hidden, the information it contains can still be accessed. To do this, it is only necessary to position on the icons of the vertical bar that is displayed after hiding it.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, to hide the menu, click on the icon located on the right side of it, at the top. To show it, click on the same icon again.
+
+<img :src="$withBase('/images/components/hide-menu/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version the menu by default is hidden, to view it you must click on the icon located in the upper left part of the window. To hide the menu you must click outside the menu.
+
+<img :src="$withBase('/images/components/hide-menu/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/lock-unlock-records.md

@@ -0,0 +1,37 @@
+# Lock / Unlock Records
+
+Allows you to block a record so that it can only be viewed by the user who blocks it. When the record is locked, the same lock icon is selected to unlock the record and can be viewed by all users.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/lock-unlock-records/zk-desktop-version-lock-unlock-records.png')" alt="Lock / Unlock Records in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/lock-unlock-records/ui-version-lock-unlock-records.png')" alt="Lock / Unlock Records in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+It is located on the left side of the name of the tab where the user is located.
+
+## What is it for?
+
+It is used to block and unblock a specific record.
+
+## Functions or Observations
+
+::: tip
+When locking the registry, the tab name changes from blue to red.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, the tab where the registry is located is located and finally the lock icon located on the left side of the name of the tab is selected. To unlock the registry, the same procedure is performed.
+
+<img :src="$withBase('/images/components/lock-unlock-records/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version, the tab where the record is located is located and finally the lock icon located on the left side of the name of the tab is selected. To unlock the registry, the same procedure is performed.
+
+<img :src="$withBase('/images/components/lock-unlock-records/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/references.md

@@ -0,0 +1,37 @@
+# References
+
+It allows viewing by windows, the records in which the record in which the user is located was used.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/references/zk-desktop-version-references.png')" alt="References in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/references/ui-version-references.png')" alt="References in Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+The option "**References**" is located under the icon "**AD**", which is found in the upper right part of the window. This option is distinguished by having a "**Orange**" color.
+
+## What is it for?
+
+It is used to know in which registers the register in which it is positioned is used and to bring them closer together quickly and easily.
+
+## Functions or Observations
+
+::: tip
+The option shows the name of the window where the record is used, the number of records that the window contains using the located record, and a brief description (if they have one).
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, a window is opened containing records made and the option "**References**" is selected. The option shows information only when that located record is used in another.
+
+<img :src="$withBase('/images/components/references/how-to-use-it-in-the-desktop-version.gif')" />
+
+## How is it used in the mobile version?
+
+In the mobile version, a window is opened containing records made and the option "**References**" is selected. The option shows information only when that located record is used in another.
+
+<img :src="$withBase('/images/components/references/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/change-role.md

@@ -0,0 +1,37 @@
+# 變更角色
+
+允許角色更改而無需註銷。為此，必須選擇位於窗口右上方的 ADempiere 圖標，然後在 “**角色**” 字段中選擇需要更改的角色。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/change-role/zk-desktop-version-change-role.png')" alt="更改ZK桌面版本中的角色" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/change-role/ui-version-change-role.png')" alt="更改移動和桌面版本中的角色" width="800px">
+
+## 它在哪裡？
+
+它位於選擇窗口右上角的 ADempiere 圖標時顯示的菜單的 “**角色**” 字段中。
+
+## 是做什麼用的？
+
+它用於快速，輕鬆地更改角色，而無需註銷即可通過選擇所需角色來重新開始。
+
+## 功能或觀察
+
+::: tip
+ADempiere 自動執行角色更改，並更新視圖，以便僅顯示先前選擇的角色有權訪問的窗口，進程和報告。用戶可以從一個角色更改為任何其他角色，只要已為其分配了不同的所需角色即可。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊窗口右上角的 ADempiere 圖標 “**AD**”，以查看顯示的菜單並在 “**角色**” 字段中選擇角色。
+
+<img :src="$withBase('/images/components/change-role/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，單擊窗口右上方的 ADempiere 圖標 “**AD**”，以查看顯示的菜單並在 “**角色**” 字段中選擇角色。
+
+<img :src="$withBase('/images/components/change-role/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/hide-menu.md

@@ -0,0 +1,37 @@
+# 隱藏菜單
+
+使您可以隱藏窗口左側的 ADempiere 菜單。以同樣的方式，再次選擇該圖標，將顯示菜單的開始位置。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/hide-menu/zk-desktop-version-hide-menu.png')" alt="在ZK桌面版本中隱藏菜單" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/hide-menu/ui-version-hide-menu.png')" alt="在移動和桌面版本中隱藏菜單" width="800px">
+
+## 它在哪裡？
+
+隱藏或顯示 ADempiere 菜單的圖標位於菜單的右側。
+
+## 是做什麼用的？
+
+它用於隱藏或顯示 ADempiere 菜單，當它被隱藏時，為打開的窗口，流程和報告留出更多空間。
+
+## 功能或觀察
+
+::: tip
+隱藏菜單後，仍可以訪問其中包含的信息。為此，只需將其隱藏後顯示在垂直欄的圖標上即可。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，要隱藏菜單，請單擊菜單右側頂部的圖標。要顯示它，請再次單擊相同的圖標。
+
+<img :src="$withBase('/images/components/hide-menu/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，默認情況下菜單是隱藏的，要查看該菜單，您必須單擊窗口左上方的圖標。要隱藏菜單，必須在菜單外部單擊。
+
+<img :src="$withBase('/images/components/hide-menu/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/lock-unlock-records.md

@@ -0,0 +1,37 @@
+# 鎖定/解鎖記錄
+
+允許您阻止記錄，以便只有阻止它的用戶才能查看它。當記錄被鎖定時，將選擇相同的鎖定圖標來解鎖記錄，並且所有用戶都可以查看。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/lock-unlock-records/zk-desktop-version-lock-unlock-records.png')" alt="鎖定/解鎖ZK桌面版本中的記錄" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/lock-unlock-records/ui-version-lock-unlock-records.png')" alt="在移動和台式機版本中鎖定/解鎖記錄" width="800px">
+
+## 它在哪裡？
+
+它位於用戶所在的選項卡名稱的左側。
+
+## 是做什麼用的？
+
+它用於阻止和取消阻止特定記錄。
+
+## 功能或觀察
+
+::: tip
+鎖定註冊表時，選項卡名稱從藍色更改為紅色。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，位於註冊表所在的選項卡上，最後選擇了位於選項卡名稱左側的鎖定圖標。要解鎖註冊表，請執行相同的過程。
+
+<img :src="$withBase('/images/components/lock-unlock-records/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，找到記錄所在的選項卡，最後選擇位於選項卡名稱左側的鎖定圖標。要解鎖註冊表，請執行相同的過程。
+
+<img :src="$withBase('/images/components/lock-unlock-records/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/references.md

@@ -0,0 +1,37 @@
+# 參考
+
+它允許通過窗口查看使用了用戶所在記錄的記錄。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/references/zk-desktop-version-references.png')" alt="ZK桌面版本中的參考" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/references/ui-version-references.png')" alt="移動和桌面版本參考" width="800px">
+
+## 它在哪裡？
+
+選項 “**參考**” 位於圖標 “**AD**” 下，該圖標位於窗口的右上部分。此選項的特徵是具有 “**橙色**” 顏色。
+
+## 是做什麼用的？
+
+它用於知道在哪個寄存器中使用了它所在的寄存器，並使它們快速而輕鬆地相互靠近。
+
+## 功能或觀察
+
+::: tip
+該選項顯示使用記錄的窗口的名稱，使用找到的記錄的窗口包含的記錄數以及簡要說明（如果有記錄的話）。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，將打開一個窗口，其中包含已創建的記錄，並且已選擇選項 “**參考**”。僅當該定位記錄在另一個記錄中使用時，該選項才會顯示信息。
+
+<img :src="$withBase('/images/components/references/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在移動版本中，將打開一個包含記錄的窗口，並選擇了 “**參考**” 選項。僅當該定位記錄在另一個記錄中使用時，該選項才會顯示信息。
+
+<img :src="$withBase('/images/components/references/how-to-use-it-in-the-mobile-version.gif')" />