bfg-common 1.4.186 → 1.4.189

package/assets/localization/local_be.json

@@ -1833,7 +1833,7 @@
     "newVCenterServer": "Новы сервер {productName}",
     "noSavedVCenterServerAddressesFound": "Захаваных адрасоў сервера {productName} не знойдзена.",
     "vCenterServerAddress": "Адрас сервера {productName}",
-    "serverAddressEsxi": "Адрас сервера ESXi",
+    "serverAddressEsxi": "Адрас сервера vmware",
     "saveVCenterServerAddress": "Захаваць адрас сервера {productName}",
     "discard": "Адкідаць",
     "ioControl": "Io Control",
@@ -2096,8 +2096,8 @@
     "eventTypeDescription": "Апісанне тыпу падзеі",
     "possibleCauses": "Магчымыя прычыны",
     "importVms": "Імпарт віртуальных машын",
-    "selectSourceVCenterServer": "Esxi Хост көзін таңдаңыз",
-    "selectSourceVCenterServerDesc": "Імпарт віртуальнай машыны з абранага зыходнага вузла ESXI.",
+    "selectSourceVCenterServer": "vmware Хост көзін таңдаңыз",
+    "selectSourceVCenterServerDesc": "Імпарт віртуальнай машыны з абранага зыходнага вузла vmware.",
     "importVirtualMachines": "Імпарт віртуальных машын",
     "importVirtualMachinesDesc": "Выберыце, якія віртуальныя машыны трэба імпартаваць.",
     "selectFolder": "Выберыце тэчку",
@@ -2274,7 +2274,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "узровень прыняцця",
     "activeType": "Актыўны тып",
