hl-core 0.0.7-beta.11 → 0.0.7-beta.12

package/components/Layout/SettingsPanel.vue

@@ -1,9 +1,9 @@
 <template>
   <base-drawer :panel-title="$dataStore.menu.title" which-panel="settings">
     <base-panel-item>
-      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat"></v-btn>
+      <v-btn size="x-small" icon="mdi-minus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('decrease')"></v-btn>
       Шрифт
-      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat"></v-btn>
+      <v-btn size="x-small" icon="mdi-plus" color="#A0B3D8" class="text-white" variant="flat" @click="handleFontSize('increase')"></v-btn>
     </base-panel-item>
     <base-panel-item>
       <v-text-field v-model="$dataStore.user.fullName" :readonly="true" hide-details variant="plain" :label="$dataStore.user.roles?.join(', ')"></v-text-field>
@@ -26,6 +26,16 @@
 const dialog = ref(false);
 const dataStore = useDataStore();
 
+const handleFontSize = (action: 'increase' | 'decrease') => {
+  if (action === 'increase' && dataStore.fontSize < 24) dataStore.fontSize += 2;
+  if (action === 'decrease' && dataStore.fontSize > 14) dataStore.fontSize -= 2;
+  if (dataStore.isEFO) {
+    dataStore.sendToChild(constants.postActions.font, dataStore.fontSize);
+  } else {
+    dataStore.sendToParent(constants.postActions.font, dataStore.fontSize);
+  }
+};
+
 const logoutUser = async () => {
   dialog.value = false;
   await dataStore.logoutUser();

package/composables/classes.ts

@@ -10,7 +10,7 @@ class MenuItemConfig {
   hasLine?: boolean;
   description?: string | null;
   url?: string | null;
-  initial?: object | null;
+  initial?: any | null;
   icon?: string | null;
   action?: Function | void;
   disabled?: typeof computed;
@@ -24,7 +24,7 @@ class MenuItemConfig {
     hasLine?: boolean,
     description?: string | null,
     url?: string | null,
-    initial?: object | null,
+    initial?: any | null,
     icon?: string | null,
     action?: Function | void,
     disabled?: typeof computed,

package/composables/constants.ts

@@ -48,6 +48,7 @@ export const constants = Object.freeze({
     rejectclient: 'rejectclient',
   },
   postActions: {
+    font: 'font',
     route: 'route',
     applicationCreated: 'applicationCreated',
     clipboard: 'clipboard',

package/layouts/default.vue

@@ -35,3 +35,24 @@ const openSettings = async () => {
   dataStore.settings.open = true;
 };
 </script>
+<style>
+.mainpage,
+label .v-label .v-field-label,
+.v-field__input,
+.v-label.v-field-label,
+.v-field,
+.v-input,
+span,
+header,
+p {
+  font-size: v-bind('dataStore.fontSize + "px"') !important;
+  line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important;
+}
+
+.v-input__details,
+.v-messages__message {
+  font-size: v-bind('dataStore.fontSize*0.8 + "px"') !important;
+  line-height: v-bind('dataStore.fontSize*1 + "px"') !important;
+  padding-bottom: 3px;
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.11",
+  "version": "0.0.7-beta.12",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -18,28 +18,28 @@
   ],
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt clean && nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^0.2.5",
-    "nuxt": "^3.3.1",
+    "@nuxt/devtools": "^0.3.2",
+    "nuxt": "^3.3.3",
     "prettier": "^2.8.4",
     "typescript": "^4.9.5"
   },
   "dependencies": {
     "@mdi/font": "^7.1.96",
-    "@nuxtjs/tailwindcss": "^6.6.0",
-    "@pinia/nuxt": "^0.4.7",
+    "@nuxtjs/tailwindcss": "^6.6.5",
+    "@pinia/nuxt": "^0.4.8",
     "animate.css": "^4.1.1",
-    "axios": "^1.3.4",
+    "axios": "^1.3.5",
     "fast-xml-parser": "4.0.12",
     "jwt-decode": "^3.1.2",
     "maska": "1.5.0",
-    "pinia": "^2.0.33",
+    "pinia": "^2.0.34",
     "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
-    "vuetify": "^3.1.10"
+    "vuetify": "^3.1.13"
   }
 }

package/store/data.store.js

@@ -43,6 +43,12 @@ export const useDataStore = defineStore('data', {
     sendToParent(action, value) {
       window.parent.postMessage({ action: action, value: value }, '*');
     },
+    sendToChild(action, value) {
+      const childFrame = document.getElementById('product-iframe');
+      if (childFrame && childFrame.contentWindow && childFrame.contentWindow.postMessage) {
+        childFrame.contentWindow.postMessage({ action: action, value: value }, '*');
+      }
+    },
     getFilesByIIN(iin) {
       return this.signedDocumentList.filter(file => file.iin === iin && file.fileTypeName === 'Удостоверение личности');
     },