bfg-common 1.4.476 → 1.4.479

package/components/common/pages/home/widgets/Widgets.vue

@@ -0,0 +1,56 @@
+<template>
+  <common-pages-home-widgets-new
+    v-if="isNewView"
+    :vms="vms"
+    :vms-all="vmsAll"
+    :hosts="hosts"
+    :hosts-all="hostsAll"
+    :alerts="alerts || []"
+    :services="services || []"
+  ></common-pages-home-widgets-new>
+
+  <common-pages-home-widgets-old
+    v-else
+    :vms="vms"
+    :vms-all="vmsAll"
+    :hosts="hosts"
+    :hosts-all="hostsAll"
+    :alerts="alerts || []"
+    :services="services || []"
+  ></common-pages-home-widgets-old>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_Alert,
+  UI_I_HomeInfo,
+  UI_I_Hosts,
+  UI_I_Vms,
+  UI_I_Service,
+} from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  homeInfo: UI_I_HomeInfo
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const vms = computed<UI_I_Vms>(() => props.homeInfo.vms || {})
+
+const hosts = computed<UI_I_Hosts>(() => props.homeInfo.hosts || {})
+const vmsAll = computed<number>(
+  () => vms.value.powered_on + vms.value.powered_off + vms.value.suspended || 0
+)
+const hostsAll = computed<number>(
+  () =>
+    hosts.value.connected +
+      hosts.value.maintenance +
+      hosts.value.disconnected || 0
+)
+const alerts = computed<UI_I_Alert[]>(() => props.homeInfo.alerts || 0)
+const services = computed<UI_I_Service[]>(() => props.homeInfo.services || 0)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/WidgetsNew.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="clr-row">
+    <common-pages-home-widgets-vms :vms="vms" :vms-all="vmsAll" />
+
+    <common-pages-home-widgets-hosts :hosts="hosts" :hosts-all="hostsAll" />
+
+    <common-pages-home-widgets-warnings :alerts="alerts || []" />
+
+    <common-pages-home-widgets-services :services="services || []" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_Alert,
+  UI_I_Hosts,
+  UI_I_Vms,
+  UI_I_Service,
+} from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  vms: UI_I_Vms
+  hosts: UI_I_Hosts
+  vmsAll: number
+  hostsAll: number
+  alerts: UI_I_Alert[]
+  services: UI_I_Service[]
+}>()
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/WidgetsOld.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="clr-row">
+    <common-pages-home-widgets-vms :vms="props.vms" :vms-all="props.vmsAll" />
+
+    <common-pages-home-widgets-hosts
+      :hosts="props.hosts"
+      :hosts-all="props.hostsAll"
+    />
+
+    <common-pages-home-widgets-warnings :alerts="props.alerts" />
+
+    <common-pages-home-widgets-services :services="props.services" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_Alert,
+  UI_I_Hosts,
+  UI_I_Vms,
+  UI_I_Service,
+} from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  vms: UI_I_Vms
+  hosts: UI_I_Hosts
+  vmsAll: number
+  hostsAll: number
+  alerts: UI_I_Alert[]
+  services: UI_I_Service[]
+}>()
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/hosts/Hosts.vue

@@ -6,7 +6,7 @@
   <common-pages-home-widgets-hosts-old
     v-else
     :hosts="props.hosts"
-    :hostsAll="props.hostsAll"
+    :hosts-all="props.hostsAll"
   ></common-pages-home-widgets-hosts-old>
 </template>
 

package/components/common/pages/home/widgets/services/Services.vue

@@ -0,0 +1,24 @@
+<template>
+  <common-pages-home-widgets-services-new
+    v-if="isNewView"
+  ></common-pages-home-widgets-services-new>
+
+  <common-pages-home-widgets-services-old
+    v-else
+    :services="props.services"
+  ></common-pages-home-widgets-services-old>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  services: UI_I_Service[]
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/services/ServicesNew.vue

@@ -0,0 +1,10 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/components/common/pages/home/widgets/services/ServicesOld.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="clr-col-md-6 clr-col-sm-12">
+    <div class="entity-status">
+      <common-pages-home-card
+        :title="localization.common.services"
+        :count="props.services.length"
+        icon-name="icon-content-libraries"
+        class="most-alerts"
+      >
+        <common-home-services-table :data-table="props.services" />
+      </common-pages-home-card>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Service } from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  services: UI_I_Service[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/vms/Vms.vue

@@ -6,7 +6,7 @@
   <common-pages-home-widgets-vms-old
     v-else
     :vms="props.vms"
-    :vmsAll="props.vmsAll"
+    :vms-all="props.vmsAll"
   ></common-pages-home-widgets-vms-old>
 </template>
 

package/components/common/pages/home/widgets/warnings/Warnings.vue

@@ -0,0 +1,24 @@
+<template>
+  <common-pages-home-widgets-warnings-new
+    v-if="isNewView"
+  ></common-pages-home-widgets-warnings-new>
+
+  <common-pages-home-widgets-warnings-old
+    v-else
+    :alerts="props.alerts"
+  ></common-pages-home-widgets-warnings-old>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Alert } from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  alerts: UI_I_Alert[]
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/widgets/warnings/WarningsNew.vue

@@ -0,0 +1,10 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup>
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/components/common/pages/home/widgets/warnings/WarningsOld.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="clr-col-md-6 clr-col-sm-12">
+    <div class="entity-status">
+      <common-pages-home-card
+        :title="localization.home.objectsWithMostAlerts"
+        :count="props.alerts.length"
+        icon-name="vsphere-icon-datastore"
+        class="most-alerts"
+      >
+        <common-home-alerts-table
+          :data-table="props.alerts"
+          @select-node-of-tree="emits('select-node-of-tree')"
+        />
+      </common-pages-home-card>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Alert } from '~/components/common/home/lib/models/interfaces'
+
+const props = defineProps<{
+  alerts: UI_I_Alert[]
+}>()
+const emits = defineEmits<{
+  (event: 'select-node-of-tree'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.476",
+  "version": "1.4.479",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",