-    "services": "Паслуга"
+    "services": "Паслуга",
+    "selectTrigger": "Выберыце трыгер"
   },
   "datastoreWizard": {
     "accessMode": "Рэжым доступу"
@@ -2559,7 +2560,7 @@
     "deleteSnapshotDescription": "Гэта дзеянне з'яўляецца сталым і не можа быць адноўлена. Вы хочаце выдаліць '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "Правы карыстальніка esxi павінны адпавядаць ролях Administrator"
+    "selectSourceTooltipDesc": "Правы карыстальніка esxi павінны адпавядаць ролях Administrator, крэдыт прымаюцца ад esxi і vSphere"
   },
   "storageDevice": {
     "repeatCount": "Паўтарыце падлік",

package/assets/localization/local_en.json

@@ -1835,7 +1835,7 @@
     "newVCenterServer": "New {productName} server",
     "noSavedVCenterServerAddressesFound": "No saved Sphere Zone addresses found.",
     "vCenterServerAddress": "Sphere Zone address",
-    "serverAddressEsxi": "ESXi Server Address",
+    "serverAddressEsxi": "Vmware Server Address",
     "saveVCenterServerAddress": "Save Sphere Zone address",
     "discard": "Discard",
     "ioControl": "Io Control",
@@ -2099,8 +2099,8 @@
     "eventTypeDescription": "Event Type Description",
     "possibleCauses": "Possible Causes",
     "importVms": "Import VMs",
-    "selectSourceVCenterServer": "Select a source ESXI Host",
-    "selectSourceVCenterServerDesc": "Import Virtual Machine from the selected source ESXI Host.",
+    "selectSourceVCenterServer": "Select a source vmware Host",
+    "selectSourceVCenterServerDesc": "Import Virtual Machine from the selected source vmware",
     "importVirtualMachines": "Import Virtual Machines",
     "importVirtualMachinesDesc": "Select which Virtual Machines to be imported.",
     "selectFolder": "Select folder",
@@ -2278,7 +2278,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "Acceptance level",
     "activeType": "Active Type",
-    "services": "Services"
+    "services": "Services",
+    "selectTrigger": "Select a trigger"
   },
   "datastoreWizard": {
     "accessMode": "Access Mode"
@@ -2563,7 +2564,7 @@
     "deleteSnapshotDescription": "This action is permanent and cannot be recovered. Are you sure you want to delete '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "No Trusted infrastructure Administrator"
+    "selectSourceTooltipDesc": "No Trusted infrastructure Administrator, credits are accepted from esxi and vSphere"
   },
   "storageDevice": {
     "repeatCount": "Repeat Count",

package/assets/localization/local_hy.json

@@ -1835,7 +1835,7 @@
     "newVCenterServer": "Նոր {productName} սերվեր",
     "noSavedVCenterServerAddressesFound": "Պահված Sphere Zone հասցեներ չեն գտնվել:",
     "vCenterServerAddress": "{productName} սերվերի հասցեն",
-    "serverAddressEsxi": "ESXi սերվերի հասցե",
+    "serverAddressEsxi": "Vmware սերվերի հասցե",
     "saveVCenterServerAddress": "Պահպանեք {productName} սերվերի հասցեն",
     "discard": "Հրաժարվել",
     "ioControl": "Io Control",
@@ -2099,8 +2099,8 @@
     "eventTypeDescription": "Միջոցառման տեսակի նկարագրություն",
     "possibleCauses": "Հնարավոր պատճառներ",
     "importVms": "Վիրտուալ մեքենաների ներմուծում",
-    "selectSourceVCenterServer": "Ընտրեք ESXi աղբյուրի հյուրընկալողը",
-    "selectSourceVCenterServerDesc": "Ներմուծեք վիրտուալ մեքենան ընտրված ESXI աղբյուրի հանգույցից:",
+    "selectSourceVCenterServer": "Ընտրեք vmware աղբյուրի հյուրընկալողը",
+    "selectSourceVCenterServerDesc": "Ներմուծեք վիրտուալ մեքենա ընտրված աղբյուրից vmware-ից",
     "importVirtualMachines": "Ներմուծեք վիրտուալ մեքենաներ",
     "importVirtualMachinesDesc": "Ընտրեք, թե որ վիրտուալ մեքենաները պետք է ներմուծվեն:",
     "selectFolder": "Ընտրեք թղթապանակ",
@@ -2278,7 +2278,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "ընդունման մակարդակ",
     "activeType": "Ակտիվ տեսակ",
-    "services": "Ծառայություններ"
+    "services": "Ծառայություններ",
+    "selectTrigger": "Ընտրեք ձգան"
   },
   "datastoreWizard": {
     "accessMode": "Մուտքի ռեժիմ"
@@ -2563,7 +2564,7 @@
     "deleteSnapshotDescription": "Այս գործողությունը մշտական է և չի կարող վերականգնվել: Համոզված եք, որ ցանկանում եք ջնջել '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "Esxi օգտագործողի իրավունքները պետք է համապատասխանեն Administrator-ի դերերին"
+    "selectSourceTooltipDesc": "Esxi օգտագործողի իրավունքները պետք է համապատասխանեն Administrator-ի դերերին, կրեդիտներն ընդունվում են esxi-ից և vSphere-ից"
   },
   "storageDevice": {
     "repeatCount": "Կրկնել հաշվարկը",

package/assets/localization/local_kk.json

@@ -1835,7 +1835,7 @@
     "newVCenterServer": "Жаңа {productName} сервері",
     "noSavedVCenterServerAddressesFound": "Сақталған {productName} сервер мекенжайлары табылмады.",
     "vCenterServerAddress": "{productName} серверінің мекенжайы",
-    "serverAddressEsxi": "ESXi Серверінің Мекенжайы",
+    "serverAddressEsxi": "Vmware Серверінің Мекенжайы",
     "saveVCenterServerAddress": "{productName} серверінің мекенжайын сақтаңыз",
     "discard": "Жою",
     "ioControl": "Io басқару",
@@ -2098,8 +2098,8 @@
     "eventTypeDescription": "Оқиға түрі сипаттамасы",
     "possibleCauses": "Ықтимал себептері",
     "importVms": "Виртуалды Машиналарды Импорттау",
-    "selectSourceVCenterServer": "Esxi Хост көзін таңдаңыз",
-    "selectSourceVCenterServerDesc": "Виртуалды Машинаны таңдалған ESXI Хост көзінен импорттаңыз.",
+    "selectSourceVCenterServer": "Vmware Хост көзін таңдаңыз",
+    "selectSourceVCenterServerDesc": "Виртуалды машинаны таңдалған көзден vmware хостынан немесе vSphere импорттау.",
     "importVirtualMachines": "Виртуалды машиналарды импорттау",
     "importVirtualMachinesDesc": "Импортталатын виртуалды машиналарды таңдаңыз.",
     "selectFolder": "Қалтаны таңдаңыз",
@@ -2277,7 +2277,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "қабылдау деңгейі",
     "activeType": "Белсенді түрі",
-    "services": "Қызметтер"
+    "services": "Қызметтер",
+    "selectTrigger": "Триггерді таңдау"
   },
   "datastoreWizard": {
     "accessMode": "Қол жеткізу режимі"
@@ -2562,7 +2563,7 @@
     "deleteSnapshotDescription": "Бұл әрекет тұрақты және оны қалпына келтіру мүмкін емес. Сіз жойғыңыз келетініне сенімдісіз '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "Esxi пайдаланушы құқықтары әкімші рөлдеріне сәйкес келуі керек"
+    "selectSourceTooltipDesc": "Esxi пайдаланушы құқықтары әкімші рөлдеріне сәйкес келуі керек, несиелер esxi және vSphere - ден алынады"
   },
   "storageDevice": {
     "repeatCount": "Сананы қайталау",

package/assets/localization/local_ru.json

@@ -1838,7 +1838,7 @@
     "newVCenterServer": "Новый сервер {productName}",
     "noSavedVCenterServerAddressesFound": "Сохраненных адресов серверов {productName} не найдено.",
     "vCenterServerAddress": "Адрес сервера {productName}",
-    "serverAddressEsxi": "Адрес сервера ESXi",
+    "serverAddressEsxi": "Адрес сервера vmware",
     "saveVCenterServerAddress": "Сохранить адрес сервера {productName}",
     "discard": "Отказаться",
     "ioControl": "Ио-контроль",
@@ -2101,8 +2101,8 @@
     "eventTypeDescription": "Описание события",
     "possibleCauses": "Возможные причины",
     "importVms": "Импорт виртуальных машин",
-    "selectSourceVCenterServer": "Выберите исходный хост ESXI",
-    "selectSourceVCenterServerDesc": "Импортируйте виртуальную машину с выбранного исходного узла ESXI.",
+    "selectSourceVCenterServer": "Выберите исходный хост vmware",
+    "selectSourceVCenterServerDesc": "Импортируйте виртуальную машину с выбранного исходного узла vmware",
     "importVirtualMachines": "Импортировать виртуальные машины",
     "importVirtualMachinesDesc": "Выберите, какие виртуальные машины нужно импортировать.",
     "selectFolder": "Выберите папку",
@@ -2280,7 +2280,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "Уровень приемлемости",
     "activeType": "Белсенді түрі",
-    "services": "Сервисы"
+    "services": "Сервисы",
+    "selectTrigger": "Выберите триггер"
   },
   "datastoreWizard": {
     "accessMode": "Режим доступа"
@@ -2565,7 +2566,7 @@
     "deleteSnapshotDescription": "Это действие является постоянным и не может быть восстановлено. Вы уверены, что хотите удалить '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "Права пользователя esxi дожны соответствовать ролям Administrator"
+    "selectSourceTooltipDesc": "Права пользователя vmware дожны соответствовать ролям Administrator, креды принимаются от esxi и vSphere"
   },
   "storageDevice": {
     "repeatCount": "Повторить счет",

package/assets/localization/local_zh.json

@@ -1835,7 +1835,7 @@
     "newVCenterServer": "新的 {productName} 服务器",
     "noSavedVCenterServerAddressesFound": "找不到已保存的 Sphere Zone 地址。",
     "vCenterServerAddress": "{productName} 服务器地址",
-    "serverAddressEsxi": "ESXi服务器地址",
+    "serverAddressEsxi": "Vmware服务器地址",
     "saveVCenterServerAddress": "保存 Sphere Zone 地址",
     "discard": "丢弃",
     "ioControl": "IO控制",
@@ -2098,8 +2098,8 @@
     "eventTypeDescription": "事件类型描述",
     "possibleCauses": "可能的原因",
     "importVms": "导入虚拟机",
-    "selectSourceVCenterServer": "选择源ESXI主机",
-    "selectSourceVCenterServerDesc": "从选定的源ESXI主机导入虚拟机。",
+    "selectSourceVCenterServer": "选择源vmware主机",
+    "selectSourceVCenterServerDesc": "从选定的源 vmware 主机或 导入虚拟机。",
     "importVirtualMachines": "导入虚拟机",
     "importVirtualMachinesDesc": "选择要导入的虚拟机。",
     "selectFolder": "选择文件夹",
@@ -2276,7 +2276,8 @@
   "inventoryConfigure": {
     "acceptanceLevel": "接受級別",
     "activeType": "活动型",
-    "services": "服务"
+    "services": "服务",
+    "selectTrigger": "选择触发器"
   },
   "datastoreWizard": {
     "accessMode": "访问方式"
@@ -2561,7 +2562,7 @@
     "deleteSnapshotDescription": "此操作是永久性的，无法恢复。 你确定你要删除 '{0}'?"
   },
   "importVms": {
-    "selectSourceTooltipDesc": "Esxi用户权限必须对应于管理员角色"
+    "selectSourceTooltipDesc": "Esxi用户权限必须对应于管理员角色. esxi和vSphere接受积分"
   },
   "storageDevice": {
     "repeatCount": "重复计数",

package/components/atoms/comboDropdownMenu/ComboDropdownMenu.vue

@@ -0,0 +1,357 @@
+<template>
+  <div class="combo-dropdown-content">
+    <div>
+      <div>
+        <div
+          :class="['alarm-trigger-combo-box dropdown', { open: isShowList }]"
+          @mouseenter="isHover = true"
+          @mouseleave="isHover = false"
+        >
+          <div class="select dropdown-toggle">
+            <input
+              v-model="selectedLocal"
+              :placeholder="localization.inventoryConfigure.selectTrigger"
+              :data-id="`${props.testId}-selected-field`"
+              type="text"
+              class="form-control dropdown-host"
+              @click="isShowList = !isShowList"
+            />
+          </div>
+          <div v-if="isShowList" class="combo-dropdown-menu dropdown-menu">
+            <input
+              id="search-input"
+              v-model="search"
+              :data-id="`${props.testId}-search-field`"
+              type="search"
+              autocomplete="off"
+              maxlength="300"
+              class="form-control dropdown-search-box"
+              :placeholder="localization.common.search"
+              @input="onInputSearch"
+            />
+            <div class="dropdown-result-holder">
+              <p v-if="search && !filteredData.length" class="empty-text">
+                <i>{{ localization.common.noItemsDisplay }}</i>
+              </p>
+              <div>
+                <div
+                  v-for="(item, key) in filteredData"
+                  :key="key"
+                  :data-id="item.text"
+                  :class="[
+                    'clr-tree-node item-row dropdown-parent-item',
+                    { open: arrowKeys[key] },
+                    { searched: isSearched },
+                  ]"
+                >
+                  <div
+                    v-if="!isSearched"
+                    class="clr-tree-node-content-container"
+                  >
+                    <button
+                      :data-id="`${item.testId}-toggle-button`"
+                      aria-hidden="true"
+                      type="button"
+                      class="clr-treenode-caret"
+                      @click="arrowKeys[key] = !arrowKeys[key]"
+                    >
+                      <atoms-the-icon
+                        :class="[
+                          'trigger-icon clr-icon',
+                          { open: arrowKeys[key] },
+                        ]"
+                        name="angle"
+                      />
+                    </button>
+                    <div class="clr-treenode-content item-title-content">
+                      <b
+                        :title="`${item.text} (${item.itemsCount})`"
+                        class="dropdown-item-text category-name"
+                      >
+                        {{ item.text }} </b
+                      ><b
+                        :title="`${item.text} (${item.itemsCount})`"
+                        class="dropdown-item-text category-size"
+                      >
+                        &nbsp;({{ item.itemsCount }})</b
+                      >
+                    </div>
+                  </div>
+                  <div
+                    :class="[
+                      'clr-treenode-children children-content',
+                      { open: arrowKeys[key] },
+                    ]"
+                  >
+                    <div
+                      v-for="(item2, key2) in item.childs"
+                      :key="key2"
+                      :data-id="item2.testId"
+                      class="clr-tree-node"
+                      @click="onSelect(item2.value)"
+                    >
+                      <div class="clr-tree-node-content-container">
+                        <div class="clr-treenode-content item-title-content">
+                          <button
+                            :title="item2.text"
+                            :data-id="item2.text"
+                            type="button"
+                            class="btn-link dropdown-child-item"
+                          >
+                            <span :title="item2.text" class="dropdown-item-text"
+                              >{{ item2.firstText }}<b>{{ item2.secondText }}</b
+                              >{{ item2.thirdText }}</span
+                            >
+                          </button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ComboDropdown,
+  UI_I_ComboDropdownChild,
+  UI_I_ComboDropdownSearched,
+  UI_I_ComboDropdownSearchedItem,
+} from '~/components/atoms/comboDropdownMenu/lib/models/interfaces'
+
+const props = defineProps<{
+  selected: string
+  items: UI_I_ComboDropdown[]
+  testId: string
+}>()
+const emits = defineEmits<{
+  (event: 'select', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedLocal = ref<string>(props.selected)
+watch(
+  () => props.selected,
+  (newValue) => {
+    selectedLocal.value = newValue
+  }
+)
+const search = ref<string>('')
+const isSearched = ref<boolean>(false)
+const onInputSearch = (): void => {
+  isSearched.value = !!search.value
+}
+
+// New Function for search
+// const text = ref<string>('Hello Worlds!')
+// const searchQuery = ref<string>('')
+//
+// const highlightText = computed<string>((): any => {
+//   if (!searchQuery.value) return text.value
+//   const regex = new RegExp(`(${searchQuery.value})`, 'gi')
+//   return text.value.replace(regex, '<bold style="font-weight: 500">$1</bold>')
+// })
+const constructChildesBySearch = (
+  data: UI_I_ComboDropdownChild[]
+): UI_I_ComboDropdownSearchedItem[] => {
+  if (!isSearched.value)
+    return data.map((item) => {
+      return {
+        text: item.text,
+        value: item.value,
+        firstText: item.text,
+        secondText: '',
+        thirdText: '',
+        testId: `${item.text}-child`,
+      }
+    })
+
+  const searchLower = search.value.toLowerCase()
+  const searchLength = searchLower.length
+  const result: UI_I_ComboDropdownSearchedItem[] = []
+  data.forEach((item) => {
+    const showTextLower = item.text.toLowerCase()
+    const showText = item.text
+    if (showTextLower.includes(searchLower)) {
+      const getIndex = showTextLower.indexOf(searchLower)
+
+      const newValue = {
+        text: item.text,
+        value: item.value,
+        firstText: showText.slice(0, getIndex),
+        secondText: showText.slice(getIndex, getIndex + searchLength),
+        thirdText: showText.slice(getIndex + searchLength, showText.length),
+        testId: `${item.text}-child`,
+      }
+
+      result.push(newValue)
+    }
+  })
+  return result
+}
+
+const filteredData = computed<UI_I_ComboDropdownSearched[]>(() => {
+  const result: UI_I_ComboDropdownSearched[] = []
+
+  props.items.forEach((item) => {
+    const filteredChilds = constructChildesBySearch(item.childs)
+
+    if (filteredChilds.length)
+      result.push({
+        text: item.text,
+        itemsCount: item.itemsCount,
+        childs: filteredChilds,
+        testId: item.testId,
+      })
+  })
+  return result
+})
+
+const arrowKeys = ref<boolean[]>([])
+watch(
+  () => props.items,
+  (newValue) => {
+    if (!newValue.length) return
+
+    newValue.forEach((_, key) => {
+      const currentValue = key === 0
+      arrowKeys.value.push(currentValue)
+    })
+  },
+  { immediate: true, deep: true }
+)
+
+const isShowList = ref<boolean>(false)
+watch(isShowList, (newValue) => {
+  if (!newValue) {
+    isSearched.value = false
+    return
+  }
+
+  setTimeout(() => {
+    document.getElementById('search-input')?.focus()
+  }, 0)
+  selectedLocal.value && (search.value = selectedLocal.value)
+})
+const isHover = ref<boolean>(false)
+
+const hideMenu = (force?: boolean): void => {
+  if (isHover.value && !force) return
+
+  isShowList.value = false
+}
+const windowClick = (): void => {
+  hideMenu()
+}
+const windowScroll = (): void => {
+  hideMenu()
+}
+
+const onSelect = (value: string): void => {
+  emits('select', value)
+  hideMenu(true)
+}
+
+onMounted(() => {
+  window.addEventListener('click', windowClick)
+  window.addEventListener('scroll', windowScroll, true)
+})
+onUnmounted(() => {
+  window.removeEventListener('click', windowClick)
+  window.removeEventListener('scroll', windowScroll)
+})
+</script>
+
+<style scoped lang="scss">
+.combo-dropdown-content {
+  .alarm-trigger-combo-box {
+    position: static;
+
+    .combo-dropdown-menu {
+      position: absolute;
+      inset: 0 auto auto 0;
+      transform: translateX(15px) translateY(24px);
+      margin-top: -15px;
+      width: 30rem;
+
+      #search-input {
+        margin: 5px 2px 3px;
+        width: calc(100% - 4px);
+        height: 34px;
+        padding: 6px 12px;
+        color: #333;
+        font-size: 13px;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+        border: 1px solid #949494;
+        background-image: none;
+
+        &:focus {
+          outline: none;
+          border-color: #3cf;
+        }
+      }
+      .dropdown-result-holder {
+        padding-top: 10px;
+        max-height: 18rem;
+        overflow-x: hidden;
+        overflow-y: auto;
+
+        .empty-text {
+          padding: 0 0.24rem 1.2rem 0.72rem;
+        }
+
+        .dropdown-parent-item {
+          &.open {
+            &.searched {
+              .children-content {
+                .item-title-content {
+                  .dropdown-child-item {
+                    padding-left: 14px;
+                  }
+                }
+              }
+            }
+
+            .trigger-icon {
+              transform: rotate(180deg);
+            }
+            .children-content {
+              overflow-y: visible;
+              height: auto;
+            }
+          }
+
+          .trigger-icon {
+            transform: rotate(90deg);
+          }
+          .children-content {
+            overflow-x: hidden;
+            margin-left: 0;
+            height: 0;
+            overflow-y: visible;
+
+            .item-title-content {
+              &:first-child {
+                padding-left: 0;
+              }
+
+              .dropdown-child-item {
+                padding-left: 28px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>

package/components/atoms/comboDropdownMenu/lib/models/interfaces.ts

@@ -0,0 +1,26 @@
+export interface UI_I_ComboDropdownChild {
+  text: string
+  value: string
+}
+
+export interface UI_I_ComboDropdown {
+  text: string
+  itemsCount: number
+  childs: UI_I_ComboDropdownChild[]
+  testId: string
+}
+
+export interface UI_I_ComboDropdownSearchedItem {
+  text: string
+  firstText: string
+  secondText: string
+  thirdText: string
+  testId: string
+}
+
+export interface UI_I_ComboDropdownSearched {
+  text: string
+  itemsCount: number
+  childs: UI_I_ComboDropdownSearchedItem[]
+  testId: string
+}

package/components/atoms/datepicker/Datepicker.vue

@@ -165,7 +165,9 @@ import type { UI_I_Items } from '~/components/atoms/datepicker/lib/models/interf
 import {
   getMonthsFunc,
   getWeekdaysFunc,
-} from '~/components/atoms/datepicker/lib/config/datapicker'
+  datepickerWidth,
+  datepickerHeight,
+} from '~/components/atoms/datepicker/lib/config/datepicker'
 import { getShortMonths } from '~/components/atoms/datepicker/lib/config/allShortMonths'
 
 const { $isDate } = useNuxtApp()
@@ -392,8 +394,15 @@ const showHideCalendar = (): void => {
     `.calendar-id-${uniqueId.value}`
   ) as HTMLElement
 
-  calendarTop.value = element.getBoundingClientRect().y - 314 + 2
-  calendarLeft.value = element.getBoundingClientRect().x - 278 / 2
+  const elementSizes = element.getBoundingClientRect()
+
+  const isOverTop = elementSizes.y - datepickerWidth + 2 < 0
+  // Set content top
+  if (!isOverTop) calendarTop.value = elementSizes.y - datepickerWidth + 2
+  else calendarTop.value = elementSizes.y + elementSizes.height + 2
+
+  // Set content left
+  calendarLeft.value = elementSizes.x - datepickerHeight / 2
 
   isShowCalendar.value = !isShowCalendar.value
 }

package/components/atoms/datepicker/lib/config/{datapicker.ts → datepicker.ts}

@@ -1,4 +1,4 @@
-import type{ UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
 
 export const getMonthsFunc = (localization: UI_I_Localization): string[] => {
   return [
@@ -41,3 +41,6 @@ export const getWeekdaysFunc = (
 
   return result
 }
+
+export const datepickerWidth = 314
+export const datepickerHeight = 278

package/components/common/layout/theHeader/TheHeader.vue

@@ -70,6 +70,7 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import { checkIsTokenExpired } from '~/lib/utils/token'
 
 const props = defineProps<{
   isShowMainMenu: boolean
@@ -90,6 +91,8 @@ const props = defineProps<{
   newViewLocal: boolean
   timeFormat: string
   isDarkTheme: boolean
+  isPauseReconnect: boolean
+  expireTimeFromState: number
 }>()
 
 const emits = defineEmits<{
@@ -106,7 +109,55 @@ const emits = defineEmits<{
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
   (event: 'submit-preferences'): void
+  (event: 'show-redirect-login-modal', value: boolean): void
+  (event: 'show-reconnect-modal', value: boolean): void
 }>()
+
+const inactivityTimer = ref<NodeJS.Timeout | undefined>(undefined)
+const inactivityTimeout = ref<number>(20 * 60 * 1000)
+
+const startInactivityTimer = (): void => {
+  inactivityTimer.value = setTimeout(() => {
+    // Проверяем если isPauseReconnect истина то не показываем модальное окно переподключения,
+    // к примеру если загружаем файл и он загружается дольше чем срабатывает таймаут
+    if (props.isPauseReconnect) {
+      startInactivityTimer()
+      return
+    }
+
+    const expireTime =
+      props.expireTimeFromState || useLocalStorage('accessTokenExpiredTime')
+
+    const isExpiredToken = checkIsTokenExpired(expireTime)
+
+    isExpiredToken && emits('show-redirect-login-modal', true)
+
+    if (!isExpiredToken) {
+      emits('show-reconnect-modal', true)
+      startInactivityTimer()
+    }
+
+    console.log('Пользователь бездействует!')
+  }, inactivityTimeout.value)
+}
+
+const resetInactivityTimer = (): void => {
+  // Сброс таймера бездействия при каждом действии пользователя
+  inactivityTimer.value !== null && clearTimeout(inactivityTimer.value)
+  startInactivityTimer()
+}
+
+onMounted(() => {
+  document.addEventListener('mousemove', resetInactivityTimer)
+
+  startInactivityTimer()
+})
+
+onBeforeUnmount(() => {
+  document.removeEventListener('mousemove', resetInactivityTimer)
+
+  inactivityTimer.value !== null && clearTimeout(inactivityTimer.value)
+})
 </script>
 
 <style scoped lang="scss"></style>

package/components/common/monitor/overview/filters/Filters.vue

@@ -54,6 +54,7 @@
     v-if="isShowIntervalModal"
     :selected-periods="props.selectedPeriods"
     :format-date="props.formatDate"
+    :current-lang="props.currentLang"
     @hide="onHideIntervalModal"
     @submit="onSubmitIntervalModal"
   />
@@ -82,6 +83,7 @@ const props = defineProps<{
   selectedPeriods: number[]
   formatDate: string
   project: UI_T_Project
+  currentLang: string
   formatTime?: string
 }>()
 

package/components/common/monitor/overview/filters/customIntervalModal/CustomIntervalModal.vue

@@ -40,7 +40,7 @@
                 <div class="section-datepicker">
                   <atoms-datepicker
                     v-model="dateFrom"
-                    :lang="currentLang"
+                    :lang="props.currentLang"
                     class="chart-option-setting-row custom-time-input"
                     test-id="overview-first-date-datepicker"
                     @update="onUpdateDateFrom"
@@ -76,7 +76,7 @@
                 <div class="section-datepicker">
                   <atoms-datepicker
                     v-model="dateTo"
-                    :lang="currentLang"
+                    :lang="props.currentLang"
                     class="chart-option-setting-row custom-time-input"
                     test-id="overview-first-date-to-datepicker"
                     @update="onUpdateDateTo"
@@ -112,6 +112,7 @@ import { checkDateFunc } from '~/components/common/monitor/overview/filters/cust
 const props = defineProps<{
   formatDate: string
   selectedPeriods: number[]
+  currentLang: string
 }>()
 
 const emits = defineEmits<{
@@ -119,12 +120,13 @@ const emits = defineEmits<{
   (event: 'submit', value: number[]): void
 }>()
 
-const { $store, $formattedDate, $formattedTime, $isDate, $getUnixByDate } =
-  useNuxtApp()
+const { $formattedDate, $formattedTime, $isDate, $getUnixByDate } = useNuxtApp()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const titleIntervalModal = ref<string>(`${localization.value.common.timeRange}:`)
+const titleIntervalModal = ref<string>(
+  `${localization.value.common.timeRange}:`
+)
 
 const selectedItem = ref<string>('')
 
@@ -165,15 +167,6 @@ const getCurrentTime = (): void => {
   currentTimeTo.value = $formattedTime(props.selectedPeriods[1], '', true)
 }
 
-const timeFormatUpdater = computed<number>(
-  () => $store.getters['main/getTimeFormatUpdater']
-)
-const currentLang = ref<string>(useLocalStorage('lang') || 'ru_RU')
-watch(timeFormatUpdater, () => {
-  currentLang.value = useLocalStorage('lang') || 'ru_RU'
-  getCurrentTime()
-})
-
 const onUpdateDateFrom = (val: number): void => {
   if (!val) return
 

package/lib/utils/token.ts

@@ -0,0 +1,34 @@
+// import type { API_I_Login } from '~/store/modules/auth/lib/models/interfaces'
+//
+// export const setTokensFunc = (data: API_I_Login): void => {
+//   const token = data.access_token || ''
+//   const expiredTime = data.at_expires || null
+//
+//   useLocalStorage('accessTokenExpiredTime', expiredTime)
+//
+//   const tokenCookie = useCookie('pnc-ui-token')
+//   tokenCookie.value = `Bearer ${token}`
+//
+//   const refreshToken = data.refresh_token || ''
+//   const refreshTokenCookie = useCookie('pnc-ui-refresh-token')
+//   refreshTokenCookie.value = refreshToken
+//
+//   const accessTokenExpiredTime = useCookie('token-expired-time')
+//   accessTokenExpiredTime.value = '' + expiredTime
+// }
+
+export const checkIsTokenExpired = (expireTime: number): boolean => {
+  const currentTimeMilliseconds = new Date().getTime()
+  const expireTimeMilliseconds = expireTime * 1000
+
+  return expireTimeMilliseconds < currentTimeMilliseconds
+}
+// export const clearToken = (): void => {
+//   const tokenCookie = useCookie('pnc-ui-token')
+//   const refreshTokenCookie = useCookie('pnc-ui-refresh-token')
+//   const expiredTime = useCookie('token-expired-time')
+//
+//   tokenCookie.value = ''
+//   refreshTokenCookie.value = ''
+//   expiredTime.value = ''
+// }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.186",
+  "version": "1.4.189",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",