bfg-common 1.0.76 → 1.0.78

package/components/common/headline/Headline.vue

@@ -1,32 +1,32 @@
-<template>
-  <div class="heading-block">
-    <h3 class="heading-block__title">{{ props.headline }}</h3>
-    <div v-if="$slots.action" class="heading-block__actions">
-      <slot name="action" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-const props = defineProps<{
-  headline: string
-}>()
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.heading-block {
-  @include flex($just: space-between, $align: flex-start);
-  padding: 4px 2px 0;
-  &__title {
-    @include text($fs: 22px, $fw: 400);
-    display: inline-block;
-    vertical-align: middle;
-  }
-  &__actions {
-    :deep(.btn) {
-      margin: 0;
-    }
-  }
-}
-</style>
+<template>
+  <div class="heading-block">
+    <h3 class="heading-block__title">{{ props.headline }}</h3>
+    <div v-if="$slots.action" class="heading-block__actions">
+      <slot name="action" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+const props = defineProps<{
+  headline: string
+}>()
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.heading-block {
+  @include flex($just: space-between, $align: flex-start);
+  padding: 4px 2px 0;
+  &__title {
+    @include text($fs: 22px, $fw: 400);
+    display: inline-block;
+    vertical-align: middle;
+  }
+  &__actions {
+    :deep(.btn) {
+      margin: 0;
+    }
+  }
+}
+</style>

package/components/common/mainNavigationPanel/models/interfaces.ts

@@ -1,6 +1,6 @@
-export interface UI_I_NavigationItem {
-  id: number
-  to: string
-  title: string
-  iconName: string
-}
+export interface UI_I_NavigationItem {
+  id: number
+  to: string
+  title: string
+  iconName: string
+}

package/components/common/mainNavigationPanel/models/types.ts

@@ -1 +1 @@
-export type UI_T_ParentStatus = 0 | 1 | 2 // 0 => procurator; 1 => sphere и пока не получили имя пользователя; 2 => sphere и получили имя пользователя
+export type UI_T_ParentStatus = 0 | 1 | 2 // 0 => procurator; 1 => sphere и пока не получили имя пользователя; 2 => sphere и получили имя пользователя

package/components/common/modals/Confirmation.vue

