components (#836)

* component update

* component update

* update

* translation component

docs/.vuepress/config.js

@@ -287,7 +287,9 @@ function genComponentSidebar(type = '') {
     '/guide/components/preference.md',
     '/guide/components/record-access.md',
     '/guide/components/notes.md',
-    '/guide/components/information.md'
+    '/guide/components/information.md',
+    '/guide/components/update.md',
+    '/guide/components/translation.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/translation.md

@@ -0,0 +1,38 @@
+# Traducción
+
+Permite agregar la traducción en español del valor ingresado en un campo determinado.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/translation/zk-desktop-version-translation.png')" alt="Preferencia en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/translation/translation-desktop-mobile.png')" alt="Preferencia en Versión Móvil y de Escritorio" width="800px">
+
+## ¿Dónde se ubica?
+
+Se ubica en los campos de las ventanas que contienen la pestaña "**Traducción**".
+
+## ¿Para qué sirve?
+
+Sirve para establecer la traducción del valor ingresado en un campo determinado.
+
+## Funciones u Observaciones
+
+::: tip
+Este componente reemplaza la pestaña "**Traducción**" que contienen algunas ventanas de ADempiere-ZK.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
+
+![Cómo se utiliza en la versión de Escritorio]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")
+
+## ¿Cómo se utiliza en la versión móvil?
+
+En la versión de escritorio se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Idioma**", para visualizar la información del campo con su respectiva traducción.
+
+![Cómo se utiliza en la versión móvil]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
+

docs/es/guide/components/update.md

@@ -0,0 +1,33 @@
+# Actualizar
+
+Permite actualizar los registros de los campos que contiene la ventana donde es seleccionada la opción. 
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/update/zk-desktop-version-update.png')" alt="Actualizar en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-UI
+
+<img :src="$withBase('/images/components/update/ui-desktop-version-update.png')" alt="Actualizar en Versión de Escritorio" width="800px">
+
+Esta opción es utilizada mayormente en ventanas que contienen incluidos procesos, desde los cuales se carga la información a las mismas. Adicional a ello, se utiliza para refrescar la información ingresada en los diferentes campos de las ventanas.
+
+## ¿Dónde se ubica?
+
+Se ubica en el menú desplegado al hacer clic contrario sobre el nombre de una ventana.
+
+## ¿Para qué sirve?
+
+Se utiliza para refrescar los registros de los campos de las ventanas.
+
+## Funciones u Observaciones
+
+::: tip
+Cuando se realiza una búsqueda de los registros que contiene una determinada ventana, filtrando  por un registro en específico. Al hacer clic contrario sobre el nombre de la ventana y seleccionar la opción actualizar, se actualiza la búsqueda realizada.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+Hacer clic contrario sobre el nombre de la ventana y seleccionar la opción "**Actualizar**" en el menú desplegado.
+
+![Cómo se utiliza en la versión de Escritorio]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "Cómo se utiliza en la versión de Escritorio")

docs/guide/components/translation.md

@@ -0,0 +1,37 @@
+# Translation
+
+Allows you to add the Spanish translation of the value entered in a given field.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/translation/zk-desktop-version-translation.png')" alt="ZK Desktop Version Preference" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/translation/translation-desktop-mobile.png')" alt="Preference for Mobile and Desktop Version" width="800px">
+
+## Where it is located?
+
+It is located in the fields of the windows that contain the "**Translation**" tab.
+
+## What is it for?
+
+It is used to establish the translation of the value entered in a specific field.
+
+## Functions or Observations
+
+::: tip
+This component replaces the "** Translation **" tab that some ADempiere-ZK windows contain.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
+
+![How to use it in the Desktop version]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")
+
+## How is it used in the mobile version?
+
+In the desktop version, click on the field to view the menu displayed by it, then select the option "**Language**", to view the information of the field with its respective translation.
+
+![How to use it in the mobile version]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")

docs/guide/components/update.md

@@ -0,0 +1,33 @@
+# To update
+
+It allows updating the records of the fields contained in the window where the option is selected.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/update/zk-desktop-version-update.png')" alt="Upgrade in ZK Desktop Version" width="800px">
+
+## ADempiere-UI version
+
+<img :src="$withBase('/images/components/update/ui-desktop-version-update.png')" alt="Update in Desktop Version" width="800px">
+
+This option is used mostly in windows that contain included processes, from which the information is loaded into them. Additionally, it is used to refresh the information entered in the different fields of the windows.
+
+## Where it is located?
+
+It is located in the menu displayed when you click on the name of a window.
+
+## What is it for?
+
+It is used to refresh the records of the fields of the windows.
+
+## Functions or Observations
+
+::: tip
+When a search is made for the records contained in a certain window, filtering by a specific record. By clicking on the window name and selecting the update option, the search performed is updated.
+:::
+
+## How is it used in the Desktop version?
+
+Click on the name of the window and select the option "**Update**" in the displayed menu.
+
+![How to use it in the Desktop version]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "How to use it in the Desktop version")

docs/zh/guide/components/translation.md

@@ -0,0 +1,37 @@
+# 翻譯
+
+允許您添加在給定字段中輸入的值的西班牙語翻譯。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/translation/zk-desktop-version-translation.png')" alt="ZK桌面版本首選項" width="800px">
+
+## ADempiere-Vue版本
+
+<img :src="$withBase('/images/components/translation/translation-desktop-mobile.png')" alt="移動和桌面版本首選項" width="800px">
+
+## 它在哪裡？
+
+它位於包含 “**翻譯**” 選項卡的窗口的字段中。
+
+## 是做什麼用的？
+
+它用於建立在特定字段中輸入的值的轉換。
+
+## 功能或觀察
+
+::: tip
+該組件代替了某些ADempiere-ZK窗口所包含的 “**翻譯**” 選項卡。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
+
+![如何在桌面版中使用它]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版中使用它")
+
+## 在移動版本中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
+
+![如何在移動版本中使用它]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")

docs/zh/guide/components/update.md

@@ -0,0 +1,33 @@
+# 更新
+
+它允許更新選擇該選項的窗口中包含的字段的記錄。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/update/zk-desktop-version-update.png')" alt="在ZK桌面版本中升級" width="800px">
+
+## ADempiere-UI版本
+
+<img :src="$withBase('/images/components/update/ui-desktop-version-update.png')" alt="在桌面版本中更新" width="800px">
+
+此選項通常在包含所包含進程的窗口中使用，從中將信息加載到這些進程中。此外，它用於刷新在窗口的不同字段中輸入的信息。
+
+## 它在哪裡？
+
+當您單擊窗口名稱時，它位於顯示的菜單中。
+
+## 是做什麼用的？
+
+它用於刷新窗口字段的記錄。
+
+## 功能或觀察
+
+::: tip
+當搜索某個窗口中包含的記錄時，將按特定記錄進行過濾。通過單擊窗口名稱並選擇更新選項，將更新執行的搜索。
+:::
+
+## 在桌面版中如何使用？
+
+單擊窗口名稱，然後在顯示的菜單中選擇選項“ **更新**”。
+
+![如何在桌面版本中使用它]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")