bfg-common 1.4.785 → 1.4.786

package/assets/localization/local_ru.json

@@ -1202,7 +1202,7 @@
     "relatedObjects": "Связанные Объекты",
     "releaseDate": "Дата выпуска",
     "remoteConsole": "Удаленная консоль {0}",
-    "remoteConsoleDescription": "Используйте {trademark} Remote Console (VMRC) для подключения к клиентским устройствам и доступа к расширенным функциям клавиатуры.\nЕсли у вас уже установлена {trademark} Remote Console, она запустится автоматически, когда вы нажмете кнопку Launch Remote Console. Если нет, вы можете использовать ссылку ниже, чтобы загрузить его.",
+    "remoteConsoleDescription": "Используйте {trademark} Remote Console (VMRC) для подключения к клиентским устройствам и доступа к расширенным функциям клавиатуры.\nЕсли у Вас уже установлена {trademark} Remote Console, она запустится автоматически, когда Вы нажмете кнопку Launch Remote Console. Если нет, Вы можете использовать ссылку ниже, чтобы загрузить его.",
     "remoteConsoleOptions": "Параметры удаленной консоли",
     "remoteConsoleType": "Тип удаленной консоли",
     "remoteConsoleVmrc": "Удаленная консоль {trademark} (VMRC)",

package/components/atoms/autocomplete/Autocomplete.vue

@@ -17,16 +17,32 @@
           name="search"
         />
       </div>
-      <input
-        :id="`${props.testId}-search-input`"
-        v-model.trim="search"
-        :data-id="`${props.testId}-search-input`"
-        type="text"
-        class="search-input"
-        autocomplete="off"
-        :placeholder="props.placeholder"
-        @input="onSearch"
-      />
+
+      <div class="clr-error">
+        <div class="form-group__input">
+          <input
+            :id="`${props.testId}-search-input`"
+            v-model.trim="search"
+            :data-id="`${props.testId}-search-input`"
+            type="text"
+            class="search-input"
+            :class="fieldErrorText && 'clr-input'"
+            autocomplete="off"
+            :placeholder="props.placeholder"
+            @blur="onInitValidation"
+            @input="onSearch"
+          />
+          <div v-show="fieldErrorText" class="form-validate">
+            <atoms-the-icon class="is-error tooltip-trigger" name="info" />
+          </div>
+        </div>
+        <div
+          v-show="fieldErrorText"
+          class="form-group__input-error clr-subtext"
+        >
+          {{ fieldErrorText }}
+        </div>
+      </div>
     </div>
     <div
       v-show="isShow"
@@ -50,6 +66,8 @@
 </template>
 
 <script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
 const props = withDefaults(
   defineProps<{
     placeholder: string
@@ -57,23 +75,27 @@ const props = withDefaults(
     loading?: boolean
     testId?: string
     ms?: number
+    showValidation?: boolean
   }>(),
   {
     testId: 'ui-autocomplete',
     ms: 500,
     loading: false,
+    showValidation: false,
   }
 )
-
 const emits = defineEmits<{
   (event: 'search', value: string): void
   (event: 'select', value: string): void
 }>()
 
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 const search = ref<string>('')
 
 let timer: NodeJS.Timeout
 const onSearch = (): void => {
+  onInitValidation()
   clearTimeout(timer)
   timer = setTimeout(
     (value) => {
@@ -83,7 +105,16 @@ const onSearch = (): void => {
     search.value
   )
 }
+const isInitFieldValidation = ref<boolean>(false)
+const onInitValidation = (): void => {
+  isInitFieldValidation.value = true
+}
+const fieldErrorText = computed<string>(() => {
+  if (!isInitFieldValidation.value) return ''
 
+  if (!search.value && props.showValidation)
+    return localization.value.common.fieldRequired
+})
 const items = computed<any[]>(() => {
   return [...props.items].map((text) => {
     const term = search.value.toLowerCase()
@@ -155,6 +186,13 @@ watch(isHide, (newValue) => {
     window.removeEventListener('keydown', onKeyDown, true)
   }
 })
+watch(
+  () => props.showValidation,
+  (newValue: boolean) => {
+    isInitFieldValidation.value = newValue
+  },
+  { immediate: true }
+)
 </script>
 
 <style scoped lang="scss">
@@ -239,5 +277,22 @@ watch(isHide, (newValue) => {
       }
     }
   }
+  .form-group {
+    &__input {
+      display: flex;
+      .form-validate {
+        svg {
+          width: 24px;
+          height: 24px;
+        }
+      }
+      input {
+        width: 100%;
+      }
+      &-error {
+        margin-top: 0;
+      }
+    }
+  }
 }
 </style>

package/components/common/pages/tasks/Tasks.vue

@@ -25,6 +25,7 @@ import type {
 } from '~/lib/models/table/interfaces'
 import type { UI_I_Task } from '~/lib/models/store/tasks/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
+import { useOnline } from '@vueuse/core'
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 const { $store }: any = useNuxtApp()
@@ -74,6 +75,13 @@ const isLoading = computed<boolean>(() =>
   $store.getters['tasks/getLoading']('tasks')
 )
 
+const isOnline = useOnline()
+watch(isOnline, (newValue: boolean) => {
+  if (newValue) {
+    getTasks()
+  }
+})
+
 onUnmounted(() => {
   pauseGlobalRefresh()
 })

package/package.json

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