hl-core 0.0.7-beta.13 → 0.0.7-beta.15

package/components/Input/FormInput.vue

@@ -1,22 +1,31 @@
 <template>
   <v-text-field
-    class="rounded-input"
+    class="form-input"
     :model-value="modelValue"
     v-maska="maska"
     :rules="rules"
     :loading="loading"
     :placeholder="placeholder"
+    :label="label"
+    :messages="messages"
     :type="type"
     :variant="variant"
     :clear-icon="clearIcon"
     :color="color"
     :hint="hint"
-    :clearable="clearable"
+    :clearable="readonly ? false : clearable"
     :disabled="disabled"
-    :prepend-inner-icon="prependIcon ? prependIcon : ''"
+    :readonly="readonly"
+    :prepend-icon="prependIcon ? prependIcon : ''"
     :append-icon="appendIcon ? appendIcon : ''"
+    :prepend-inner-icon="prependInnerIcon ? prependInnerIcon : ''"
+    :append-inner-icon="appendInnerIcon ? appendInnerIcon : ''"
     :bg-color="bgColor ? bgColor : ''"
     @keyup.enter.prevent="submitted"
+    @click:append="!readonly && $emit('append-out')"
+    @click:prepend="!readonly && $emit('prepend-out')"
+    @click:append-inner="!readonly && $emit('append')"
+    @click:prepend-inner="!readonly && $emit('prepend')"
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="loading" #loader>
@@ -32,8 +41,7 @@ export default defineComponent({
   name: 'BaseRoundedInput',
   props: {
     modelValue: {
-      type: String,
-      default: '',
+      required: false,
     },
     loading: {
       type: Boolean,
@@ -47,9 +55,20 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
     placeholder: {
       type: String,
-      default: 'Поле',
+      default: '',
+    },
+    label: {
+      type: String,
+      default: '',
+    },
+    messages: {
+      type: [String, Array<string>],
     },
     maska: {
       type: String,
@@ -85,11 +104,17 @@ export default defineComponent({
     appendIcon: {
       type: String,
     },
+    prependInnerIcon: {
+      type: String,
+    },
+    appendInnerIcon: {
+      type: String,
+    },
     bgColor: {
       type: String,
     },
   },
-  emits: ['update:modelValue', 'submitted'],
+  emits: ['update:modelValue', 'submitted', 'prepend', 'append', 'prepend-out', 'append-out'],
 
   setup(props, { emit }) {
     const submitted = (event: any) => {
@@ -104,19 +129,44 @@ export default defineComponent({
 </script>
 
 <style>
-.rounded-input input:focus {
+.form-input input:focus {
   border: none !important;
   outline: none !important;
 }
-
-/* .rounded-input .v-field {
-  border-radius: 8px;
-  border: 1px solid #dadada;
+.form-input input {
+  padding-top: 30px;
+}
+.form-input .v-field {
   box-shadow: none;
   font-size: 14px;
-} */
-
-.rounded-input .v-field--error {
+}
+.form-input .v-label.v-field-label {
+  top: 20px;
+}
+.form-input .v-field__append-inner {
+  padding-top: 18px;
+  padding-right: 6px;
+}
+.form-input .v-field__append-inner i {
+  color: #a0b3d8 !important;
+  margin-left: 10px;
+  margin-right: 4px;
+}
+.form-input {
+  border-bottom: 1px solid #f3f6fc;
+}
+.form-input.v-input--error {
+  border-color: #ff5449;
+}
+.form-input.v-input--error .v-input__details {
+  display: block;
+}
+.form-input .v-input__details {
+  display: none;
+  background-color: white;
+  padding-top: 0 !important;
+}
+.form-input .v-field--error {
   border-color: #ff5449;
 }
 </style>

package/components/Input/PanelInput.vue

@@ -0,0 +1,132 @@
+<template>
+  <v-text-field
+    class="form-input"
+    :model-value="modelValue"
+    v-maska="maska"
+    :rules="rules"
+    :loading="loading"
+    :placeholder="placeholder"
+    :label="label"
+    :messages="messages"
+    :type="type"
+    :variant="variant"
+    :clear-icon="clearIcon"
+    :color="color"
+    :hint="hint"
+    :clearable="clearable"
+    :disabled="disabled"
+    :readonly="true"
+    :prepend-icon="prependIcon ? prependIcon : ''"
+    :append-icon="appendIcon ? appendIcon : ''"
+    :prepend-inner-icon="prependInnerIcon ? prependInnerIcon : ''"
+    :append-inner-icon="appendInnerIcon ? appendInnerIcon : ''"
+    :bg-color="bgColor ? bgColor : ''"
+    @keyup.enter.prevent="submitted"
+    @click:clear="(readonly ? false : clearable) && $emit('update:modelValue', new Value())"
+    @click:append="!readonly && $emit('append-out')"
+    @click:prepend="!readonly && $emit('prepend-out')"
+    @click:append-inner="!readonly && $emit('append')"
+    @click:prepend-inner="!readonly && $emit('prepend')"
+    @update:modelValue="$emit('update:modelValue', $event)"
+  >
+    <template v-if="loading" #loader>
+      <v-progress-linear :active="loading" :color="color" absolute height="1" indeterminate></v-progress-linear>
+    </template>
+  </v-text-field>
+</template>
+
+<script lang="ts">
+import { InputTypes } from '@/composables/models';
+import { Value } from '@/composables/classes';
+
+export default defineComponent({
+  name: 'BaseRoundedInput',
+  props: {
+    modelValue: {
+      required: false,
+    },
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    placeholder: {
+      type: String,
+      default: '',
+    },
+    label: {
+      type: String,
+      default: '',
+    },
+    messages: {
+      type: [String, Array<string>],
+    },
+    maska: {
+      type: String,
+      default: '',
+    },
+    hint: {
+      type: String,
+      default: '',
+    },
+    rules: {
+      type: Array<any>,
+      default: [],
+    },
+    type: {
+      type: String as PropType<InputTypes>,
+      default: 'text',
+    },
+    variant: {
+      type: String as PropType<'solo' | 'filled' | 'outlined' | 'plain' | 'underlined'>,
+      default: 'solo',
+    },
+    color: {
+      type: String,
+      default: '#009c73',
+    },
+    clearIcon: {
+      type: String,
+      default: 'mdi-close',
+    },
+    prependIcon: {
+      type: String,
+    },
+    appendIcon: {
+      type: String,
+    },
+    prependInnerIcon: {
+      type: String,
+    },
+    appendInnerIcon: {
+      type: String,
+    },
+    bgColor: {
+      type: String,
+    },
+  },
+  emits: ['update:modelValue', 'submitted', 'prepend', 'append', 'prepend-out', 'append-out', 'clear'],
+
+  setup(props, { emit }) {
+    const submitted = (event: any) => {
+      emit('submitted', event);
+    };
+
+    return {
+      submitted,
+      Value,
+    };
+  },
+});
+</script>

package/components/Input/RoundedInput.vue

@@ -6,17 +6,25 @@
     :rules="rules"
     :loading="loading"
     :placeholder="placeholder"
+    :label="label"
     :type="type"
     :variant="variant"
     :clear-icon="clearIcon"
     :color="color"
     :hint="hint"
-    :clearable="clearable"
+    :clearable="readonly ? false : clearable"
     :disabled="disabled"
-    :prepend-inner-icon="prependIcon ? prependIcon : ''"
+    :readonly="readonly"
+    :prepend-icon="prependIcon ? prependIcon : ''"
     :append-icon="appendIcon ? appendIcon : ''"
+    :prepend-inner-icon="prependInnerIcon ? prependInnerIcon : ''"
+    :append-inner-icon="appendInnerIcon ? appendInnerIcon : ''"
     :bg-color="bgColor ? bgColor : ''"
     @keyup.enter.prevent="submitted"
+    @click:append="!readonly && $emit('append-out')"
+    @click:prepend="!readonly && $emit('prepend-out')"
+    @click:append-inner="!readonly && $emit('append')"
+    @click:prepend-inner="!readonly && $emit('prepend')"
     @update:modelValue="$emit('update:modelValue', $event)"
   >
     <template v-if="loading" #loader>
@@ -29,11 +37,11 @@
 import { InputTypes } from '@/composables/models';
 
 export default defineComponent({
+  extends: {},
   name: 'BaseRoundedInput',
   props: {
     modelValue: {
-      type: String,
-      default: '',
+      required: false,
     },
     loading: {
       type: Boolean,
@@ -47,9 +55,17 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
     placeholder: {
       type: String,
-      default: 'Поле',
+      default: '',
+    },
+    label: {
+      type: String,
+      default: '',
     },
     maska: {
       type: String,
@@ -85,11 +101,17 @@ export default defineComponent({
     appendIcon: {
       type: String,
     },
+    prependInnerIcon: {
+      type: String,
+    },
+    appendInnerIcon: {
+      type: String,
+    },
     bgColor: {
       type: String,
     },
   },
-  emits: ['update:modelValue', 'submitted'],
+  emits: ['update:modelValue', 'submitted', 'prepend', 'append', 'prepend-out', 'append-out'],
 
   setup(props, { emit }) {
     const submitted = (event: any) => {
@@ -108,14 +130,18 @@ export default defineComponent({
   border: none !important;
   outline: none !important;
 }
-
+.rounded-input input {
+  padding-top: 30px;
+}
+.rounded-input .v-label.v-field-label {
+  top: 20px;
+}
 .rounded-input .v-field {
   border-radius: 8px;
   border: 1px solid #dadada;
   box-shadow: none;
   font-size: 14px;
 }
-
 .rounded-input .v-field--error {
   border-color: #ff5449;
 }

package/composables/classes.ts

@@ -59,13 +59,7 @@ export class Value {
   nameKz: string | number | null;
   ids: string | number | null;
 
-  constructor(
-    id: string | number | null = null,
-    nameRu: string | number | null = null,
-    nameKz: string | number | null = null,
-    code: string | number | null = null,
-    ids: string | number | null = null,
-  ) {
+  constructor(id: string | number | null = null, nameRu: string | null = null, nameKz: string | null = null, code: string | null = null, ids: string | null = null) {
     this.id = id;
     this.code = code;
     this.nameRu = nameRu;
@@ -159,7 +153,7 @@ export const InitialColumns = () => {
 export class User {
   login: string | null;
   password: string | null;
-  roles: string[] | null;
+  roles: string[];
   id: string | null;
   fullName: string | null;
 
@@ -760,6 +754,9 @@ export class ProductConditions {
 }
 
 export class DataStoreClass {
+  controls: {
+    onAuth: boolean;
+  };
   hasLayoutMargins: boolean;
   readonly product: string | null;
   showNav: boolean;
@@ -852,6 +849,9 @@ export class DataStoreClass {
   };
   riskGroup: any[];
   constructor() {
+    this.controls = {
+      onAuth: false,
+    };
     this.hasLayoutMargins = true;
     this.processIndexRate = [];
     this.processPaymentPeriod = [];
@@ -983,33 +983,34 @@ export class FormStoreClass {
   SaleChanellPolicy: Value;
   AgentData: {
     agentId: null;
-    manId: 0;
-    fullName: '';
+    manId: number;
+    fullName: string;
     officeId: null;
     officeCode: null;
-    saleChannel: '';
-    managerName: '';
+    saleChannel: string;
+    managerName: string;
   };
   RegionPolicy: Value;
   ManagerPolicy: Value;
   isDisabled: {
-    policyholderForm: true;
-    beneficiaryForm: true;
-    beneficialOwnerForm: true;
-    insuredForm: true;
-    policyholdersRepresentativeForm: true;
-    productConditionsForm: true;
-    recalculationForm: true;
-    surveyByHealthBase: true;
-    surveyByCriticalBase: true;
-    surveyByHealthBasePolicyholder: true;
-    surveyByCriticalBasePolicyholder: true;
-    insuranceDocument: true;
+    policyholderForm: boolean;
+    beneficiaryForm: boolean;
+    beneficialOwnerForm: boolean;
+    insuredForm: boolean;
+    policyholdersRepresentativeForm: boolean;
+    productConditionsForm: boolean;
+    recalculationForm: boolean;
+    surveyByHealthBase: boolean;
+    surveyByCriticalBase: boolean;
+    surveyByHealthBasePolicyholder: boolean;
+    surveyByCriticalBasePolicyholder: boolean;
+    insuranceDocument: boolean;
   };
   isPolicyholderInsured: boolean = false;
   isPolicyholderBeneficiary: boolean = false;
   isActOwnBehalf: boolean = true;
   hasRepresentative: boolean = false;
+  isPolicyholderIPDL: boolean = false;
   applicationData: {
     processInstanceId: number | string;
     statusCode?: string | null;
@@ -1018,6 +1019,7 @@ export class FormStoreClass {
     beneficiaryApp?: any;
     beneficialOwnerApp?: any;
     spokesmanApp?: any;
+    isTask?: boolean | null;
   };
   policyholderForm: PolicyholderForm;
   policyholderFormKey: string;

package/composables/constants.ts

@@ -28,6 +28,8 @@ export const constants = Object.freeze({
     upk: 'UPK',
     financeCenter: 'FinanceCenter',
     supervisor: 'Supervisor',
+    support: 'Support',
+    managerHalykBank: 'ManagerHalykBank',
   },
   actions: {
     accept: 'accept',

package/layouts/clear.vue

@@ -1,32 +1,3 @@
 <template>
   <div class="h-full w-full"><slot></slot></div>
 </template>
-
-<style>
-.mainpage,
-span,
-header,
-*[class='text-[14px]'],
-.text-\[14px\] {
-  font-size: v-bind('$dataStore.fontSize + "px"') !important;
-  /* line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important; */
-}
-
-*[class='text-[16px]'],
-.text-\[16px\],
-label .v-label .v-field-label,
-.v-field__input,
-.v-label,
-.v-field,
-.v-input {
-  font-size: v-bind('$dataStore.fontSize+2 + "px"') !important;
-  /* line-height: v-bind('dataStore.fontSize*2 + "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/layouts/default.vue

@@ -40,6 +40,7 @@ const openSettings = async () => {
 span,
 header,
 *[class='text-[14px]'],
+.v-label,
 .text-\[14px\] {
   font-size: v-bind('dataStore.fontSize + "px"') !important;
   /* line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important; */
@@ -49,7 +50,6 @@ header,
 .text-\[16px\],
 label .v-label .v-field-label,
 .v-field__input,
-.v-label,
 .v-field,
 .v-input {
   font-size: v-bind('dataStore.fontSize+2 + "px"') !important;

package/layouts/full.vue

@@ -4,32 +4,3 @@
     <slot></slot>
   </div>
 </template>
-
-<style>
-.mainpage,
-span,
-header,
-*[class='text-[14px]'],
-.text-\[14px\] {
-  font-size: v-bind('$dataStore.fontSize + "px"') !important;
-  /* line-height: v-bind('dataStore.fontSize*1.5 + "px"') !important; */
-}
-
-*[class='text-[16px]'],
-.text-\[16px\],
-label .v-label .v-field-label,
-.v-field__input,
-.v-label,
-.v-field,
-.v-input {
-  font-size: v-bind('$dataStore.fontSize+2 + "px"') !important;
-  /* line-height: v-bind('dataStore.fontSize*2 + "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.13",
+  "version": "0.0.7-beta.15",
   "license": "MIT",
   "private": false,
   "main": "nuxt.config.ts",

package/plugins/storePlugin.ts

@@ -11,6 +11,7 @@ export default defineNuxtPlugin(nuxtApp => {
   return {
     provide: {
       dataStore: useDataStore(),
+      rules: useDataStore().rules,
       libStyles: new Styles(),
       t: useDataStore().t,
       toast: useDataStore().showToaster,