MT#58500 [CSC]Cannot assign seat on SNOM D865 devices

Change-Id: Ic2e13a012435783e7e919c49bd9e39db55a8e7a7

src/components/pages/PbxConfiguration/CscPbxAutoAttendantSelection.vue

@@ -1,6 +1,8 @@
 <template>
     <q-select
         :label="selectedKeyLabel"
+        :model-value="modelValue"
+        :options="options"
         v-bind="$attrs"
     >
         <template
@@ -37,6 +39,14 @@
 export default {
     name: 'CscPbxAutoAttendantSelection',
     props: {
+        modelValue: {
+            type: Object,
+            default: undefined
+        },
+        options: {
+            type: Array,
+            default: () => []
+        },
         showSelectedItemIcon: {
             type: Boolean,
             default: true
@@ -44,19 +54,15 @@ export default {
     },
     computed: {
         selectedKeyLabel () {
-            const selectedValue = this.$attrs.value || { type: null }
+            const selectedValue = this.modelValue || { subscriberTypeTitle: null }
             let label = this.$t('Group/Seat/Pilot')
-            if (selectedValue.type !== null) {
+            if (selectedValue.subscriberTypeTitle !== null) {
-                label = ({
+                label = this.$t(selectedValue.subscriberTypeTitle)
-                    pilot: this.$t('Pilot'),
-                    seat: this.$t('Seat'),
-                    group: this.$t('Group')
-                })[selectedValue.type]
             }
             return label
         },
         selectedKeyIcon () {
-            return this.$attrs.value?.icon
+            return this.modelValue?.icon
         }
     }
 }

src/components/pages/PbxConfiguration/CscPbxDeviceConfig.vue

@@ -256,7 +256,7 @@ export default {
         },
         onSave (newLine) {
             const newLines = []
-            const lines = _.clone(this.lines)
+            const lines = _.cloneDeep(this.lines)
             const line = this.getLineByKey(this.selectedKey)
             if (line !== null && newLine.type === null) {
                 delete lines[line.index]

src/components/pages/PbxConfiguration/CscPbxDeviceConfigKeyForm.vue

@@ -48,10 +48,10 @@
         />
         <csc-pbx-auto-attendant-selection
             v-if="changes.type && !hasTargetNumber"
-            :value="selectedKeySubscriber"
+            v-model="selectedKeySubscriber"
             :options="subscriberOptions"
             :disable="loading"
-            @input="keySubscriberChanged"
+            @update:model-value="keySubscriberChanged"
         />
         <csc-input
             v-if="showCustomNumberToggle && hasTargetNumber"
@@ -64,7 +64,7 @@
             :error="v$.changes.target_number.$errors.length > 0"
             :error-message="targetNumberErrorMessage"
             :label="$t('Number')"
-            @input="v$.changes.target_number.$touch()"
+            @update:model-value="v$.changes.target_number.$touch()"
         />
         <csc-list-spinner
             v-if="loading"

src/components/pages/PbxConfiguration/CscPbxDeviceFilters.vue

@@ -51,14 +51,14 @@
                 />
                 <csc-pbx-auto-attendant-selection
                     v-if="filterType === 'display_name'"
+                    v-model="typedFilter"
                     use-input
                     dense
                     :show-selected-item-icon="false"
-                    :value="typedFilter"
                     :options="subscribersOptionsFiltered"
                     :disable="loading"
                     @filter="filterSubscriberOptions"
-                    @input="triggerFilter"
+                    @update:model-value="triggerFilter"
                 />
             </div>
         </div>