component notes (#826)

* component notes

* component call notes

docs/.vuepress/config.js

@@ -285,7 +285,8 @@ function genAdvancedSidebar(type = '') {
 function genComponentSidebar(type = '') {
   const mapArr = [
     '/guide/components/preference.md',
-    '/guide/components/record-access.md'
+    '/guide/components/record-access.md',
+    '/guide/components/notes.md',
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/notes.md

@@ -0,0 +1,45 @@
+# Notas
+
+En la versión ADempiere-UI, las notas representan el icono "**Comentarios**" de la versión ADempiere-ZK. La misma permite establecer notas o comentarios a los registros de las ventanas de ADempiere.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/notes/zk-desktop-version-notes.png')" alt="Comentarios en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/notes/notes-desktop-mobile.png')" alt="Notas en Versión UI Móvil y de Escritorio" width="800px">
+
+Al agregar una nota o comentario a un registro de una ventana, el mismo estara disponible para todos los usuarios que tengan acceso a dicho registro.
+
+De igual manera, el registro de la nota o comentario puede ser eliminado.
+
+## ¿Dónde se ubica?
+
+Se ubica en la parte central del lado derecho de las ventanas, representado por el icono "**i**".
+
+## ¿Para qué sirve?
+
+Sirve para agregar notas o comentarios a un registro.
+
+## Funciones u Observaciones
+
+::: tip
+Permite agregar imágenes e información a las notas, aplicando formato "**Markdown**" al texto de la misma.
+:::
+
+## ¿Cómo se utiliza en la versión de Escritorio?
+
+En la versión de escritorio se hace clic sobre el icono "**i**" para visualizar el menú desplegado por el mismo, luego se ingresa la información en el recuadro que se encuentra del lado izquierdo. De manera automática, la información ingresada en el recuadro del lado izquierdo se visualiza en el recuadro del lado derecho, con el formato aplicado.
+
+### Crear Notas
+
+![Cómo crear notas en la versión de Escritorio]('/images/components/notes/create-notes-in-desktop-version.gif' "Cómo crear notas en la versión de Escritorio")
+
+## ¿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 opciones "**Notas**" y "**Actividad**", luego se ingresa la información en el recuadro que se encuentra del lado izquierdo. De manera automática, la información ingresada en el recuadro del lado izquierdo se visualiza en el recuadro del lado derecho, con el formato aplicado.
+
+### Crear Notas
+
+![Cómo crear notas en la versión móvil]('/images/components/notes/create-notes-in-the-mobile-version.gif' "Cómo crear notas en la versión móvil")

docs/guide/components/notes.md

@@ -0,0 +1,45 @@
+# Notes
+
+In the ADempiere-UI version, the notes represent the "**Comments**" icon of the ADempiere-ZK version. It allows to establish notes or comments to the records of ADempiere windows.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/notes/zk-desktop-version-notes.png')" alt="Comments on ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/notes/notes-desktop-mobile.png')" alt="Notes in Mobile and Desktop UI Version" width="800px">
+
+By adding a note or comment to a record in a window, it will be available to all users who have access to that record.
+
+Similarly, the record of the note or comment can be deleted.
+
+## Where it is located?
+
+It is located in the central part of the right side of the windows, represented by the icon "**i**".
+
+## What is it for?
+
+Used to add notes or comments to a record.
+
+## Functions or Observations
+
+::: tip
+It allows adding images and information to the notes, applying "**Markdown**" format to the text of the note.
+:::
+
+## How is it used in the Desktop version?
+
+In the desktop version, click on the "**i**" icon to view the menu displayed by it, then enter the information in the box on the left side. The information entered in the box on the left side is automatically displayed in the box on the right side, with the format applied.
+
+### Create Notes
+
+![How to create notes in Desktop version]('/images/components/notes/create-notes-in-desktop-version.gif' "How to create notes in Desktop version")
+
+## 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 options "**Notes**" and "**Activity**", then enter the information in the box on the left side. The information entered in the box on the left side is automatically displayed in the box on the right side, with the format applied.
+
+### Create Notes
+
+![How to create notes in the mobile version]('/images/components/notes/create-notes-in-the-mobile-version.gif' "How to create notes in the mobile version")

docs/zh/guide/components/notes.md

@@ -0,0 +1,45 @@
+# 注意
+
+在ADempiere-UI版本中，註釋代表ADempiere-ZK版本的 “**註釋**” 圖標。它允許為ADempiere窗口的記錄建立註釋或註釋。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/notes/zk-desktop-version-notes.png')" alt="在ZK桌面版本上的評論" width="800px">
+
+## ADempiere-Vue版本
+
+<img :src="$withBase('/images/components/notes/notes-desktop-mobile.png')" alt="移動和桌面UI版本中的註釋" width="800px">
+
+通過在窗口的記錄中添加註釋或註釋，所有有權訪問該記錄的用戶都可以使用該註釋或註釋。
+
+同樣，註釋或註釋的記錄也可以刪除。
+
+## 它在哪裡？
+
+它位於窗口右側的中央，由圖標 "**一世**" 表示。
+
+## 是做什麼用的？
+
+用於在記錄中添加註釋或評論。
+
+## 功能或觀察
+
+::: tip
+它允許在便箋中添加圖像和信息，並對便箋的文本應用 “**降價促銷**” 格式。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊 "**一世**" 圖標以查看其顯示的菜單，然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中，並採用格式。
+
+### 創建筆記
+
+![如何在桌面版本中創建筆記]('/images/components/notes/create-notes-in-desktop-version.gif' "如何在桌面版本中創建筆記")
+
+## 在移動版本中如何使用？
+
+在移動版本中，它必須位於窗口底部才能查看選項 “**筆記**” 和 “**活動**”, 然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中，並採用格式。
+
+### 創建筆記
+
+![如何在移動版本中創建註釋]('/images/components/notes/create-notes-in-the-mobile-version.gif' "如何在移動版本中創建註釋")