bfg-common 1.5.812 → 1.5.813

package/components/common/configure/advancedSystemSettings/modals/edit/Edit.vue

@@ -1,78 +1,78 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model="settingsLocal"
-    v-model:invalid-fields="invalidFields"
-    :host="props.host"
-    :settings="props.settings"
-    :loading="loading"
-    :errors="errors"
-    @hide="onHide"
-    @submit="onSubmit"
-    @remove-validation-errors="errors = []"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const props = defineProps<{
-  host: string
-  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-}>()
-
-const { $store, $arrayDifference }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./New.vue'))
-    : defineAsyncComponent(() => import('./Old.vue'))
-)
-
-const settingsLocal = ref<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
-  useDeepCopy(props.settings)
-)
-
-const loading = ref<boolean>(false)
-
-const errors = ref<string[]>([])
-const invalidFields = ref<string[]>([])
-
-const onSubmit = async (): Promise<void> => {
-  if (invalidFields.value.length > 0) {
-    errors.value = [...invalidFields.value]
-    return
-  }
-
-  loading.value = true
-
-  const error = await $store.dispatch(
-    'advancedSystemSettings/A_UPDATE_SETTINGS',
-    {
-      host: props.host,
-      onlyUpdatedSettings: $arrayDifference(
-        settingsLocal.value.items,
-        props.settings.items
-      ),
-      allUpdatedSettings: settingsLocal.value,
-    }
-  )
-
-  if (error) errors.value.push(error)
-  else onHide()
-
-  loading.value = false
-}
-
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <component
+    :is="currentComponent"
+    v-model="settingsLocal"
+    v-model:invalid-fields="invalidFields"
+    :host="props.host"
+    :settings="props.settings"
+    :loading="loading"
+    :errors="errors"
+    @hide="onHide"
+    @submit="onSubmit"
+    @remove-validation-errors="errors = []"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const props = defineProps<{
+  host: string
+  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+}>()
+
+const { $store, $arrayDifference }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./New.vue'))
+    : defineAsyncComponent(() => import('./Old.vue'))
+)
+
+const settingsLocal = ref<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
+  useDeepCopy(props.settings)
+)
+
+const loading = ref<boolean>(false)
+
+const errors = ref<string[]>([])
+const invalidFields = ref<string[]>([])
+
+const onSubmit = async (): Promise<void> => {
+  if (invalidFields.value.length > 0) {
+    errors.value = [...invalidFields.value]
+    return
+  }
+
+  loading.value = true
+
+  const error = await $store.dispatch(
+    'advancedSystemSettings/A_UPDATE_SETTINGS',
+    {
+      host: props.host,
+      onlyUpdatedSettings: $arrayDifference(
+        settingsLocal.value.items,
+        props.settings.items
+      ),
+      allUpdatedSettings: settingsLocal.value,
+    }
+  )
+
+  if (error) errors.value.push(error)
+  else onHide()
+
+  loading.value = false
+}
+
+const onHide = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/configure/advancedSystemSettings/modals/edit/New.vue

