guide component (#995)

docs/.vuepress/config.js

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

docs/es/guide/components/guide.md

@@ -0,0 +1,33 @@
+# Guía
+
+El componente "**Guía**" es útil para todos los usuarios pero principalmente para los usuarios que ingresan por primera vez a ADempiere. El mismo indica por campo, su respectivo nombre y descripción para que de esta manera, el usuario pueda conocer la funcionalidad de cada uno de los campos e ir ingresando la información requerida para completar el proceso que se encuentra realizando.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/guide/zk-desktop-version-guide.png')" alt="Guía en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/guide/ui-version-guide.png')" alt="Guía en Versión de Escritorio UI" width="800px">
+
+Dicho componente permite desplazarce por todos los campos de la ventana, con ayuda de las opciones "**Previous**" y "**Next**". Así mismo, se puede salir del componente seleccionando la opción "**Close**" o haciendo clic fuera de los campos de guía.
+
+## ¿Dónde se ubica?
+
+Se ubica en la parte superior derecha de la ventana, en la barra de herramientas generarl de ADempiere. Dicho componente se encuentra identificado con el icono "**i**".
+
+## ¿Para qué sirve?
+
+Sirve como ayuda para conocer la descripción de los campos al momento de realizar un registro.
+
+## Funciones u Observaciones
+
+::: tip
+Permite ingresar información a los campos sin necesidad de salir de la guía.
+:::
+
+## ¿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 superior derecha de la ventana, para visualizar la guía de los campos. Se seleccionan las opciónes "**Previous**" y "**Next**" para navegar entre los campos. Si se requiere, se puede ingresar información a dichos campos. Finalmente, se seleccionan la opción "**Close**" para cerrar la guía.
+
+<img :src="$withBase('/images/components/guide/how-to-use-it-in-the-desktop-version.gif')" />

docs/guide/components/guide.md

@@ -0,0 +1,33 @@
+# Guide
+
+The component "**Guide**" is useful for all users but mainly for users who enter ADempiere for the first time. It indicates by field, its respective name and description so that in this way, the user can know the functionality of each of the fields and enter the information required to complete the process that is being carried out.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/guide/zk-desktop-version-guide.png')" alt="Guide in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/guide/ui-version-guide.png')" alt="Guide in Desktop Version UI" width="800px">
+
+This component allows scrolling through all the fields of the window, with the help of the options "**Previous**" and "**Next**". Likewise, the component can be exited by selecting the "**Close**" option or by clicking outside the guide fields.
+
+## Where it is located?
+
+It is located in the upper right part of the window, in ADempiere's general toolbar. Said component is identified with the icon "**i**".
+
+## What is it for?
+
+It serves as an aid to know the description of the fields when making a registration.
+
+## Functions or Observations
+
+::: tip
+It allows you to enter information to the fields without having to leave the guide.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the "**i**" icon, located in the upper right part of the window, to view the guide to the fields. The "**Previous**" and "**Next**" options are selected to navigate between the fields. If required, information can be entered into these fields. Finally, the option "**Close**" is selected to close the guide.
+
+<img :src="$withBase('/images/components/guide/how-to-use-it-in-the-desktop-version.gif')" />

docs/zh/guide/components/guide.md

@@ -0,0 +1,33 @@
+# 指導
+
+組件 “**指南**” 對所有用戶都有用，但主要用於第一次進入 ADempiere 的用戶。它按字段、其各自的名稱和描述進行指示，這樣用戶就可以了解每個字段的功能並輸入完成正在執行的過程所需的信息。
+
+## ADempiere-ZK 版本
+
+<img :src="$withBase('/images/components/guide/zk-desktop-version-guide.png')" alt="ZK 桌面版指南" width="800px">
+
+## ADempiere-Vue 版本
+
+<img :src="$withBase('/images/components/guide/ui-version-guide.png')" alt="桌面版用戶界面指南" width="800px">
+
+該組件允許在選項 “**上一個**” 和 “**下一個**” 的幫助下滾動窗口的所有字段。同樣，可以通過選擇 “**關閉**” 選項或通過在指南字段外單擊來退出組件。
+
+## 它位於哪裡？
+
+它位於窗口的右上角，在 ADempiere 的常規工具欄中。所述組件用圖標 “**i**” 標識。
+
+## 它有什麼用？
+
+它有助於在進行註冊時了解字段的描述。
+
+## 函數或觀察
+
+::: tip
+它允許您在字段中輸入信息而無需離開指南。
+:::
+
+## 它在桌面版本中如何使用？
+
+在桌面版本中，單擊位於窗口右上角的 “**i**” 圖標，查看字段指南。選擇 “**上一個**” 和 “**下一個**” 選項以在字段之間導航。如果需要，可以在這些字段中輸入信息。最後，選 ​​ 擇 “**關閉**” 選項來關閉嚮導。
+
+<img :src="$withBase('/images/components/guide/how-to-use-it-in-the-desktop-version.gif')" />