bfg-common 1.3.211 → 1.3.214

package/components/common/weekSelect/WeekSelect.vue

@@ -1,112 +1,112 @@
-<template>
-  <div class="flex-align-center">
-    <common-select-input
-      v-model="selectedOption"
-      :data="options"
-      class="mr-1"
-    />
-
-    <div class="btn-group">
-      <button
-        v-for="item in tabs"
-        :key="item"
-        :class="['btn btn-sm btn-secondary', { 'btn-primary': item.isActive }]"
-        :disabled="!isCustom"
-        @click="onSelectDay(item.value)"
-      >
-        {{ item.text }}
-      </button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import type { UI_I_TabItem } from '~/components/common/weekSelect/lib/models/interfaces'
-import { optionsFunc } from '~/components/common/weekSelect/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const model = defineModel<number[]>()
-
-const selectedOption = ref<number>(0)
-if (model.value.length === 2 && model.value.includes(6) && model.value.includes(0)) {
-  selectedOption.value = 1
-} else if (model.value.length < 7) {
-  selectedOption.value = 2
-}
-
-const options = ref<UI_I_SelectInputItem[]>(optionsFunc(localization.value))
-
-const isCustom = computed<boolean>(() => selectedOption.value === 2)
-const onSelectDay = (value: number): void => {
-  const index = model.value?.indexOf(value)
-  if (index === -1) {
-    model.value.push(value)
-    model.value.sort((a: number, b: number) => a - b)
-  }
-  else if (model.value.length > 1) {
-    model.value = model.value?.filter((_: number, key: number) => key !== index)
-  }
-}
-
-const tabs = computed<UI_I_TabItem[]>(() => {
-  return [
-    { text: localization.value.weekM, value: 1, isActive: checkIsActiveDay(1) },
-    { text: localization.value.weekT, value: 2, isActive: checkIsActiveDay(2) },
-    { text: localization.value.weekW, value: 3, isActive: checkIsActiveDay(3) },
-    {
-      text: localization.value.weekTh,
-      value: 4,
-      isActive: checkIsActiveDay(4),
-    },
-    { text: localization.value.weekF, value: 5, isActive: checkIsActiveDay(5) },
-    { text: localization.value.weekS, value: 6, isActive: checkIsActiveDay(6) },
-    {
-      text: localization.value.weekSu,
-      value: 0,
-      isActive: checkIsActiveDay(0),
-    },
-  ]
-})
-const checkIsActiveDay = (value: number): boolean => {
-  let result = false
-  switch (selectedOption.value) {
-    case 0:
-      result = true
-      break
-    case 1:
-      if (value === 6 || value === 0) result = true
-      break
-    default:
-      result = !!model.value?.includes(value)
-      break
-  }
-
-  return result
-}
-watch(
-  tabs,
-  (newValue: UI_I_TabItem[]) => {
-    if (selectedOption.value === 2) return
-
-    model.value = newValue.filter((tab) => tab.isActive).map((tab) => tab.value)
-  },
-  { immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-:deep(.select::after) {
-  top: 2px;
-  right: -16px;
-}
-.btn-group {
-  button {
-    width: 24px;
-    min-width: 24px;
-    padding: 0;
-  }
-}
-</style>
+<template>
+  <div class="flex-align-center">
+    <common-select-input
+      v-model="selectedOption"
+      :data="options"
+      class="mr-1"
+    />
+
+    <div class="btn-group">
+      <button
+        v-for="item in tabs"
+        :key="item"
+        :class="['btn btn-sm btn-secondary', { 'btn-primary': item.isActive }]"
+        :disabled="!isCustom"
+        @click="onSelectDay(item.value)"
+      >
+        {{ item.text }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import type { UI_I_TabItem } from '~/components/common/weekSelect/lib/models/interfaces'
+import { optionsFunc } from '~/components/common/weekSelect/lib/config/options'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const model = defineModel<number[]>()
+
+const selectedOption = ref<number>(0)
+if (model.value.length === 2 && model.value.includes(6) && model.value.includes(0)) {
+  selectedOption.value = 1
+} else if (model.value.length < 7) {
+  selectedOption.value = 2
+}
+
+const options = ref<UI_I_SelectInputItem[]>(optionsFunc(localization.value))
+
+const isCustom = computed<boolean>(() => selectedOption.value === 2)
+const onSelectDay = (value: number): void => {
+  const index = model.value?.indexOf(value)
+  if (index === -1) {
+    model.value.push(value)
+    model.value.sort((a: number, b: number) => a - b)
+  }
+  else if (model.value.length > 1) {
+    model.value = model.value?.filter((_: number, key: number) => key !== index)
+  }
+}
+
+const tabs = computed<UI_I_TabItem[]>(() => {
+  return [
+    { text: localization.value.weekM, value: 1, isActive: checkIsActiveDay(1) },
+    { text: localization.value.weekT, value: 2, isActive: checkIsActiveDay(2) },
+    { text: localization.value.weekW, value: 3, isActive: checkIsActiveDay(3) },
+    {
+      text: localization.value.weekTh,
+      value: 4,
+      isActive: checkIsActiveDay(4),
+    },
+    { text: localization.value.weekF, value: 5, isActive: checkIsActiveDay(5) },
+    { text: localization.value.weekS, value: 6, isActive: checkIsActiveDay(6) },
+    {
+      text: localization.value.weekSu,
+      value: 0,
+      isActive: checkIsActiveDay(0),
+    },
+  ]
+})
+const checkIsActiveDay = (value: number): boolean => {
+  let result = false
+  switch (selectedOption.value) {
+    case 0:
+      result = true
+      break
+    case 1:
+      if (value === 6 || value === 0) result = true
+      break
+    default:
+      result = !!model.value?.includes(value)
+      break
+  }
+
+  return result
+}
+watch(
+  tabs,
+  (newValue: UI_I_TabItem[]) => {
+    if (selectedOption.value === 2) return
+
+    model.value = newValue.filter((tab) => tab.isActive).map((tab) => tab.value)
+  },
+  { immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+:deep(.select::after) {
+  top: 2px;
+  right: -16px;
+}
+.btn-group {
+  button {
+    width: 24px;
+    min-width: 24px;
+    padding: 0;
+  }
+}
+</style>

package/components/common/weekSelect/lib/config/options.ts

@@ -1,10 +1,10 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-
-export const optionsFunc = (
-  localization: UI_I_Localization
-): UI_I_SelectInputItem[] => [
-  { label: localization.daily, value: 0 },
-  { label: localization.weekly, value: 1 },
-  { label: localization.custom, value: 2 },
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+
+export const optionsFunc = (
+  localization: UI_I_Localization
+): UI_I_SelectInputItem[] => [
+  { label: localization.daily, value: 0 },
+  { label: localization.weekly, value: 1 },
+  { label: localization.custom, value: 2 },
+]

package/composables/productNameLocal.ts

@@ -0,0 +1,22 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+export function productNameLocal(
+  localization: UI_I_Localization
+): UI_I_Localization {
+  const config = useRuntimeConfig()
+
+  const keys = Object.keys(localization)
+  const procuratorName =
+    config.public.LOCALIZATION_CODE === 'ru'
+      ? config.public.PRODUCT_NAME_RU
+      : config.public.PRODUCT_NAME_EN
+
+  keys.forEach((key) => {
+    localization[key] = localization[key].replaceAll(
+      '{productName}',
+      String(procuratorName)
+    )
+  })
+
+  return localization
+}

package/composables/useAppVersion.ts

@@ -1,21 +1,21 @@
-import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
-
-export function useAppVersion(): UI_I_UseAppVersionReturnType {
-  const config = useRuntimeConfig()
-  const version = config.public.APP_VERSION
-
-  const regexHasDot = /\./
-  const regexHasDotAndB = /\..*b/
-  const regexHasDotAndD = /\..*d/
-
-  const isBeta = regexHasDotAndB.test(version)
-  const isDev =
-    regexHasDotAndD.test(version) ||
-    (!regexHasDot.test(version) && version.length < 8)
-
-  return {
-    version,
-    isBeta,
-    isDev,
-  }
-}
+import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
+
+export function useAppVersion(): UI_I_UseAppVersionReturnType {
+  const config = useRuntimeConfig()
+  const version = config.public.APP_VERSION
+
+  const regexHasDot = /\./
+  const regexHasDotAndB = /\..*b/
+  const regexHasDotAndD = /\..*d/
+
+  const isBeta = regexHasDotAndB.test(version)
+  const isDev =
+    regexHasDotAndD.test(version) ||
+    (!regexHasDot.test(version) && version.length < 8)
+
+  return {
+    version,
+    isBeta,
+    isDev,
+  }
+}

package/composables/useEnvLanguage.ts

@@ -1,20 +1,20 @@
-export function useEnvLanguage(): string {
-  const { $store }: any = useNuxtApp()
-
-  let localizationCode = 'en_US'
-  const langFromLocalStorage =
-    useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
-  if (langFromLocalStorage) {
-    if (
-      langFromLocalStorage === 'en_US' ||
-      langFromLocalStorage === 'ru_RU' ||
-      langFromLocalStorage === 'hy_AM'
-    ) {
-      localizationCode = langFromLocalStorage
-    }
-  }
-
-  localizationCode = localizationCode.slice(0, 2).toUpperCase()
-
-  return localizationCode
-}
+export function useEnvLanguage(): string {
+  const { $store }: any = useNuxtApp()
+
+  let localizationCode = 'en_US'
+  const langFromLocalStorage =
+    useLocalStorage('lang') || $store.getters['main/getInterfaceLang'] // Из $store для Сферы, но думаю нужно сделать одинаково из localStorage
+  if (langFromLocalStorage) {
+    if (
+      langFromLocalStorage === 'en_US' ||
+      langFromLocalStorage === 'ru_RU' ||
+      langFromLocalStorage === 'hy_AM'
+    ) {
+      localizationCode = langFromLocalStorage
+    }
+  }
+
+  localizationCode = localizationCode.slice(0, 2).toUpperCase()
+
+  return localizationCode
+}

package/composables/useLocal.ts

@@ -1,9 +1,11 @@
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 import localRu from '~/assets/localization/local_ru.json'
 import localEn from '~/assets/localization/local_en.json'
 import localHy from '~/assets/localization/local_hy.json'
 import localZh from '~/assets/localization/local_zh.json'
 import localKk from '~/assets/localization/local_kk.json'
 import localBe from '~/assets/localization/local_be.json'
+
 const locals = {
   localRu,
   localEn,
@@ -12,27 +14,34 @@ const locals = {
   localKk,
   localBe,
 }
-export const useLocal = () => {
+export const useLocal = (): UI_I_Localization => {
   const config = useRuntimeConfig()
 
   const code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
 
   document.getElementsByTagName('html')[0].setAttribute('lang', code)
 
+  let result: UI_I_Localization = locals.localRu
   switch (code) {
     case 'ru':
-      return locals.localRu
+      result = locals.localRu
+      break
     case 'en':
-      return locals.localEn
+      result = locals.localEn
+      break
     case 'hy':
-      return locals.localHy
+      result = locals.localHy
+      break
     case 'zh':
-      return locals.localZh
+      result = locals.localZh
+      break
     case 'kk':
-      return locals.localKk
+      result = locals.localKk
+      break
     case 'be':
-      return locals.localBe
-    default:
-      return locals.localRu
+      result = locals.localBe
+      break
   }
+
+  return productNameLocal(result)
 }

package/lib/utils/sendTask.ts

@@ -1,72 +1,72 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  API_UI_I_Error,
-  UI_I_RequestBody,
-} from '~/lib/models/store/interfaces'
-import type {
-  UI_I_NotifyBodyMessage,
-  UI_I_SendTaskParams,
-} from '~/lib/models/interfaces'
-import { base64 } from './base64'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const showNotification = (message: UI_I_NotifyBodyMessage): void => {
-  const { title, desc, status } = message
-  const { $store } = useNuxtApp()
-
-  // @ts-ignore
-  $store.dispatch('main/A_SHOW_NOTIFICATION', {
-    status,
-    messages: [
-      {
-        title,
-        descriptions: [desc],
-      },
-    ],
-    headline: '',
-    timeout: status === 'success' ? 3000 : '',
-  })
-}
-const msgError: UI_I_NotifyBodyMessage = {
-  status: 'error',
-  title: localization.value.error,
-  desc: '',
-}
-const handleErrors = (error: Ref<API_UI_I_Error>): void => {
-  if (error.value.data?.error_message) {
-    msgError.desc = error.value.data?.error_message
-    showNotification(msgError)
-  }
-}
-
-export const handleRequest = async (
-  url: string,
-  body: UI_I_RequestBody
-): Promise<void> => {
-  // @ts-ignore
-  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
-    body,
-    method: 'POST',
-    key: Date.now().toString(),
-  })
-
-  if (error.value && error.value.data.error_code !== 0) {
-    handleErrors(error)
-  }
-}
-
-export async function sendTask({
-  method,
-  target,
-  args,
-}: UI_I_SendTaskParams): Promise<void> {
-  const argsToBase64 = args ? base64.encode(args) : ''
-  await handleRequest('/ui/tasks', {
-    method,
-    params: {
-      target,
-      args: argsToBase64,
-    },
-  })
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  API_UI_I_Error,
+  UI_I_RequestBody,
+} from '~/lib/models/store/interfaces'
+import type {
+  UI_I_NotifyBodyMessage,
+  UI_I_SendTaskParams,
+} from '~/lib/models/interfaces'
+import { base64 } from './base64'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const showNotification = (message: UI_I_NotifyBodyMessage): void => {
+  const { title, desc, status } = message
+  const { $store } = useNuxtApp()
+
+  // @ts-ignore
+  $store.dispatch('main/A_SHOW_NOTIFICATION', {
+    status,
+    messages: [
+      {
+        title,
+        descriptions: [desc],
+      },
+    ],
+    headline: '',
+    timeout: status === 'success' ? 3000 : '',
+  })
+}
+const msgError: UI_I_NotifyBodyMessage = {
+  status: 'error',
+  title: localization.value.error,
+  desc: '',
+}
+const handleErrors = (error: Ref<API_UI_I_Error>): void => {
+  if (error.value.data?.error_message) {
+    msgError.desc = error.value.data?.error_message
+    showNotification(msgError)
+  }
+}
+
+export const handleRequest = async (
+  url: string,
+  body: UI_I_RequestBody
+): Promise<void> => {
+  // @ts-ignore
+  const { error } = await useMyFetch<never, API_UI_I_Error>(url, {
+    body,
+    method: 'POST',
+    key: Date.now().toString(),
+  })
+
+  if (error.value && error.value.data.error_code !== 0) {
+    handleErrors(error)
+  }
+}
+
+export async function sendTask({
+  method,
+  target,
+  args,
+}: UI_I_SendTaskParams): Promise<void> {
+  const argsToBase64 = args ? base64.encode(args) : ''
+  await handleRequest('/ui/tasks', {
+    method,
+    params: {
+      target,
+      args: argsToBase64,
+    },
+  })
+}