@@ -1,56 +1,56 @@
-<template>
-  <atoms-modal
-    :title="localization.common.edit"
-    :second-title="props.host"
-    :loading="props.loading"
-    test-id="advanced-system-settings-edit"
-    class="advanced-system-settings"
-    show
-    @hide="onHide"
-  >
-    <template #modalBody>
-      <atoms-alert
-        v-show="props.errors.length"
-        :items="props.errors"
-        status="alert-danger"
-        test-id="advanced-system-service-alert"
-        class="mb-1"
-        @remove="emits('remove-validation-errors')"
-      />
-
-      <common-configure-advanced-system-settings-table-view
-        v-model:invalid-fields="invalidFields"
-        :data="props.settings"
-      />
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
-
-const props = defineProps<{
-  host: string
-  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-  loading: boolean
-  errors: string[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  // (event: 'submit'): void
-  (event: 'remove-validation-errors'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <atoms-modal
+    :title="localization.common.edit"
+    :second-title="props.host"
+    :loading="props.loading"
+    test-id="advanced-system-settings-edit"
+    class="advanced-system-settings"
+    show
+    @hide="onHide"
+  >
+    <template #modalBody>
+      <atoms-alert
+        v-show="props.errors.length"
+        :items="props.errors"
+        status="alert-danger"
+        test-id="advanced-system-service-alert"
+        class="mb-1"
+        @remove="emits('remove-validation-errors')"
+      />
+
+      <common-configure-advanced-system-settings-table-view
+        v-model:invalid-fields="invalidFields"
+        :data="props.settings"
+      />
+    </template>
+  </atoms-modal>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
+
+const props = defineProps<{
+  host: string
+  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+  loading: boolean
+  errors: string[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  // (event: 'submit'): void
+  (event: 'remove-validation-errors'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onHide = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/configure/advancedSystemSettings/modals/edit/Old.vue

@@ -1,66 +1,66 @@
-<template>
-  <atoms-modal
-    :title="localization.common.edit"
-    :second-title="props.host"
-    :loading="props.loading"
-    test-id="advanced-system-settings-edit"
-    class="advanced-system-settings"
-    width="863px"
-    show
-    @hide="onHide"
-    @submit="onSubmit"
-  >
-    <template #modalBody>
-      <atoms-alert
-        v-show="props.errors.length"
-        :items="props.errors"
-        status="alert-danger"
-        test-id="advanced-system-service-alert"
-        class="mb-1"
-        @remove="emits('remove-validation-errors')"
-      />
-
-      <common-configure-advanced-system-settings-table-view
-        v-model:settings="model"
-        v-model:invalid-fields="invalidFields"
-        :data="props.settings"
-        is-edit
-      />
-    </template>
-  </atoms-modal>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const model = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>({
-  required: true,
-})
-const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
-
-const props = defineProps<{
-  host: string
-  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-  loading: boolean
-  errors: string[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-  (event: 'remove-validation-errors'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onHide = (): void => {
-  emits('hide')
-}
-const onSubmit = (): void => {
-  emits('submit')
-}
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <atoms-modal
+    :title="localization.common.edit"
+    :second-title="props.host"
+    :loading="props.loading"
+    test-id="advanced-system-settings-edit"
+    class="advanced-system-settings"
+    width="863px"
+    show
+    @hide="onHide"
+    @submit="onSubmit"
+  >
+    <template #modalBody>
+      <atoms-alert
+        v-show="props.errors.length"
+        :items="props.errors"
+        status="alert-danger"
+        test-id="advanced-system-service-alert"
+        class="mb-1"
+        @remove="emits('remove-validation-errors')"
+      />
+
+      <common-configure-advanced-system-settings-table-view
+        v-model:settings="model"
+        v-model:invalid-fields="invalidFields"
+        :data="props.settings"
+        is-edit
+      />
+    </template>
+  </atoms-modal>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const model = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>({
+  required: true,
+})
+const invalidFields = defineModel<string[]>('invalid-fields', {required: true})
+
+const props = defineProps<{
+  host: string
+  settings: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+  loading: boolean
+  errors: string[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'submit'): void
+  (event: 'remove-validation-errors'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onHide = (): void => {
+  emits('hide')
+}
+const onSubmit = (): void => {
+  emits('submit')
+}
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/configure/advancedSystemSettings/tableView/TableView.vue

@@ -1,40 +1,40 @@
-<template>
-  <component
-    :is="currentComponent"
-    v-model:settings="settings"
-    v-model:invalid-fields="invalidFields"
-    :data-table="props.data?.items || []"
-    :total-items="props.data?.total_items || 0"
-    :total-pages="props.data?.total_pages || 1"
-    :is-edit="props.isEdit"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
-import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
-
-const settings = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
-  'settings',
-  { required: false }
-)
-const invalidFields = defineModel<string[]>('invalid-fields', {
-  required: false,
-})
-const props = withDefaults(
-  defineProps<{
-    data: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
-    isEdit?: boolean
-  }>(),
-  { isEdit: false }
-)
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./new/New.vue'))
-    : defineAsyncComponent(() => import('./old/Old.vue'))
-)
-</script>
+<template>
+  <component
+    :is="currentComponent"
+    v-model:settings="settings"
+    v-model:invalid-fields="invalidFields"
+    :data-table="props.data?.items || []"
+    :total-items="props.data?.total_items || 0"
+    :total-pages="props.data?.total_pages || 1"
+    :is-edit="props.isEdit"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { API_UI_I_DataTable } from '~/lib/models/table/interfaces'
+import type { UI_I_AdvancedSystemSetting } from '~/store/inventory/modules/configure/advancedSystemSettings/lib/models/interfaces'
+
+const settings = defineModel<API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>>(
+  'settings',
+  { required: false }
+)
+const invalidFields = defineModel<string[]>('invalid-fields', {
+  required: false,
+})
+const props = withDefaults(
+  defineProps<{
+    data: API_UI_I_DataTable<UI_I_AdvancedSystemSetting[]>
+    isEdit?: boolean
+  }>(),
+  { isEdit: false }
+)
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+const currentComponent = computed(() =>
+  isNewView.value
+    ? defineAsyncComponent(() => import('./new/New.vue'))
+    : defineAsyncComponent(() => import('./old/Old.vue'))
+)
+</script>