@@ -1,71 +1,71 @@
-<template>
-  <atoms-modal
-    width="580px"
-    class="confirm-modal"
-    show
-    :title="props.headline"
-    @hide="onHideModal"
-  >
-    <template #modalBody>
-      <div class="confirm-modal__body">
-        <atoms-the-icon
-          name="exclamation-triangle"
-          class="confirm-modal__icon"
-        />
-
-        <p class="confirm-modal__text">
-          {{ props.description }}
-        </p>
-      </div>
-    </template>
-
-    <template #modalFooter>
-      <button class="btn btn-outline" @click="onHideModal">
-        {{ localization.cancel }}
-      </button>
-      <button class="btn btn-warning" @click="onRemove">
-        {{ localization.remove }}
-      </button>
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    description: string
-    headline?: string
-    testId?: string
-  }>(),
-  { testId: 'common-confirmation', headline: '' }
-)
-const emits = defineEmits<{
-  (event: 'hide-modal'): void
-  (event: 'confirm'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onRemove = (): void => emits('confirm')
-const onHideModal = (): void => emits('hide-modal')
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.confirm-modal {
-  &__body {
-    @include flex($align: center);
-  }
-  &__icon {
-    min-width: 40px;
-    height: 40px;
-    margin-right: 20px;
-    fill: #c27b00;
-  }
-  &__text {
-    @include text($fs: 14px, $fw: 300);
-  }
-}
-</style>
+<template>
+  <atoms-modal
+    width="580px"
+    class="confirm-modal"
+    show
+    :title="props.headline"
+    @hide="onHideModal"
+  >
+    <template #modalBody>
+      <div class="confirm-modal__body">
+        <atoms-the-icon
+          name="exclamation-triangle"
+          class="confirm-modal__icon"
+        />
+
+        <p class="confirm-modal__text">
+          {{ props.description }}
+        </p>
+      </div>
+    </template>
+
+    <template #modalFooter>
+      <button class="btn btn-outline" @click="onHideModal">
+        {{ localization.cancel }}
+      </button>
+      <button class="btn btn-warning" @click="onRemove">
+        {{ localization.remove }}
+      </button>
+    </template>
+  </atoms-modal>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    description: string
+    headline?: string
+    testId?: string
+  }>(),
+  { testId: 'common-confirmation', headline: '' }
+)
+const emits = defineEmits<{
+  (event: 'hide-modal'): void
+  (event: 'confirm'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onRemove = (): void => emits('confirm')
+const onHideModal = (): void => emits('hide-modal')
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.confirm-modal {
+  &__body {
+    @include flex($align: center);
+  }
+  &__icon {
+    min-width: 40px;
+    height: 40px;
+    margin-right: 20px;
+    fill: #c27b00;
+  }
+  &__text {
+    @include text($fs: 14px, $fw: 300);
+  }
+}
+</style>

package/components/common/modals/config/defaultForm.ts

@@ -1,18 +1,18 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_RenameForm } from '~/components/common/modals/models/interfaces'
-export const defaultFormRenameFunc = (
-  localization: UI_I_Localization,
-  name: string
-): UI_I_RenameForm => {
-  return {
-    name: {
-      value: name,
-      validations: [
-        {
-          value: 'required',
-          errorText: localization.emptyNameError,
-        },
-      ],
-    },
-  }
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_RenameForm } from '~/components/common/modals/models/interfaces'
+export const defaultFormRenameFunc = (
+  localization: UI_I_Localization,
+  name: string
+): UI_I_RenameForm => {
+  return {
+    name: {
+      value: name,
+      validations: [
+        {
+          value: 'required',
+          errorText: localization.emptyNameError,
+        },
+      ],
+    },
+  }
+}

package/components/common/modals/config/renameLabelWidth.ts

@@ -1,3 +1,3 @@
-export const labelWidthFunc = (str: string): number => {
-  return str.length >= 14 ? 4 : 3
-}
+export const labelWidthFunc = (str: string): number => {
+  return str.length >= 14 ? 4 : 3
+}

package/components/common/modals/models/interfaces.ts

@@ -1,5 +1,5 @@
-import { UI_I_Validation } from '~/models/plugins/validation/interfaces'
-
-export interface UI_I_RenameForm {
-    name: UI_I_Validation
-}
+import { UI_I_Validation } from '~/models/plugins/validation/interfaces'
+
+export interface UI_I_RenameForm {
+    name: UI_I_Validation
+}

package/components/common/monitor/advanced/Advanced.vue

@@ -1,164 +1,164 @@
-<template>
-  <div id="advanced-page" class="fill-parent">
-    <div class="routed-view-panel-layout">
-      <div class="settingsViewHeader">
-        <h3 class="settingsBlockTitle m-0">
-          {{ localization.advancedPerformance }}
-        </h3>
-      </div>
-      <!--      <div v-show="props.advancedLoading || !props.data" class="empty-data">-->
-      <!--        {{ localization.emptyAdvancedGraphText }}-->
-      <!--      </div>-->
-      <div class="fill-parent flex-column">
-        <div class="vertical-flex-container fill-parent">
-          <common-monitor-advanced-tools
-            :type="props.type"
-            :start-date="props.data?.pointStart || 0"
-            :chart-title="props.data?.groupName || ''"
-            :language="props.language"
-            :selected-counters-keys="props.selectedCountersKeys"
-            :selected-metric="props.selectedMetric"
-            :disabled-period="props.disabledPeriod"
-            :disabled-view="props.disabledView"
-            @update-tools="onUpdateTools"
-            @exporting="onExporting"
-            @open-advanced-page="onGetEmptyPage"
-            @select-row="emits('select-row', $event)"
-            @select-metric="emits('select-metric', $event)"
-          />
-
-          <div v-show="!props.data" class="empty-container">
-            {{
-              localization.noPerformanceDataIsAvailableForTheCurrentlySelectedMetrics
-            }}
-          </div>
-
-          <div v-show="props.data">
-            <div class="main-graphs-loader relative">
-              <common-monitor-advanced-graph-view
-                :loading="props.advancedLoading"
-                :data="props.data"
-                :update="update"
-                :export="exportGraph"
-                :selected-row="selectedRow"
-                :dark-mode="props.darkMode"
-                :formatted-datetime="props.formattedDatetime"
-                :get-date-format="props.getDateFormat"
-                :language="props.language"
-              />
-              <div class="datatable">
-                <common-monitor-advanced-table
-                  :data="props.tableData"
-                  @select="onCheckSelectedRow"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/models/types'
-import { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/models/interfaces'
-import { UI_I_MonitorGraphPayload } from '~/components/common/monitor/models/interfaces'
-import { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/models/interfaces'
-import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
-import {
-  T_ChartHost,
-  T_ChartVm,
-} from '~/components/common/monitor/advanced/tools/chartOptionsModal/models/types'
-
-const props = defineProps<{
-  type: UI_T_AdvancedType
-  advancedLoading: boolean
-  data: I_SeriesLine | null
-  tableData: UI_I_PerformanceItem[] | []
-  language: string
-  darkMode: boolean
-  formattedDatetime: any
-  getDateFormat: any
-  selectedCountersKeys: number[]
-  selectedMetric: T_ChartHost | T_ChartVm
-  disabledPeriod?: boolean
-  disabledView?: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'update-tools', value: UI_I_MonitorGraphPayload): void
-  (event: 'open-advanced-page'): void
-  (event: 'update-selected-row', value: number[]): void
-  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
-  (event: 'select-metric', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onUpdateTools = (tools: UI_I_MonitorGraphPayload): void =>
-  emits('update-tools', tools)
-
-const exportGraph = ref<string>('')
-const onExporting = (key: string): void => {
-  exportGraph.value = key
-}
-
-const onGetEmptyPage = (): void => emits('open-advanced-page')
-
-const update = ref<number>(0)
-
-const selectedRow = ref<number[]>([])
-const onCheckSelectedRow = (data: number[]): void => {
-  selectedRow.value = data
-}
-</script>
-
-<style scoped lang="scss">
-#advanced-page {
-  overflow-x: hidden;
-}
-.fill-parent {
-  flex-direction: column;
-
-  .empty-data {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .empty-container {
-    min-height: 300px;
-    height: 100%;
-    background-color: var(--block-view-bg-color5);
-    display: flex;
-    flex-grow: 1;
-    flex-shrink: 1;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-  }
-
-  .routed-view-panel-layout {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-
-    .settingsViewHeader {
-      display: flex;
-      align-items: center;
-      box-sizing: border-box;
-
-      .settingsBlockTitle {
-        font-size: 22px;
-        font-weight: 400;
-        color: var(--light-white-100);
-        padding: 4px 0 4px 2px;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div id="advanced-page" class="fill-parent">
+    <div class="routed-view-panel-layout">
+      <div class="settingsViewHeader">
+        <h3 class="settingsBlockTitle m-0">
+          {{ localization.advancedPerformance }}
+        </h3>
+      </div>
+      <!--      <div v-show="props.advancedLoading || !props.data" class="empty-data">-->
+      <!--        {{ localization.emptyAdvancedGraphText }}-->
+      <!--      </div>-->
+      <div class="fill-parent flex-column">
+        <div class="vertical-flex-container fill-parent">
+          <common-monitor-advanced-tools
+            :type="props.type"
+            :start-date="props.data?.pointStart || 0"
+            :chart-title="props.data?.groupName || ''"
+            :language="props.language"
+            :selected-counters-keys="props.selectedCountersKeys"
+            :selected-metric="props.selectedMetric"
+            :disabled-period="props.disabledPeriod"
+            :disabled-view="props.disabledView"
+            @update-tools="onUpdateTools"
+            @exporting="onExporting"
+            @open-advanced-page="onGetEmptyPage"
+            @select-row="emits('select-row', $event)"
+            @select-metric="emits('select-metric', $event)"
+          />
+
+          <div v-show="!props.data" class="empty-container">
+            {{
+              localization.noPerformanceDataIsAvailableForTheCurrentlySelectedMetrics
+            }}
+          </div>
+
+          <div v-show="props.data">
+            <div class="main-graphs-loader relative">
+              <common-monitor-advanced-graph-view
+                :loading="props.advancedLoading"
+                :data="props.data"
+                :update="update"
+                :export="exportGraph"
+                :selected-row="selectedRow"
+                :dark-mode="props.darkMode"
+                :formatted-datetime="props.formattedDatetime"
+                :get-date-format="props.getDateFormat"
+                :language="props.language"
+              />
+              <div class="datatable">
+                <common-monitor-advanced-table
+                  :data="props.tableData"
+                  @select="onCheckSelectedRow"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_T_AdvancedType } from '~/components/common/monitor/advanced/models/types'
+import { I_SeriesLine } from 'bfg-nuxt-3-graph/graph/models/interfaces'
+import { UI_I_MonitorGraphPayload } from '~/components/common/monitor/models/interfaces'
+import { UI_I_PerformanceItem } from '~/components/common/monitor/advanced/table/models/interfaces'
+import { UI_I_AdvancedCounterItem } from '~/components/common/monitor/advanced/tools/chartOptionsModal/counters/table/models/interfaces'
+import {
+  T_ChartHost,
+  T_ChartVm,
+} from '~/components/common/monitor/advanced/tools/chartOptionsModal/models/types'
+
+const props = defineProps<{
+  type: UI_T_AdvancedType
+  advancedLoading: boolean
+  data: I_SeriesLine | null
+  tableData: UI_I_PerformanceItem[] | []
+  language: string
+  darkMode: boolean
+  formattedDatetime: any
+  getDateFormat: any
+  selectedCountersKeys: number[]
+  selectedMetric: T_ChartHost | T_ChartVm
+  disabledPeriod?: boolean
+  disabledView?: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'update-tools', value: UI_I_MonitorGraphPayload): void
+  (event: 'open-advanced-page'): void
+  (event: 'update-selected-row', value: number[]): void
+  (event: 'select-row', value: UI_I_AdvancedCounterItem[]): void
+  (event: 'select-metric', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onUpdateTools = (tools: UI_I_MonitorGraphPayload): void =>
+  emits('update-tools', tools)
+
+const exportGraph = ref<string>('')
+const onExporting = (key: string): void => {
+  exportGraph.value = key
+}
+
+const onGetEmptyPage = (): void => emits('open-advanced-page')
+
+const update = ref<number>(0)
+
+const selectedRow = ref<number[]>([])
+const onCheckSelectedRow = (data: number[]): void => {
+  selectedRow.value = data
+}
+</script>
+
+<style scoped lang="scss">
+#advanced-page {
+  overflow-x: hidden;
+}
+.fill-parent {
+  flex-direction: column;
+
+  .empty-data {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .empty-container {
+    min-height: 300px;
+    height: 100%;
+    background-color: var(--block-view-bg-color5);
+    display: flex;
+    flex-grow: 1;
+    flex-shrink: 1;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  .routed-view-panel-layout {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+
+    .settingsViewHeader {
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+
+      .settingsBlockTitle {
+        font-size: 22px;
+        font-weight: 400;
+        color: var(--light-white-100);
+        padding: 4px 0 4px 2px;
+      }
+    }
+  }
+}
+</style>