hl-core 0.0.7-beta.7 → 0.0.7-beta.8

package/api/index.ts

@@ -8,7 +8,7 @@ enum Methods {
 
 export class ApiClass {
   baseURL: string | undefined;
-  constructor(baseURL: string | undefined) {
+  constructor(baseURL?: string | undefined) {
     this.baseURL = baseURL;
   }
 

package/components/Layout/Drawer.vue

@@ -0,0 +1,42 @@
+<template>
+  <v-navigation-drawer
+    v-model="$dataStore[whichPanel].open"
+    :temporary="$dataStore[whichPanel].overlay"
+    location="right"
+    class="sm:!w-[400px] lg:!relative"
+    :class="[
+      $dataStore[whichPanel].overlay ? 'lg:!hidden' : '',
+      $dataStore[whichPanel].open ? '!w-full lg:!w-[420px]' : 'lg:!w-[0px]',
+    ]"
+  >
+    <base-header
+      :title="panelTitle"
+      :has-back="true"
+      back-icon="mdi-close"
+      class="justify-center"
+      @onBack="$dataStore[whichPanel].open = false"
+    ></base-header>
+    <div>
+      <slot></slot>
+    </div>
+  </v-navigation-drawer>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'BasePanel',
+  props: {
+    panelTitle: {
+      type: String,
+      default: '',
+    },
+    whichPanel: {
+      type: String as PropType<'settings' | 'panel'>,
+      default: 'panel',
+    },
+  },
+  setup() {
+    return {};
+  },
+});
+</script>

package/components/Layout/SettingsPanel.vue

@@ -1,72 +1,54 @@
 <template>
-  <v-navigation-drawer
-    v-model="$dataStore.settings.open"
-    :temporary="$dataStore.settings.overlay"
-    location="right"
-    class="sm:!w-[400px] lg:!relative"
-    :class="[
-      $dataStore.settings.overlay ? 'lg:!hidden' : '',
-      $dataStore.settings.open ? '!w-full lg:!w-[420px]' : 'lg:!w-[0px]',
-    ]"
-  >
-    <base-header
-      :title="$dataStore.menu.title"
-      :has-back="true"
-      back-icon="mdi-close"
-      class="justify-center"
-      @onBack="$dataStore.settings.open = false"
-    ></base-header>
-    <div>
-      <span
-        class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8]"
-      >
-        <v-btn
-          size="x-small"
-          icon="mdi-minus"
-          color="#A0B3D8"
-          class="text-white"
-          variant="flat"
-        ></v-btn>
-        Шрифт
-        <v-btn
-          size="x-small"
-          icon="mdi-plus"
-          color="#A0B3D8"
-          class="text-white"
-          variant="flat"
-        ></v-btn>
-      </span>
-      <span
-        class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8]"
-      >
-        <v-text-field
-          v-model="$dataStore.user.fullName"
-          :readonly="true"
-          hide-details
-          variant="plain"
-          :label="$dataStore.user.roles?.join(', ')"
-        ></v-text-field>
-        <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i>
-      </span>
-      <span
-        class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] cursor-pointer hover:border-b-[#A0B3D8]"
-        @click="dialog = true"
-      >
-        Выход
+  <base-drawer :panel-title="$dataStore.menu.title" which-panel="settings">
+    <span
+      class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8]"
+    >
+      <v-btn
+        size="x-small"
+        icon="mdi-minus"
+        color="#A0B3D8"
+        class="text-white"
+        variant="flat"
+      ></v-btn>
+      Шрифт
+      <v-btn
+        size="x-small"
+        icon="mdi-plus"
+        color="#A0B3D8"
+        class="text-white"
+        variant="flat"
+      ></v-btn>
+    </span>
+    <span
+      class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8]"
+    >
+      <v-text-field
+        v-model="$dataStore.user.fullName"
+        :readonly="true"
+        hide-details
+        variant="plain"
+        :label="$dataStore.user.roles?.join(', ')"
+      ></v-text-field>
+      <i class="mdi mdi-account-outline text-2xl text-[#A0B3D8]"></i>
+    </span>
+    <span
+      class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] cursor-pointer hover:border-b-[#A0B3D8]"
+      @click="dialog = true"
+    >
+      Выход
 
-        <i class="mdi mdi-logout text-xl text-[#A0B3D8]"></i>
-      </span>
-      <base-dialog
-        v-model="dialog"
-        :title="$t('dialog.exit')"
-        :subtitle="$t('dialog.dataWillClear')"
-        actions="default"
-        @yes="logoutUser"
-        @no="dialog = false"
-      >
-      </base-dialog>
-    </div>
-  </v-navigation-drawer>
+      <i class="mdi mdi-logout text-xl text-[#A0B3D8]"></i>
+    </span>
+    <base-dialog
+      v-model="dialog"
+      :title="$t('dialog.exit')"
+      :subtitle="$t('dialog.dataWillClear')"
+      actions="default"
+      @yes="logoutUser"
+      @no="dialog = false"
+    >
+    </base-dialog
+  ></base-drawer>
 </template>
 
 <script lang="ts" setup>

package/composables/classes.ts

@@ -753,6 +753,10 @@ export class DataStoreClass {
     open: boolean;
     overlay: boolean;
   };
+  panel: {
+    open: boolean;
+    overlay: boolean;
+  };
   historyPageIndex: number;
   historyPageSize: number;
   historyTotalItems: number;
@@ -812,6 +816,10 @@ export class DataStoreClass {
       open: false,
       overlay: false,
     };
+    this.panel = {
+      open: false,
+      overlay: false,
+    };
     this.historyPageIndex = 1;
     this.historyPageSize = 10;
     this.historyTotalItems = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.7",
+  "version": "0.0.7-beta.8",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",

package/store/data.store.js

@@ -34,6 +34,12 @@ export const useDataStore = defineStore('data', {
   }),
   getters: {
     isEFO: state => state.product === 'efo',
+    isBaiterek: state => state.product === 'baiterek',
+    isBolashak: state => state.product === 'bolashak',
+    isMycar: state => state.product === 'mycar',
+    isLifetrip: state => state.product === 'lifetrip',
+    isLiferenta: state => state.product === 'liferenta',
+    isPension: state => state.product === 'pension',
   },
   actions: {
     sendToParent(action, value) {

package/components/Layout/Panel.vue

@@ -1,33 +0,0 @@
-<template>
-  <v-navigation-drawer
-    v-model="$dataStore.settings.open"
-    :temporary="$dataStore.settings.overlay"
-    location="right"
-    class="sm:!w-[400px] lg:!relative"
-    :class="[
-      $dataStore.settings.overlay ? 'lg:!hidden' : '',
-      $dataStore.settings.open ? '!w-full lg:!w-[420px]' : 'lg:!w-[0px]',
-    ]"
-  >
-    <base-header
-      :title="$dataStore.menu.title"
-      :has-back="true"
-      back-icon="mdi-close"
-      class="justify-center"
-      @onBack="$dataStore.settings.open = false"
-    ></base-header>
-    <div>
-      <slot></slot>
-    </div>
-  </v-navigation-drawer>
-</template>
-
-<script lang="ts">
-export default defineComponent({
-  name: 'BasePanel',
-  props: {},
-  setup() {
-    return {};
-  },
-});
-</script>