hl-core 0.0.7-beta.2 → 0.0.7-beta.4

package/api/interceptors.ts

@@ -21,7 +21,18 @@ export default function (axios: AxiosInstance) {
       if (error.response.status === 401) {
         dataStore.$reset();
         localStorage.clear();
-        router.push({ name: 'Auth', query: { error: 401 } });
+        if (dataStore.isEFO) {
+          router.push({ name: 'Auth', query: { error: 401 } });
+        } else {
+          dataStore.sendToParent(constants.postActions.Error401, 401);
+        }
+      }
+      if (error.response.status === 500) {
+        dataStore.$reset();
+        localStorage.clear();
+        if (router.currentRoute.value.name !== 'Auth') {
+          router.push({ name: '500', query: { stack: error.stack } });
+        }
       }
       return Promise.reject(error);
     },

package/components/Button/BtnIcon.vue

@@ -0,0 +1,47 @@
+<template>
+  <button
+    type="button"
+    class="transition-all"
+    @click="$emit('clicked')"
+    :disabled="disabled"
+    :class="[
+        disabled ? 'disabled' : '',
+        classes,
+        btn,
+        $libStyles[`btnH${$capitalize(size)}` as keyof typeof $libStyles],
+      ]"
+  >
+    <i class="mdi" :class="icon"></i>
+  </button>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  name: 'BaseBtnIcon',
+  props: {
+    icon: { type: String, default: 'mdi-arrow-right-variant' },
+    size: {
+      type: String,
+      default: 'md',
+    },
+    classes: {
+      type: String,
+      default: '',
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    btn: {
+      type: String,
+      default: new Styles().blueBtn,
+    },
+  },
+});
+</script>
+
+<style scoped>
+.disabled {
+  opacity: 0.3;
+}
+</style>

package/components/Layout/Dialog.vue

@@ -16,7 +16,23 @@
         {{ text }}
       </v-card-text>
       <v-card-actions class="gap-[16px]">
-        <slot name="actions"></slot>
+        <base-btn
+          v-if="actions === 'default'"
+          class="!w-fit px-6"
+          size="sm"
+          :text="$t('confirm.yes')"
+          :btn="$libStyles.blueBtn"
+          @click="$emit('yes')"
+        ></base-btn>
+        <base-btn
+          v-if="actions === 'default'"
+          class="!w-fit px-6"
+          size="sm"
+          :text="$t('confirm.no')"
+          :btn="$libStyles.blueBtn"
+          @click="$emit('no')"
+        />
+        <slot v-if="actions !== 'default'" name="actions"></slot>
       </v-card-actions>
     </v-card>
   </v-dialog>
@@ -41,8 +57,12 @@ export default defineComponent({
       type: String,
       default: '',
     },
+    actions: {
+      type: String,
+      default: 'default',
+    },
   },
