Merge pull request 'feat: add back-office link and show pos version' (#14) from feat/issue-13/add-bo-link into dev

Reviewed-on: #14

src/plugins/i18n/locales/ar.json

@@ -70,6 +70,11 @@
   "Dates range error": "With a date range, a text of at least 5 characters must be specified",
   "Close": "Close",
   "Connect to invidual POS": "Connect to invidual POS",
+  "REMOTE CONTROL": "REMOTE CONTROL",
+  "EXTERNAL LINK": "EXTERNAL LINK",
+  "Note: Click on the button below to access DOTSOFT Back-office": "Note: Click on the button below to access DOTSOFT Back-office",
+  "Open Back-office": "Open Back-office",
+  "Mount drive": "Mount drive",
   "---------------------------": "---------------------------",
   "UI Elements": "عناصر واجهة المستخدم",
   "Forms & Tables": "النماذج والجداول",

src/plugins/i18n/locales/en.json

@@ -70,6 +70,11 @@
   "Dates range error": "With a date range, a text of at least 5 characters must be specified",
   "Close": "Close",
   "Connect to invidual POS": "Connect to invidual POS",
+  "REMOTE CONTROL": "REMOTE CONTROL",
+  "EXTERNAL LINK": "EXTERNAL LINK",
+  "Note: Click on the button below to access DOTSOFT Back-office": "Note: Click on the button below to access DOTSOFT Back-office",
+  "Open Back-office": "Open Back-office",
+  "Mount drive": "Mount drive",
   "---------------------------": "---------------------------",
   "UI Elements": "UI Elements",
   "Forms & Tables": "Forms & Tables",

src/plugins/i18n/locales/fr.json

@@ -70,6 +70,11 @@
   "Dates range error": "Dans le cas d'une plage de dates, un texte d'au moins 5 caractères doit être spécifié.",
   "Close": "Fermer",
   "Connect to invidual POS": "Connexion à une caisse individuelle",
+  "REMOTE CONTROL": "CONTROLE A DISTANCE",
+  "EXTERNAL LINK": "LIEN EXTERNE",
+  "Note: Click on the button below to access DOTSOFT Back-office": "Note: Cliquez sur le bouton ci-dessous pour accéder au Back-office DOTSOFT",
+  "Open Back-office": "Ouvrir DOTSOFT",
+  "Mount drive": "Monter lecteur",
   "---------------------------": "---------------------------",
   "UI Elements": "ÉLÉMENTS DE L'UI",
   "Forms & Tables": "Formulaires et tableaux",

src/views/pages/store/view/StoreTabGeneral.vue

@@ -24,10 +24,17 @@ const props = defineProps<Props>()
     <VChip
       label
       size="small"
-      class="text-capitalize"
+      class="text-capitalize me-1"
     >
       {{ pos.ip }}
     </VChip>
+    <VChip
+      label
+      size="small"
+      class="text-capitalize"
+    >
+      {{ pos.version }}
+    </VChip>
     /
     <VChip
       label

src/views/pages/store/view/StoreTabRemote.vue

@@ -4,6 +4,10 @@ import type { StoreData } from '@/models/storeData'
 import logoVNC from '@images/misc/remote_128.png'
 
 const props = defineProps<Props>()
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const { t } = useI18n()
+
 const drive = ['M:', 'N:', 'O:', 'P:', 'Q:', 'R:', 'S:', 'T:']
 
 const selectedProtocol = ref('hdpos')
@@ -40,6 +44,12 @@ const mountDrive = (ip: string, drive: string) => {
 
   window.open(url, '_blank')
 }
+
+const openBO = () => {
+  const url = `http://aspf.adic.lan/site/login/login.asp?dataid=1&validated=1&input_login=caisse${localStoreData.value.store.id_structure}-20&input_password=caisse&id_caisse=20`
+
+  window.open(url, '_blank')
+}
 </script>
 
 <template>
@@ -48,11 +58,11 @@ const mountDrive = (ip: string, drive: string) => {
       cols="12"
       md="6"
     >
-      <VCard
-        flat
-        border
-      >
+      <VCard>
         <VCardText>
+          <p>
+            {{ $t('REMOTE CONTROL') }}
+          </p>
           <VCardText class="text-center d-flex align-center justify-left">
             <img
               :src="logoVNC"
@@ -116,14 +126,14 @@ const mountDrive = (ip: string, drive: string) => {
                     color="primary"
                     @click="mountDrive(caisse.ip, caisse.drive)"
                   >
-                    Mount drive {{ caisse.drive }}
+                    {{ $t('Mount drive') }} {{ caisse.drive }}
                   </VBtn>
                   <VBtn
                     v-else
                     disabled
                     color="primary"
                   >
-                    Mount drive
+                    {{ $t('Mount drive') }}
                   </VBtn>
                 </VCol>
               </VRow>
@@ -132,5 +142,30 @@ const mountDrive = (ip: string, drive: string) => {
         </VCardText>
       </VCard>
     </VCol>
+    <VCol
+      cols="12"
+      md="6"
+    >
+      <VCard>
+        <!-- 👉 BO access Link -->
+        <VCardText>
+          <p>
+            {{ $t('EXTERNAL LINK') }}
+            <VAlert
+              color="warning"
+              variant="tonal"
+              class="mb-5 mt-4"
+            >
+              {{ $t('Note: Click on the button below to access DOTSOFT Back-office') }}
+            </VAlert>
+          </p>
+          <div>
+            <VBtn @click="openBO">
+              {{ $t('Open Back-office') }}
+            </VBtn>
+          </div>
+        </VCardText>
+      </VCard>
+    </VCol>
   </VRow>
 </template>