components (#842)

* component zoom in and modifications in the call of the gifs of all components

* component call

Co-authored-by: Yamel Senih <ysenih@erpya.com>

docs/.vuepress/config.js

@@ -289,7 +289,8 @@ function genComponentSidebar(type = '') {
     '/guide/components/notes.md',
     '/guide/components/information.md',
     '/guide/components/update.md',
-    '/guide/components/translation.md'
+    '/guide/components/translation.md',
+    '/guide/components/zoom-in.md'
   ]
   return mapArr.map(i => {
     return type + i

docs/es/guide/components/information.md

@@ -35,11 +35,11 @@ Por defecto, el componente contiene la información en el siguiente orden
 
 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")
+<img :src="$withBase('/images/components/information/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 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")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />
 

docs/es/guide/components/notes.md

@@ -34,7 +34,7 @@ En la versión de escritorio se hace clic sobre el icono "**i**" para visualizar
 
 ### 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")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## ¿Cómo se utiliza en la versión móvil?
 
@@ -42,7 +42,7 @@ En la versión móvil se debe posicionar en la parte inferior de la ventana para
 
 ### 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")
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif" />
 
 
 ## Opciones para el Desarrollador

docs/es/guide/components/translation.md

@@ -28,13 +28,13 @@ Este componente reemplaza la pestaña "**Traducción**" que contienen algunas ve
 
 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")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## ¿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")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 
 ## Opciones para el Desarrollador
 

docs/es/guide/components/update.md

@@ -30,4 +30,4 @@ Cuando se realiza una búsqueda de los registros que contiene una determinada ve
 
 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")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

docs/es/guide/components/zoom-in.md

@@ -0,0 +1,40 @@
+# Acercar
+
+Permite acceder de manera rápida a un registro determinado en una ventana.
+
+## Versión ADempiere-ZK
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Acercar en Versión de Escritorio ZK" width="800px">
+
+## Versión ADempiere-Vue
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Acercar en Versión Móvil y de Escritorio" width="800px">
+
+Al seleccionar la opción "**Acercar**" en un campo de tipo selección, se abre la ventana donde se encuentra dicho registro.
+
+## ¿Dónde se ubica?
+
+Se ubica en los diferentes campos de tipo selección que son cargados en otra ventana.
+
+## ¿Para qué sirve?
+
+Sirve para acceder a una ventana de manera rápida y consultar la información del campo.
+
+## Funciones u Observaciones
+
+::: tip
+Se puede acercar el registro de una ventana directamente desde un 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 "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## ¿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 "**Acercar**", para visualizar el registro en la ventana donde fue cargado o creado el mismo.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />
+

docs/guide/components/information.md

@@ -35,10 +35,10 @@ By default, the component contains the information in the following order
 
 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")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 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")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />

docs/guide/components/notes.md

@@ -34,7 +34,7 @@ In the desktop version, click on the "**i**" icon to view the menu displayed by
 
 ### 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")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## How is it used in the mobile version?
 
@@ -42,7 +42,7 @@ In the mobile version, it must be positioned at the bottom of the window to view
 
 ### 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")
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
 
 ## Developer Options
 

docs/guide/components/translation.md

@@ -28,12 +28,14 @@ This component replaces the "** Translation **" tab that some ADempiere-ZK windo
 
 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")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 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.
 