-  emits: ['update:modelValue', 'submitted'],
+  emits: ['update:modelValue', 'submitted', 'yes', 'no'],
   setup(props, { emit }) {
     const fieldModel = ref(props.modelValue);
 

package/components/Menu/MenuNav.vue

@@ -7,26 +7,31 @@
       :back-icon="backIcon"
       @onBack="$emit('onBack')"
     ></base-header>
-    <transition-group enter-active-class="animate__animated animate__fadeIn">
-      <slot name="content"></slot>
-      <section
-        v-if="items && items.length"
-        class="px-2 pt-[14px] flex flex-col gap-[10px]"
-      >
-        <slot name="start"></slot>
-        <base-menu-nav-item
-          v-for="(item, index) of items"
-          :key="index"
-          :menu-item="item"
-          :selected="
-            selected.title && item.title && selected.title === item.title
-          "
-          @click="pickItem(item)"
+    <slot key="slot-content" name="content"></slot>
+    <section key="main" class="px-2 pt-[14px] flex flex-col gap-[10px]">
+      <slot name="start"></slot>
+      <transition enter-active-class="animate__animated animate__fadeIn">
+        <div
+          v-if="$dataStore.menuItems && $dataStore.menuItems.length"
+          class="flex flex-col gap-[10px]"
         >
-        </base-menu-nav-item>
-        <slot name="end"></slot>
-      </section>
-    </transition-group>
+          <div v-for="(item, index) of $dataStore.menuItems" :key="index">
+            <base-menu-nav-item
+              :menu-item="item"
+              :selected="
+                !!selected.title &&
+                !!item.title &&
+                selected.title === item.title
+              "
+              @click="pickItem(item)"
+            >
+            </base-menu-nav-item>
+            <hr v-if="item.line" class="mt-[10px]" />
+          </div>
+        </div>
+      </transition>
+      <slot name="end"></slot>
+    </section>
   </aside>
 </template>
 
@@ -39,10 +44,6 @@ export default defineComponent({
       type: String,
       default: 'Заголовок',
     },
-    items: {
-      type: Array<MenuItem>,
-      default: [],
-    },
     selected: {
       type: Object as PropType<MenuItem>,
       default: new MenuItem(),
@@ -58,9 +59,12 @@ export default defineComponent({
   },
   emits: ['update:modelValue', 'onLink', 'onBack', 'clicked'],
   setup(props, { emit }) {
+    const dataStore = useDataStore();
     const pickItem = (item: MenuItem) => {
-      emit('update:modelValue', item);
-      item.link ? emit('onLink', item) : emit('clicked', item);
+      if (item.title !== dataStore.menu.selectedItem.title) {
+        emit('update:modelValue', item);
+        item.link ? emit('onLink', item) : emit('clicked', item);
+      }
     };
     return { pickItem };
   },

package/components/Menu/MenuNavItem.vue

@@ -9,6 +9,12 @@
     class="h-[60px] flex items-center hover:bg-[#A0B3D8] hover:!text-white pl-4 cursor-pointer transition-all"
   >
     <span>{{ menuItem.title }}</span>
+    <v-tooltip
+      v-if="menuItem.description"
+      activator="parent"
+      location="bottom"
+      >{{ menuItem.description }}</v-tooltip
+    >
   </div>
 </template>
 

package/composables/classes.ts

@@ -7,15 +7,32 @@ import {
 export class MenuItem {
   id: any;
   title: string | null;
-  link?: RouteLocationNormalized | RouteLocationNormalizedLoaded;
+  link?:
+    | RouteLocationNormalized
+    | RouteLocationNormalizedLoaded
+    | null
+    | boolean;
+  initial: any;
+  line: boolean;
+  description?: string;
   constructor(
     id: any = null,
     title: string | null = null,
-    link?: RouteLocationNormalized | RouteLocationNormalizedLoaded,
+    initial: any = null,
+    link?:
+      | RouteLocationNormalized
+      | RouteLocationNormalizedLoaded
+      | null
+      | boolean,
+    line: boolean = false,
+    description?: string,
   ) {
     this.id = id;
     this.title = title;
+    this.initial = initial;
     this.link = link;
+    this.line = line;
+    this.description = description;
   }
 }
 
@@ -720,6 +737,16 @@ export class ProductConditions {
 }
 
 export class DataStoreClass {
+  menuItems: MenuItem[];
+  menu: {
+    title: string;
+    hasBack: boolean;
+    loading: boolean;
+    backIcon: string;
+    onBack: any;
+    onLink: any;
+    selectedItem: MenuItem;
+  };
   historyPageIndex: number;
   historyPageSize: number;
   historyTotalItems: number;
@@ -763,6 +790,16 @@ export class DataStoreClass {
   userGroups: any[];
   onMainPage: boolean;
   constructor() {
+    this.menuItems = [];
+    this.menu = {
+      title: '',
+      hasBack: false,
+      loading: false,
+      backIcon: 'mdi-arrow-left',
+      onBack: {},
+      onLink: {},
+      selectedItem: new MenuItem(),
+    };
     this.historyPageIndex = 1;
     this.historyPageSize = 10;
     this.historyTotalItems = 0;

package/composables/constants.ts

@@ -1,9 +1,16 @@
 export const constants = Object.freeze({
-  products: { baiterek: 3, halykmycar: 5, lifetrip: 7, bolashak: 8 },
+  products: {
+    baiterek: 3,
+    halykmycar: 5,
+    lifetrip: 7,
+    bolashak: 8,
+    liferenta: 9,
+  },
   BAITEREK_ROUTE: 'baiterek',
   MYCAR_ROUTE: 'halykmycar',
   LIFETRIP_ROUTE: 'lifetrip',
   BOLASHAK_ROUTE: 'bolashak',
+  LIFERENTA_ROUTE: 'liferenta',
   editableStatuses: ['StartForm', 'EditBeneficiaryForm', 'EditForm'],
   documentsLinkVisibleStatuses: [
     'DocumentsSignedFrom',
@@ -46,5 +53,6 @@ export const constants = Object.freeze({
     DOMevent: 'DOMevent',
     toStatementHistory: 'toStatementHistory',
     Error401: 'Error401',
+    Error500: 'Error500',
   },
 });

package/layouts/clear.vue

@@ -1,3 +1,3 @@
 <template>
-  <slot></slot>
+  <div class="h-full w-full"><slot></slot></div>
 </template>

package/layouts/default.vue

@@ -1,9 +1,31 @@
 <template>
-  <div
-    :class="[$libStyles.greenBg]"
-    class="hidden lg:block absolute top-0 h-[200px] w-full"
-  ></div>
   <div class="h-full z-[1] lg:mx-[22px] lg:my-[33px] lg:shadow-xl">
-    <slot></slot>
+    <div
+      :class="[$libStyles.greenBg]"
+      class="hidden z-[-1] lg:block absolute left-0 top-0 h-[200px] w-full"
+    ></div>
+    <section class="flex h-full" :class="$libStyles.blueBgLight">
+      <base-menu-nav
+        v-model="$dataStore.menu.selectedItem"
+        :selected="$dataStore.menu.selectedItem"
+        :title="$dataStore.menu.title as string ?? 'Страховые продукты'"
+        :has-back="$dataStore.menu.hasBack as boolean ?? false"
+        :back-icon="$dataStore.menu.backIcon as string ?? 'mdi-arrow-left'"
+        :class="{
+          '!hidden':
+            !$display().lgAndUp.value && !!$dataStore.menu.selectedItem.title,
+        }"
+        @onBack="$dataStore.menu.onBack"
+        @onLink="$dataStore.menu.onLink"
+      >
+        <template #end>
+          <base-loader
+            v-if="$dataStore.menu.loading as boolean"
+            class="self-center m-5 opacity-70"
+          ></base-loader>
+        </template>
+      </base-menu-nav>
+      <slot> </slot>
+    </section>
   </div>
 </template>

package/layouts/full.vue

@@ -0,0 +1,9 @@
+<template>
+  <div class="h-full z-[1] lg:mx-[22px] lg:my-[33px] lg:shadow-xl">
+    <div
+      :class="[$libStyles.greenBg]"
+      class="hidden lg:block absolute z-[-1] left-0 top-0 h-[200px] w-full"
+    ></div>
+    <slot></slot>
+  </div>
+</template>

package/models/index.ts

@@ -21,3 +21,23 @@ export type InputTypes =
   | 'time'
   | 'url'
   | 'week';
+
+export interface TaskListItem {
+  addRegNumber: string | number;
+  applicationTaskId: string;
+  dateCreated: string;
+  historyStatus: string;
+  historyStatusTitle: string;
+  id: string;
+  iin: string;
+  insurerIin: string;
+  insurerLongName: string;
+  isTask: boolean | number;
+  longName: string;
+  number: string;
+  processCode: number;
+  processCodeTitle: string;
+  status: string;
+  userId: string;
+  userName: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hl-core",
-  "version": "0.0.7-beta.2",
+  "version": "0.0.7-beta.4",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",
@@ -12,8 +12,9 @@
     "composables/",
     "components/",
     "plugins/",
+    "pages/",
     "nuxt.config.ts",
-    "tailwind.config.ts",
+    "tailwind.config.js",
     ".prettierrc"
   ],
   "scripts": {
@@ -36,6 +37,7 @@
     "fast-xml-parser": "4.0.12",
     "jwt-decode": "^3.1.2",
     "pinia": "^2.0.33",
+    "v-idle-3": "^0.3.14",
     "vue-toastification": "^2.0.0-rc.5",
     "vuetify": "^3.1.8"
   }

package/pages/500.vue

@@ -0,0 +1,57 @@
+<template>
+  <base-content
+    class="!w-full flex-col justify-center items-center gap-[100px]"
+    :class="[$styles.blueBgLight]"
+  >
+    <img
+      src="~/assets/logo-clear.svg"
+      class="w-[240px] lg:w-[330px]"
+      draggable="false"
+    />
+    <div class="text-center">
+      <h2 :class="[$styles.blackText]" class="text-[26px] leading-5 mb-5">
+        Сервис временно не доступен
+      </h2>
+      <p v-if="errorStack.length" class="mt-4 flex flex-col">
+        <span v-for="(error, index) of errorStack" :key="error">
+          <i v-if="index !== 0" class="mdi mdi-arrow-right"></i>
+          {{ error }}</span
+        >
+      </p>
+    </div>
+    <base-btn text="На главную" @click="goBack" class="!w-fit px-14"></base-btn>
+  </base-content>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  setup() {
+    definePageMeta({ layout: 'full' });
+
+    const dataStore = useDataStore();
+    const router = useRouter();
+    const route = useRoute();
+    const errorStack = ref([] as string[]);
+
+    onMounted(() => {
+      if (route.query && route.query.stack) {
+        const queryError = (route.query.stack as string).split(' at ');
+        errorStack.value = queryError;
+      }
+    });
+
+    const goBack = () => {
+      if (dataStore.isEFO) {
+        router.push({ name: 'Auth' });
+      } else {
+        dataStore.sendToParent(constants.postActions.Error500, 500);
+      }
+    };
+
+    return {
+      errorStack,
+      goBack,
+    };
+  },
+});
+</script>

package/plugins/helperFunctionsPlugins.ts

@@ -1,7 +1,9 @@
 import { capitalize, getFullNameShorted, reformatIin } from '../composables';
 import { constants } from '../composables/constants';
+import Vidle from 'v-idle-3';
 
-export default defineNuxtPlugin(() => {
+export default defineNuxtPlugin(nuxtApp => {
+  nuxtApp.vueApp.use(Vidle);
   return {
     provide: {
       capitalize: capitalize,

package/store/data.store.js

@@ -9,6 +9,7 @@ import { ApiClass } from '@/api';
 export const useDataStore = defineStore('data', {
   state: () => ({
     ...new DataStoreClass(),
+    product: null,
     t: t,
     rules: rules,
     toast: Toast,
@@ -32,7 +33,13 @@ export const useDataStore = defineStore('data', {
             : ToastOptions.timeout,
       }),
   }),
+  getters: {
+    isEFO: state => state.product === 'efo',
+  },
   actions: {
+    sendToParent(action, value) {
+      window.parent.postMessage({ action: action, value: value }, '*');
+    },
     async getNewAccessToken() {
       try {
         const data = {
@@ -854,6 +861,7 @@ export const useDataStore = defineStore('data', {
       needToReturn = false,
       key = 'dateCreated',
       processInstanceId = null,
+      byOneProcess = null,
     ) {
       if (onlyGet === false) {
         this.isLoading = true;
@@ -875,6 +883,10 @@ export const useDataStore = defineStore('data', {
           groupCode: groupCode,
           processCodes: Object.values(constants.products),
         };
+        if (byOneProcess !== null) {
+          delete query.processCodes;
+          query.processCode = byOneProcess;
+        }
         const taskList = await this.api.getTaskList(
           processInstanceId === null
             ? query

package/store/messages.ts

@@ -149,6 +149,7 @@ export const messages = {
       title: 'Подтверждение',
       exit: 'Вы действительно хотите выйти?',
       exitApp: 'Вы действительно хотите выйти? Данные будут очищены.',
+      dataWillClear: 'Данные будут очищены',
       cancel: 'Вы действительно хотите отменить заявку?',
       clear: 'Вы действительно хотите очистить данные участника?',
       delete: 'Вы действительно хотите удалить участника?',

package/tailwind.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  theme: {
+    screens: {
+      sm: { min: '600px' },
+      md: { min: '960px' },
+      lg: { min: '1280px' },
+      xl: { min: '1920px' },
+    },
+  },
+};