bfg-common 1.4.730 → 1.4.732

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/ChartOptionsModal.vue

@@ -42,19 +42,20 @@
               :selected-chart-type="localSelectedChartType"
               :selected-timespan-type="localSelectedTimespanType"
               :units-count="localUnitsCount"
-              :timespan-period-type="localTimespanPeriodType"
+              :period-type="localTimespanPeriodType"
               :selected-custom-time="localCustomTime"
               :custom-date-from="props.customDateFrom"
               :custom-date-to="props.customDateTo"
               :custom-time-from="props.customTimeFrom"
               :custom-time-to="props.customTimeTo"
+              :valid-date-end="props.validDateEnd"
               @select-power-row="onSelectPowerRow"
               @select-temperature-row="onSelectTemperatureRow"
               @update-chart-type="selectedChartTypeLocal = $event"
               @update-custom-time="localCustomTime = $event"
               @update-timespan-type="timespanType = $event"
               @update-unit-count="unitCount = $event"
-              @update-timespan-period-type="localTimespanPeriodType = $event"
+              @update-period-type="localTimespanPeriodType = $event"
               @update-custom-date-from="onUpdateCustomDateFrom"
               @update-custom-date-to="onUpdateCustomDateTo"
               @update-custom-time-from="onUpdateCustomTimeFrom"