+
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 ![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")
 
 ## Developer Options
@@ -64,3 +66,4 @@ The **Translation** service consumption call can be found in the following path:
 
 The called services of the component are <br>
 [GET adempiere-api/ui/getTranslations]()<br>
+

docs/guide/components/update.md

@@ -30,4 +30,4 @@ When a search is made for the records contained in a certain window, filtering b
 
 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")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

docs/guide/components/zoom-in.md

@@ -0,0 +1,39 @@
+# Zoom in
+
+Allows quick access to a specific record in a window.
+
+## ADempiere-ZK version
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="Zoom in on ZK Desktop Version" width="800px">
+
+## ADempiere-Vue version
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="Zoom in on Mobile and Desktop Version" width="800px">
+
+When selecting the option "**Zoom in**" in a selection type field, the window where said record is located opens.
+
+## Where it is located?
+
+It is located in the different fields of the selection type that are loaded in another window.
+
+## What is it for?
+
+It is used to access a window quickly and consult the field information.
+
+## Functions or Observations
+
+::: tip
+You can zoom in on a window record directly from a 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 "**Zoom in**" to view the record in the window where it was loaded or created.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 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 "**Zoom in**" to view the record in the window where it was loaded or created.
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/information.md

@@ -35,10 +35,10 @@
 
 在桌面版本中，單擊字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看字段信息。
 
-![如何在桌面版本中使用它]('/images/components/information/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在移動版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 "**信息**" 以查看該字段的信息。
 
-![如何在移動版本中使用它]('/images/components/information/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
+<img :src="$withBase('/images/components/information/how-to-use-it-in-the-mobile-version.gif')" />

docs/zh/guide/components/notes.md

@@ -34,15 +34,14 @@
 
 ### 創建筆記
 
-![如何在桌面版本中創建筆記]('/images/components/notes/create-notes-in-desktop-version.gif' "如何在桌面版本中創建筆記")
+<img :src="$withBase('/images/components/notes/create-notes-in-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在移動版本中，它必須位於窗口底部才能查看選項 “**筆記**” 和 “**活動**”, 然後在左側的框中輸入信息。左側框中輸入的信息會自動應用在右側框中，並採用格式。
 
 ### 創建筆記
-
+<img :src="$withBase('/images/components/notes/create-notes-in-the-mobile-version.gif')" />
-![如何在移動版本中創建註釋]('/images/components/notes/create-notes-in-the-mobile-version.gif' "如何在移動版本中創建註釋")
 
 ## 开发者选项
 

docs/zh/guide/components/record-access.md

@@ -1,4 +1,4 @@
-＃訪問記錄
+# 訪問記錄
 
 允許您基於以下參數配置每個角色對特定記錄或視圖的訪問權限：
 

docs/zh/guide/components/translation.md

@@ -28,12 +28,14 @@
 
 在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
 
-![如何在桌面版中使用它]('/images/components/translation/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版中使用它")
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-desktop-version.gif')" />
 
 ## 在移動版本中如何使用？
 
 在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**語言**”，以查看該字段的信息及其相應的翻譯。
 
+
+<img :src="$withBase('/images/components/translation/how-to-use-it-in-the-mobile-version.gif')" />
 ![如何在移動版本中使用它]('/images/components/translation/how-to-use-it-in-the-mobile-version.gif' "如何在移動版本中使用它")
 
 ## 开发者选项
@@ -64,3 +66,4 @@
 
 该组件的调用服务是<br>
 [GET adempier-api/ui/getTranslations]()<br>
+

docs/zh/guide/components/update.md

@@ -30,4 +30,4 @@
 
 單擊窗口名稱，然後在顯示的菜單中選擇選項 “**更新**”。
 
-![如何在桌面版本中使用它]('/images/components/update/how-to-use-it-in-the-desktop-version.gif' "如何在桌面版本中使用它")
+<img :src="$withBase('/images/components/update/how-to-use-it-in-the-desktop-version.gif')" />

docs/zh/guide/components/zoom-in.md

@@ -0,0 +1,40 @@
+# 放大
+
+允許快速訪問窗口中的特定記錄。
+
+## ADempiere-ZK版本
+
+<img :src="$withBase('/images/components/zoom-in/zk-desktop-version-zoom-in.png')" alt="在ZK桌面版本上放大" width="800px">
+
+## ADempiere-Vue版本
+
+<img :src="$withBase('/images/components/zoom-in/ui-version-zoom-in.png')" alt="在移動和桌面版本上放大" width="800px">
+
+
+在選擇類型字段中選擇 “**放大**” 選項時，將打開該記錄所在的窗口。
+
+## 它在哪裡？
+
+它位於另一個窗口中加載的選擇類型的不同字段中。
+
+## 是做什麼用的？
+
+它用於快速訪問窗口並查詢字段信息。
+
+## 功能或觀察
+
+::: tip
+您可以直接從字段中放大窗口記錄。
+:::
+
+## 在桌面版中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-desktop-version.gif')" />
+
+## 在移動版本中如何使用？
+
+在桌面版本中，單擊該字段以查看其顯示的菜單，然後選擇選項 “**放大**” 以在加載或創建該記錄的窗口中查看該記錄。
+
+<img :src="$withBase('/images/components/zoom-in/how-to-use-it-in-the-mobile-version.gif')" />