bfg-common 1.4.732 → 1.4.734

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

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

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

@@ -1,66 +1,66 @@
-<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>
+<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>