@@ -95,6 +96,8 @@ const props = defineProps<{
   customTimeFrom: string
   customTimeTo: string
   timespanPeriodType: string
+  validDateEnd: number
+  formatDate: string
 }>()
 
 const emits = defineEmits<{
@@ -111,7 +114,7 @@ const emits = defineEmits<{
   (event: 'update-chart-type', value: string): void
   (event: 'update-timespan-type', value: string): void
   (event: 'update-unit-count', value: number): void
-  (event: 'update-timespan-period-type', value: string): void
+  (event: 'update-period-type', value: string): void
   (event: 'update-custom-time', value: string): void
   (event: 'delete-option'): void
   (event: 'save-option-name'): void
@@ -243,7 +246,9 @@ const checkValidations = (): boolean => {
     localCustomDateFrom.value,
     localCustomDateTo.value,
     localCustomTimeFrom.value,
-    localCustomTimeTo.value
+    localCustomTimeTo.value,
+    props.validDateEnd,
+    props.formatDate
   )
 
   if (isDisabledSubmit.value) {
@@ -310,7 +315,9 @@ const onSubmit = (): void => {
       localCustomDateFrom.value,
       localCustomDateTo.value,
       localCustomTimeFrom.value,
-      localCustomTimeTo.value
+      localCustomTimeTo.value,
+      props.validDateEnd,
+      props.formatDate
     )
     if (Array.isArray(checkDateResult)) {
       validPeriod[0] = checkDateResult[0]
@@ -334,7 +341,7 @@ const onSubmit = (): void => {
     period: validPeriod,
   }
 
-  emits('update-timespan-period-type', savedObject.periodType)
+  emits('update-period-type', savedObject.periodType)
   emits('submit-options', savedObject)
   onHide()
 }

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/Counters.vue

@@ -1,94 +1,94 @@
-<template>
-  <div class="vertical-flex-container chart-option-counters-container">
-    <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-table
-      :chart="props.chart"
-      :selected-power-keys="props.selectedPowerKeys"
-      :selected-temperature-keys="props.selectedTemperatureKeys"
-      :power-counters-table-data="props.powerCountersTableData"
-      :temperature-counters-table-data="props.temperatureCountersTableData"
-      @select-power-row="emits('select-power-row', $event)"
-      @select-temperature-row="emits('select-temperature-row', $event)"
-      @total-items="totalMetricItems = $event"
-    />
-    <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan
-      :language="props.language"
-      :selected-chart-type="props.selectedChartType"
-      :selected-timespan-type="props.selectedTimespanType"
-      :units-count="props.unitsCount"
-      :timespan-period-type="props.timespanPeriodType"
-      :selected-custom-time="props.selectedCustomTime"
-      :custom-date-from="props.customDateFrom"
-      :custom-date-to="props.customDateTo"
-      :custom-time-from="props.customTimeFrom"
-      :custom-time-to="props.customTimeTo"
-      @update-chart-type="emits('update-chart-type', $event)"
-      @update-custom-time="emits('update-custom-time', $event)"
-      @update-timespan-type="emits('update-timespan-type', $event)"
-      @update-unit-count="emits('update-unit-count', $event)"
-      @update-timespan-period-type="
-        emits('update-timespan-period-type', $event)
-      "
-      @update-custom-date-from="emits('update-custom-date-from', $event)"
-      @update-custom-date-to="emits('update-custom-date-to', $event)"
-      @update-custom-time-from="emits('update-custom-time-from', $event)"
-      @update-custom-time-to="emits('update-custom-time-to', $event)"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
-import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
-
-const props = defineProps<{
-  chart: UI_T_Chart
-  selectedPowerKeys: number[]
-  selectedTemperatureKeys: number[]
-  powerCountersTableData: UI_I_HardwareHealthSensorsGraph[]
-  temperatureCountersTableData: UI_I_HardwareHealthSensorsGraph[]
-  language: string
-  selectedChartType: string
-  selectedTimespanType: string
-  unitsCount: number
-  timespanPeriodType: string
-  selectedCustomTime: string
-  customDateFrom: string
-  customDateTo: string
-  customTimeFrom: string
-  customTimeTo: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-power-row', value: UI_I_HardwareHealthSensorsGraph[]): void
-  (
-    event: 'select-temperature-row',
-    value: UI_I_HardwareHealthSensorsGraph[]
-  ): void
-  (event: 'update-chart-type', value: string): void
-  (event: 'update-custom-time', value: string): void
-  (event: 'update-timespan-type', value: string): void
-  (event: 'update-unit-count', value: number): void
-  (event: 'update-timespan-period-type', value: string): void
-  (event: 'update-custom-date-from', value: string): void
-  (event: 'update-custom-date-to', value: string): void
-  (event: 'update-custom-time-from', value: string): void
-  (event: 'update-custom-time-to', value: string): void
-}>()
-
-const totalMetricItems = ref<number>(0)
-</script>
-
-<style scoped lang="scss">
-.chart-option-counters-container {
-  margin-top: 20px;
-  flex-basis: 80%;
-  padding-left: 15px;
-  max-width: 80%;
-}
-@media (max-width: 1024px) {
-  .chart-option-counters-container {
-    max-width: unset;
-    padding-left: 0;
-  }
-}
-</style>
+<template>
+  <div class="vertical-flex-container chart-option-counters-container">
+    <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-table
+      :chart="props.chart"
+      :selected-power-keys="props.selectedPowerKeys"
+      :selected-temperature-keys="props.selectedTemperatureKeys"
+      :power-counters-table-data="props.powerCountersTableData"
+      :temperature-counters-table-data="props.temperatureCountersTableData"
+      @select-power-row="emits('select-power-row', $event)"
+      @select-temperature-row="emits('select-temperature-row', $event)"
+      @total-items="totalMetricItems = $event"
+    />
+    <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan
+      :language="props.language"
+      :selected-chart-type="props.selectedChartType"
+      :selected-timespan-type="props.selectedTimespanType"
+      :units-count="props.unitsCount"
+      :period-type="props.periodType"
+      :selected-custom-time="props.selectedCustomTime"
+      :custom-date-from="props.customDateFrom"
+      :custom-date-to="props.customDateTo"
+      :custom-time-from="props.customTimeFrom"
+      :custom-time-to="props.customTimeTo"
+      :valid-date-end="props.validDateEnd"
+      @update-chart-type="emits('update-chart-type', $event)"
+      @update-custom-time="emits('update-custom-time', $event)"
+      @update-timespan-type="emits('update-timespan-type', $event)"
+      @update-unit-count="emits('update-unit-count', $event)"
+      @update-period-type="emits('update-period-type', $event)"
+      @update-custom-date-from="emits('update-custom-date-from', $event)"
+      @update-custom-date-to="emits('update-custom-date-to', $event)"
+      @update-custom-time-from="emits('update-custom-time-from', $event)"
+      @update-custom-time-to="emits('update-custom-time-to', $event)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_HardwareHealthSensorsGraph } from '~/components/common/pages/hardwareHealth/historyTestimony/lib/models/interfaces'
+import type { UI_T_Chart } from '~/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/lib/models/types'
+
+const props = defineProps<{
+  chart: UI_T_Chart
+  selectedPowerKeys: number[]
+  selectedTemperatureKeys: number[]
+  powerCountersTableData: UI_I_HardwareHealthSensorsGraph[]
+  temperatureCountersTableData: UI_I_HardwareHealthSensorsGraph[]
+  language: string
+  selectedChartType: string
+  selectedTimespanType: string
+  unitsCount: number
+  periodType: string
+  selectedCustomTime: string
+  customDateFrom: string
+  customDateTo: string
+  customTimeFrom: string
+  customTimeTo: string
+  validDateEnd: number
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-power-row', value: UI_I_HardwareHealthSensorsGraph[]): void
+  (
+    event: 'select-temperature-row',
+    value: UI_I_HardwareHealthSensorsGraph[]
+  ): void
+  (event: 'update-chart-type', value: string): void
+  (event: 'update-custom-time', value: string): void
+  (event: 'update-timespan-type', value: string): void
+  (event: 'update-unit-count', value: number): void
+  (event: 'update-period-type', value: string): void
+  (event: 'update-custom-date-from', value: string): void
+  (event: 'update-custom-date-to', value: string): void
+  (event: 'update-custom-time-from', value: string): void
+  (event: 'update-custom-time-to', value: string): void
+}>()
+
+const totalMetricItems = ref<number>(0)
+</script>
+
+<style scoped lang="scss">
+.chart-option-counters-container {
+  margin-top: 20px;
+  flex-basis: 80%;
+  padding-left: 15px;
+  max-width: 80%;
+}
+@media (max-width: 1024px) {
+  .chart-option-counters-container {
+    max-width: unset;
+    padding-left: 0;
+  }
+}
+</style>

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/counters/timespan/Timespan.vue

@@ -1,66 +1,66 @@
-<template>
-  <div class="timespan-objects-section-direction">
-    <common-pages-hardware-health-history-testimony-tools-chart-options-modal-counters-timespan-form
-      :language="props.language"
-      :selected-chart-type="props.selectedChartType"
-      :selected-timespan-type="props.selectedTimespanType"
-      :units-count="props.unitsCount"
-      :timespan-period-type="props.timespanPeriodType"
-      :selected-custom-time="props.selectedCustomTime"
-      :custom-date-from="props.customDateFrom"
-      :custom-date-to="props.customDateTo"
-      :custom-time-from="props.customTimeFrom"
-      :custom-time-to="props.customTimeTo"
-      @update-chart-type="emits('update-chart-type', $event)"
-      @update-custom-time="emits('update-custom-time', $event)"
-      @update-timespan-type="emits('update-timespan-type', $event)"
-      @update-unit-count="emits('update-unit-count', $event)"
-      @update-timespan-period-type="
-        emits('update-timespan-period-type', $event)
-      "
-      @update-custom-date-from="emits('update-custom-date-from', $event)"
-      @update-custom-date-to="emits('update-custom-date-to', $event)"
-      @update-custom-time-from="emits('update-custom-time-from', $event)"
-      @update-custom-time-to="emits('update-custom-time-to', $event)"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  language: string
-  selectedChartType: string
-  selectedTimespanType: string
-  unitsCount: number
-  timespanPeriodType: string
-  selectedCustomTime: string
-  customDateFrom: string
-  customDateTo: string
-  customTimeFrom: string
-  customTimeTo: string
-}>()
-
-const emits = defineEmits<{
-  (event: 'update-chart-type', value: string): void
-  (event: 'update-custom-time', value: string): void
-  (event: 'update-timespan-type', value: string): void
-  (event: 'update-unit-count', value: number): void
-  (event: 'update-timespan-period-type', value: string): void
-  (event: 'update-custom-date-from', value: string): void
-  (event: 'update-custom-date-to', value: string): void
-  (event: 'update-custom-time-from', value: string): void
-  (event: 'update-custom-time-to', value: string): void
-}>()
-</script>
-
-<style scoped lang="scss">
-.timespan-objects-section-direction {
-  display: flex;
-  flex-direction: row;
-}
-@media (max-width: 1024px) {
-  .timespan-objects-section-direction {
-    flex-direction: column;
-  }
-}
-</style>
+<template>
+  <div class="timespan-objects-section-direction">
+    <common-chart-options-modal-counters-timespan-form
+      :language="props.language"
+      :selected-chart-type="props.selectedChartType"
+      :selected-timespan-type="props.selectedTimespanType"
+      :units-count="props.unitsCount"
+      :period-type="props.periodType"
+      :selected-custom-time="props.selectedCustomTime"
+      :custom-date-from="props.customDateFrom"
+      :custom-date-to="props.customDateTo"
+      :custom-time-from="props.customTimeFrom"
+      :custom-time-to="props.customTimeTo"
+      :valid-date-end="props.validDateEnd"
+      @update-chart-type="emits('update-chart-type', $event)"
+      @update-custom-time="emits('update-custom-time', $event)"
+      @update-timespan-type="emits('update-timespan-type', $event)"
+      @update-unit-count="emits('update-unit-count', $event)"
+      @update-period-type="emits('update-period-type', $event)"
+      @update-custom-date-from="emits('update-custom-date-from', $event)"
+      @update-custom-date-to="emits('update-custom-date-to', $event)"
+      @update-custom-time-from="emits('update-custom-time-from', $event)"
+      @update-custom-time-to="emits('update-custom-time-to', $event)"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  language: string
+  selectedChartType: string
+  selectedTimespanType: string
+  unitsCount: number
+  periodType: string
+  selectedCustomTime: string
+  customDateFrom: string
+  customDateTo: string
+  customTimeFrom: string
+  customTimeTo: string
+  validDateEnd: number
+}>()
+
+const emits = defineEmits<{
+  (event: 'update-chart-type', value: string): void
+  (event: 'update-custom-time', value: string): void
+  (event: 'update-timespan-type', value: string): void
+  (event: 'update-unit-count', value: number): void
+  (event: 'update-period-type', value: string): void
+  (event: 'update-custom-date-from', value: string): void
+  (event: 'update-custom-date-to', value: string): void
+  (event: 'update-custom-time-from', value: string): void
+  (event: 'update-custom-time-to', value: string): void
+}>()
+</script>
+
+<style scoped lang="scss">
+.timespan-objects-section-direction {
+  display: flex;
+  flex-direction: row;
+}
+@media (max-width: 1024px) {
+  .timespan-objects-section-direction {
+    flex-direction: column;
+  }
+}
+</style>

package/components/common/pages/home/StatusContent.vue

@@ -1,49 +1,49 @@
-<template>
-  <div class="entity-status-content">
-    <div v-for="(text, value) in props.items" :key="value" class="item">
-      <h3 class="entity-status-item-value">
-        {{ text }}
-      </h3>
-      <div class="entity-status-item-status">
-        {{ localization.common[value] }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
-
-const props = defineProps<{
-  items: UI_I_Hosts
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.entity-status-content {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  min-height: 100px;
-
-  .item {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    color: inherit;
-    background-color: inherit;
-
-    .entity-status-item-value {
-      font-size: 22px;
-      font-weight: 200;
-    }
-    .entity-status-item-status {
-      font-size: 13px;
-      margin-top: 5px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="entity-status-content">
+    <div v-for="(text, value) in props.items" :key="value" class="item">
+      <h3 class="entity-status-item-value">
+        {{ text }}
+      </h3>
+      <div class="entity-status-item-status">
+        {{ localization.common[value] }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Hosts } from '~/components/common/pages/home/lib/models/interfaces'
+
+const props = defineProps<{
+  items: UI_I_Hosts
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.entity-status-content {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  min-height: 100px;
+
+  .item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: inherit;
+    background-color: inherit;
+
+    .entity-status-item-value {
+      font-size: 22px;
+      font-weight: 200;
+    }
+    .entity-status-item-status {
+      font-size: 13px;
+      margin-top: 5px;
+    }
+  }
+}
+</style>

package/components/common/pages/home/headline/Headline.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="home-headline">
-    <common-pages-home-headline-new
-      v-if="isNewView"
-      v-model="selectedZone"
-      :data="zoneOptionList"
-      :project="props.project"
-    ></common-pages-home-headline-new>
-
-    <common-pages-home-headline-old
-      v-else
-      v-model="selectedZone"
-      :data="zoneOptionList"
-    ></common-pages-home-headline-old>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_ZoneList } from '~/components/common/pages/home/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const selectedZone = defineModel<string>('selectedZone', { required: true })
-
-const props = defineProps<{
-  zoneList: UI_I_ZoneList[]
-  project: UI_T_Project
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const zoneOptionList = computed<UI_I_ZoneList[]>(() => props.zoneList)
-</script>
-
-<style lang="scss">
-:root {
-  --home-title-color: #4d5d69;
-}
-
-:root.dark-theme {
-  --home-title-color: #e9eaec;
-}
-</style>
+<template>
+  <div class="home-headline">
+    <common-pages-home-headline-new
+      v-if="isNewView"
+      v-model="selectedZone"
+      :data="zoneOptionList"
+      :project="props.project"
+    ></common-pages-home-headline-new>
+
+    <common-pages-home-headline-old
+      v-else
+      v-model="selectedZone"
+      :data="zoneOptionList"
+    ></common-pages-home-headline-old>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_ZoneList } from '~/components/common/pages/home/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+const selectedZone = defineModel<string>('selectedZone', { required: true })
+
+const props = defineProps<{
+  zoneList: UI_I_ZoneList[]
+  project: UI_T_Project
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const zoneOptionList = computed<UI_I_ZoneList[]>(() => props.zoneList)
+</script>
+
+<style lang="scss">
+:root {
+  --home-title-color: #4d5d69;
+}
+
+:root.dark-theme {
+  --home-title-color: #e9eaec;
+}
+</style>