bfg-common 1.5.23 → 1.5.25

package/components/common/pages/scheduledTasks/modals/common/frequency/Frequency.vue

@@ -1,58 +1,58 @@
-<template>
-  <div class="frequency">
-    <common-pages-scheduled-tasks-modals-common-frequency-after-startup
-      v-if="props.type === 'after-startup'"
-      v-model="model"
-    />
-
-    <common-pages-scheduled-tasks-modals-common-frequency-interval
-      v-if="showTimeInterval"
-      v-model="model"
-      :type="props.type"
-    />
-
-    <common-pages-scheduled-tasks-modals-common-frequency-on
-      v-if="showTimeOn"
-      v-model="model"
-      :type="props.type"
-    />
-
-    <common-pages-scheduled-tasks-modals-common-frequency-start-on
-      v-if="showTimeInterval"
-      v-model="model"
-    />
-
-    <common-pages-scheduled-tasks-modals-common-frequency-end
-      v-if="showTimeInterval"
-      v-model="model"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-// import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-
-const props = defineProps<{
-  type: string
-}>()
-const model = defineModel<UI_I_ScheduleNewTasksForm>({ required: true })
-
-// const localization = computed<UI_I_Localization>(() => useLocal())
-
-const showTimeInterval = computed<boolean>(() => {
-  return ['month', 'week', 'day', 'hour'].includes(props.type)
-})
-const showTimeOn = computed<boolean>(() => {
-  return ['once', 'week', 'month'].includes(props.type)
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.frequency {
-  width: 100%;
-  &__interval {
-  }
-}
-</style>
+<template>
+  <div class="frequency">
+    <common-pages-scheduled-tasks-modals-common-frequency-after-startup
+      v-if="props.type === 'after-startup'"
+      v-model="model"
+    />
+
+    <common-pages-scheduled-tasks-modals-common-frequency-interval
+      v-if="showTimeInterval"
+      v-model="model"
+      :type="props.type"
+    />
+
+    <common-pages-scheduled-tasks-modals-common-frequency-on
+      v-if="showTimeOn"
+      v-model="model"
+      :type="props.type"
+    />
+
+    <common-pages-scheduled-tasks-modals-common-frequency-start-on
+      v-if="showTimeInterval"
+      v-model="model"
+    />
+
+    <common-pages-scheduled-tasks-modals-common-frequency-end
+      v-if="showTimeInterval"
+      v-model="model"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+// import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+
+const props = defineProps<{
+  type: string
+}>()
+const model = defineModel<UI_I_ScheduleNewTasksForm>({ required: true })
+
+// const localization = computed<UI_I_Localization>(() => useLocal())
+
+const showTimeInterval = computed<boolean>(() => {
+  return ['month', 'week', 'day', 'hour'].includes(props.type)
+})
+const showTimeOn = computed<boolean>(() => {
+  return ['once', 'week', 'month'].includes(props.type)
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.frequency {
+  width: 100%;
+  &__interval {
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/modals/common/frequency/afterStartup/AfterStartup.vue

@@ -1,82 +1,82 @@
-<template>
-  <div class="after-startup clr-col-6 pl-0">
-    <span class="after-startup__prefix">
-      {{ localization.scheduledTasks.with }}
-    </span>
-
-    <label
-      for="minute-delay-field"
-      class="tooltip tooltip-validation tooltip-xs tooltip-top-left"
-      :class="timeIntervalErrorText && 'invalid'"
-    >
-      <input
-        id="minute-delay-field"
-        v-model="modelFrequencyLocal.frg_after_startup"
-        data-id="edit-lockout-policy-time-interval-input"
-        type="text"
-        @input="onInitTimeIntervalValidation"
-        @blur="onInitTimeIntervalValidation"
-      />
-
-      <span class="tooltip-content">
-        {{ timeIntervalErrorText }}
-      </span>
-    </label>
-
-    <span class="after-startup__suffix">
-      {{ localization.scheduledTasks.minuteDelay }}
-    </span>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-import { validateField } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/utils'
-
-const modelFrequencyLocal = defineModel<UI_I_ScheduleNewTasksForm>({
-  required: true,
-})
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isInitTimeIntervalValidation = ref<boolean>(false)
-const onInitTimeIntervalValidation = (): void => {
-  isInitTimeIntervalValidation.value = true
-}
-
-const timeIntervalErrorText = computed<string>(() => {
-  if (!isInitTimeIntervalValidation.value) return ''
-
-  return validateField(
-    localization.value,
-    modelFrequencyLocal.value.frg_after_startup
-  )
-})
-watch(
-  timeIntervalErrorText,
-  (newValue: string) => {
-    modelFrequencyLocal.value.isValid = newValue !== ''
-  },
-  { immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.after-startup {
-  @include flex($align: center);
-  margin-top: 10px;
-  &__suffix {
-    white-space: nowrap;
-  }
-  .tooltip {
-    & > .tooltip-content {
-      width: 200px;
-    }
-  }
-  input {
-    width: 70px;
-  }
-}
-</style>
+<template>
+  <div class="after-startup clr-col-6 pl-0">
+    <span class="after-startup__prefix">
+      {{ localization.scheduledTasks.with }}
+    </span>
+
+    <label
+      for="minute-delay-field"
+      class="tooltip tooltip-validation tooltip-xs tooltip-top-left"
+      :class="timeIntervalErrorText && 'invalid'"
+    >
+      <input
+        id="minute-delay-field"
+        v-model="modelFrequencyLocal.frg_after_startup"
+        data-id="edit-lockout-policy-time-interval-input"
+        type="text"
+        @input="onInitTimeIntervalValidation"
+        @blur="onInitTimeIntervalValidation"
+      />
+
+      <span class="tooltip-content">
+        {{ timeIntervalErrorText }}
+      </span>
+    </label>
+
+    <span class="after-startup__suffix">
+      {{ localization.scheduledTasks.minuteDelay }}
+    </span>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+import { validateField } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/utils'
+
+const modelFrequencyLocal = defineModel<UI_I_ScheduleNewTasksForm>({
+  required: true,
+})
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isInitTimeIntervalValidation = ref<boolean>(false)
+const onInitTimeIntervalValidation = (): void => {
+  isInitTimeIntervalValidation.value = true
+}
+
+const timeIntervalErrorText = computed<string>(() => {
+  if (!isInitTimeIntervalValidation.value) return ''
+
+  return validateField(
+    localization.value,
+    modelFrequencyLocal.value.frg_after_startup
+  )
+})
+watch(
+  timeIntervalErrorText,
+  (newValue: string) => {
+    modelFrequencyLocal.value.isValid = newValue !== ''
+  },
+  { immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.after-startup {
+  @include flex($align: center);
+  margin-top: 10px;
+  &__suffix {
+    white-space: nowrap;
+  }
+  .tooltip {
+    & > .tooltip-content {
+      width: 200px;
+    }
+  }
+  input {
+    width: 70px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/modals/common/frequency/end/End.vue

@@ -1,103 +1,103 @@
-<template>
-  <div class="end-time">
-    <common-select-input
-      v-model="selectedFrequencyEndMode"
-      :label="localization.scheduledTasks.end"
-      :data="frequencyEndTimeOptions"
-      test-id="frequency-ent-time"
-      class="end-time__select-input"
-      :class="selectedFrequencyEndMode === 'on' && 'enabled'"
-    >
-      <template #options>
-        <label
-          v-if="selectedFrequencyEndMode === 'on'"
-          for="frequency-end-date"
-          class="tooltip tooltip-validation tooltip-xs tooltip-top-left frequency-end-date"
-          :class="schedulerEndDateErrorText && 'invalid'"
-        >
-          <input
-            id="frequency-end-date"
-            v-model.lazy="modelFrequencyLocal.frg_end_time"
-            data-id="frequency-end-date-input"
-            type="datetime-local"
-          />
-
-          <span class="tooltip-content">
-            {{ schedulerEndDateErrorText }}
-          </span>
-        </label>
-      </template>
-    </common-select-input>
-  </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_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
-import { validateDate } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/utils'
-import { frequencyEndTimeFunc } from '~/components/common/pages/scheduledTasks/modals/common/frequency/end/lib/config/endOptions'
-
-const modelFrequencyLocal = defineModel<UI_I_ScheduleNewTasksForm>({
-  required: true,
-})
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-// const { $store, $formattedDate, $isDate, $getUnixByDate }: any = useNuxtApp()
-
-const frequencyEndTimeOptions = computed<UI_I_SelectInputItem[]>(() =>
-  frequencyEndTimeFunc(localization.value)
-)
-
-const selectedFrequencyEndMode = ref<'never' | 'on'>('never')
-
-const schedulerEndDateErrorText = computed<string>(() => {
-  const { frg_end_time, frg_start_on_time } = modelFrequencyLocal.value
-  return !frg_end_time
-    ? localization.value.common.fieldRequired
-    : validateDate(localization.value, frg_end_time, frg_start_on_time)
-})
-watch(
-  [schedulerEndDateErrorText, selectedFrequencyEndMode],
-  ([newValue1, newValue2]: [string, 'never' | 'on']) => {
-    modelFrequencyLocal.value.isValid =
-      newValue2 === 'never' ? false : !!newValue1
-
-    newValue2 === 'never' && (modelFrequencyLocal.value.frg_end_time = '')
-  }
-)
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.end-time {
-  margin-top: 10px;
-  &__select-input {
-    &.enabled {
-      row-gap: 15px;
-      &.clr-flex-row {
-        flex-direction: column !important;
-        align-items: flex-start;
-      }
-      :deep(.select-input__inner) {
-        flex-direction: row;
-      }
-    }
-
-    :deep(.select-input__label) {
-      font-weight: 400;
-    }
-    :deep(.select) {
-      max-width: 80px !important;
-    }
-  }
-  .frequency-end-date {
-    margin-left: 15px;
-  }
-}
-.tooltip {
-  & > .tooltip-content {
-    width: 200px;
-  }
-}
-</style>
+<template>
+  <div class="end-time">
+    <common-select-input
+      v-model="selectedFrequencyEndMode"
+      :label="localization.scheduledTasks.end"
+      :data="frequencyEndTimeOptions"
+      test-id="frequency-ent-time"
+      class="end-time__select-input"
+      :class="selectedFrequencyEndMode === 'on' && 'enabled'"
+    >
+      <template #options>
+        <label
+          v-if="selectedFrequencyEndMode === 'on'"
+          for="frequency-end-date"
+          class="tooltip tooltip-validation tooltip-xs tooltip-top-left frequency-end-date"
+          :class="schedulerEndDateErrorText && 'invalid'"
+        >
+          <input
+            id="frequency-end-date"
+            v-model.lazy="modelFrequencyLocal.frg_end_time"
+            data-id="frequency-end-date-input"
+            type="datetime-local"
+          />
+
+          <span class="tooltip-content">
+            {{ schedulerEndDateErrorText }}
+          </span>
+        </label>
+      </template>
+    </common-select-input>
+  </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_ScheduleNewTasksForm } from '~/components/common/pages/scheduledTasks/modals/lib/models/interfaces'
+import { validateDate } from '~/components/common/pages/scheduledTasks/modals/common/frequency/lib/utils'
+import { frequencyEndTimeFunc } from '~/components/common/pages/scheduledTasks/modals/common/frequency/end/lib/config/endOptions'
+
+const modelFrequencyLocal = defineModel<UI_I_ScheduleNewTasksForm>({
+  required: true,
+})
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+// const { $store, $formattedDate, $isDate, $getUnixByDate }: any = useNuxtApp()
+
+const frequencyEndTimeOptions = computed<UI_I_SelectInputItem[]>(() =>
+  frequencyEndTimeFunc(localization.value)
+)
+
+const selectedFrequencyEndMode = ref<'never' | 'on'>('never')
+
+const schedulerEndDateErrorText = computed<string>(() => {
+  const { frg_end_time, frg_start_on_time } = modelFrequencyLocal.value
+  return !frg_end_time
+    ? localization.value.common.fieldRequired
+    : validateDate(localization.value, frg_end_time, frg_start_on_time)
+})
+watch(
+  [schedulerEndDateErrorText, selectedFrequencyEndMode],
+  ([newValue1, newValue2]: [string, 'never' | 'on']) => {
+    modelFrequencyLocal.value.isValid =
+      newValue2 === 'never' ? false : !!newValue1
+
+    newValue2 === 'never' && (modelFrequencyLocal.value.frg_end_time = '')
+  }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.end-time {
+  margin-top: 10px;
+  &__select-input {
+    &.enabled {
+      row-gap: 15px;
+      &.clr-flex-row {
+        flex-direction: column !important;
+        align-items: flex-start;
+      }
+      :deep(.select-input__inner) {
+        flex-direction: row;
+      }
+    }
+
+    :deep(.select-input__label) {
+      font-weight: 400;
+    }
+    :deep(.select) {
+      max-width: 80px !important;
+    }
+  }
+  .frequency-end-date {
+    margin-left: 15px;
+  }
+}
+.tooltip {
+  & > .tooltip-content {
+    width: 200px;
+  }
+}
+</style>

package/components/common/pages/scheduledTasks/modals/common/frequency/end/lib/config/endOptions.ts

@@ -1,17 +1,17 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-
-export const frequencyEndTimeFunc = (
-  localization: UI_I_Localization
-): UI_I_SelectInputItem[] => {
-  return [
-    {
-      label: localization.common.never,
-      value: 'never',
-    },
-    {
-      label: localization.common.on,
-      value: 'on',
-    },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+
+export const frequencyEndTimeFunc = (
+  localization: UI_I_Localization
+): UI_I_SelectInputItem[] => {
+  return [
+    {
+      label: localization.common.never,
+      value: 'never',
+    },
+    {
+      label: localization.common.on,
+      value: 'on',
+    },
+  ]
+}