information component (#820)

* information component

* information component

docs/.vuepress/config.js

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

docs/es/guide/components/information.md

@@ -0,0 +1,45 @@
+# Información
+
+Permite obtener la información necesaria del campo, en el mismo se encuentra detallado el nombre del campo, la descripción del mismo y una ayuda descriptiva para que el usuario pueda entender mejor el comportamiento de dicho campo.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/information/zk-desktop-version-information.png')" alt="Información en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/information/ui-version-information.png')" alt="Información en Versión Móvil y de Escritorio" width="800px">
+
+Al seleccionar el componente se muestra de manera automática la información del campo. Cuando el campo es de tipo "**Selección**", el componente muestra la opción para acercar la ventana donde se encuentra o fue creado el registro de dicho campo.
+
+## ¿Dónde se ubica?
+
+Se ubica en los diferentes campos que contienen las ventanas de ADempiere.
+
+## ¿Para qué sirve?
+
+Sirve para consultar la información del campo, así como su funcionalidad.
+
+## Funciones u Observaciones
+
+::: tip
+Por defecto, el componente contiene la información en el siguiente orden
+
+  - Nombre del Campo
+  - Decripción
+  - Ayuda
+  - Opción Acercar (dependiendo del tipo de campo)
+:::
+
+## ¿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 "**Información**", para visualizar la información del campo.
+
+![Cómo se utiliza en la versión de Escritorio]('/images/components/information/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 móvil se hace clic sobre el campo para visualizar el menú desplegado por el mismo, luego se selecciona la opción "**Información**", para visualizar la información del campo.
+
+![Cómo se utiliza en la versión móvil]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "Cómo se utiliza en la versión móvil")
+

docs/guide/components/information.md

@@ -0,0 +1,44 @@
+# Information
+
+It allows obtaining the necessary information of the field, in it is detailed the name of the field, its description and a descriptive help so that the user can better understand the behavior of said field.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/information/zk-desktop-version-information.png')" alt="Information in ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/information/ui-version-information.png')" alt="Information in Mobile and Desktop Version" width="800px">
+
+Selecting the component automatically displays the field information. When the field is of type "**Selection**", the component shows the option to zoom in on the window where the record for said field is located or was created.
+
+## Where it is located?
+
+It is located in the different fields that the ADempiere windows contain.
+
+## What is it for?
+
+It is used to consult the information of the field, as well as its functionality.
+
+## Functions or Observations
+
+::: tip
+By default, the component contains the information in the following order
+
+  - Field Name
+  - Description
+  - Help
+  - Zoom in option (depending on the type of field)
+:::
+
+## 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 "**Information**" to view the field information.
+
+![How to use it in the Desktop version]('/images/components/information/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 mobile version, click on the field to view the menu displayed by it, then select the option "**Information**" to view the information of the field.
+
+![How to use it in the mobile version]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "How to use it in the mobile version")

docs/zh/guide/components/information.md

@@ -0,0 +1,44 @@
+# 信息
+
+它允許獲取該字段的必要信息，其中詳細列出了該字段的名稱，其描述和描述性幫助，以便用戶可以更好地理解該字段的行為。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/information/zk-desktop-version-information.png')" alt="ZK桌面版本中的信息" width="800px">
+
+## ADempiere-Vue版本
+
+<img :src="$withBase('/images/components/information/ui-version-information.png')" alt="移動和桌面版本中的信息" width="800px">
+
+選擇組件會自動顯示字段信息。當字段的類型為 "**選擇**" 時，組件將顯示用於放大或顯示該字段的記錄的窗口的選項。
+
+## 它在哪裡？
+
+它位於ADempiere窗口包含的不同字段中。
+
+## 是做什麼用的？
+
+它用於查詢該領域的信息及其功能。
+
+## 功能或觀察
+
+::: tip
+默認情況下，組件按以下順序包含信息
+
+  -欄位名稱
+  - 描述
+  - 幫助
+  -放大選項（取決於字段類型）
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看字段信息。
+
+![如何在桌面版本中使用它]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
+
+## 在移動版本中如何使用？
+
+在移動版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看該字段的信息。
+
+![如何在移動版本中使用它]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")