bfg-common 1.4.680 → 1.4.681

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

@@ -17,24 +17,20 @@
 
 <script lang="ts" setup>
 import type { UI_I_ZoneList } from '~/components/common/pages/home/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
-import { getZoneOptionItemsFunc } from '~/components/common/pages/home/headline/lib/config/panelTabList'
+
+const selectedZone = defineModel<string>('selectedZone', { required: true })
 
 const props = defineProps<{
-  zoneList: UI_I_ZoneList
+  zoneList: UI_I_ZoneList[]
   project: UI_T_Project
 }>()
 
 const { $store }: any = useNuxtApp()
 
-const selectedZone = ref<number>(0)
-
 const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
 
-const zoneOptionList = computed<UI_I_Option[]>(() =>
-  getZoneOptionItemsFunc(props.zoneList)
-)
+const zoneOptionList = computed<UI_I_ZoneList[]>(() => props.zoneList)
 </script>
 
 <style lang="scss">

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

@@ -26,19 +26,19 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 
+const selectedZoneModel = defineModel<string>({ required: true })
 const props = defineProps<{
   project: UI_T_Project
+  data: UI_I_Option[]
 }>()
-const selectedZoneModel = defineModel<number>({ required: true })
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const isProjectSphere = computed<boolean>(() => props.project === 'sphere')
 
-const selectItems = computed<UI_I_Dropdown[]>(() => {
-  return []
-})
+const selectItems = computed<UI_I_Dropdown[]>(() => props.data)
 </script>
 
 <style lang="scss" scoped>

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

@@ -17,13 +17,13 @@
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 
+const selectedZoneModel = defineModel<string>({ required: true })
 const props = defineProps<{
   data: UI_I_Option[]
 }>()
 const emits = defineEmits<{
   (event: 'update'): void
 }>()
-const selectedZoneModel = defineModel<number>({ required: true })
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>

package/components/common/pages/home/lib/models/interfaces.ts

@@ -1,10 +1,8 @@
 import type { UI_T_NodeType } from '~/components/common/pages/home/lib/models/types'
 import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
 
-export interface UI_I_ZoneList {
-  name: string
-  id: number
-}
+export interface UI_I_ZoneList extends UI_I_Option {}
 export interface UI_I_Hosts {
   connected: number
   disconnected: number

package/package.json

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

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

@@ -1,10 +0,0 @@
-import type { UI_I_ZoneList } from '~/components/common/pages/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,
-    }
-  })
-}