bfg-common 1.4.462 → 1.4.464

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

@@ -0,0 +1,33 @@
+<template>
+  <div class="headline">
+    <common-pages-home-headline-new
+      v-if="isNewView"
+      :data="zoneOptionList"
+    ></common-pages-home-headline-new>
+
+    <common-pages-home-headline-old
+      v-else
+      :data="zoneOptionList"
+    ></common-pages-home-headline-old>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_ZoneList } from '~/components/common/home/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+import { getZoneOptionItemsFunc } from '~/components/common/pages/home/headline/lib/config/panelTabList'
+
+const props = defineProps<{
+  zoneList: UI_I_ZoneList
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const zoneOptionList = computed<UI_I_Option[]>(() =>
+  getZoneOptionItemsFunc(props.zoneList)
+)
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,28 @@
+<template>
+  <div>
+    <h1>{{ localization.mainNavigation.home }}</h1>
+
+    <ui-select
+      v-model="selected"
+      :items="selectItems"
+      width="165px"
+      select-width="100%"
+      size="sm"
+      test-id="home-zone-select"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selected = ref<any>()
+const selectItems = computed<UI_I_Dropdown[]>(() => {
+  return []
+})
+</script>
+
+<style lang="scss" scoped></style>

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

@@ -0,0 +1,32 @@
+<template>
+  <h2 class="page-title">
+    {{ localization.mainNavigation.home }}
+  </h2>
+
+  <atoms-select-the-select
+    v-model="selectedItem"
+    :options="props.data"
+    test-id="home-zone-select"
+    @update:model-value="emits('update')"
+  >
+    <span :class="'vsphere-icon-vcenter'" />
+  </atoms-select-the-select>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_Option[]
+}>()
+const emits = defineEmits<{
+  (event: 'update'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedItem = ref<number>(0)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/pages/home/headline/lib/config/panelTabList.ts

@@ -0,0 +1,10 @@
+import type { UI_I_ZoneList } from '~/components/common/home/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+export const getZoneOptionItemsFunc = (list: UI_I_ZoneList[]): UI_I_Option[] => {
+  return list.map((zone: UI_I_ZoneList) => {
+    return {
+      value: zone.id,
+      text: zone.name,
+    }
+  })
+}

package/package.json

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