convert language selection to smart-select in script-general-settings

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
openhab · Feb 18, 2024 · d377ce2 · d377ce2
1 parent 7e1d6ae
commit d377ce2
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue b/bundles/org.openhab.ui/web/src/pages/settings/rules/script/script-general-settings.vue
@@ -8,15 +8,13 @@
             <f7-list-input :label="scriptType + ' Title'" type="text" :value="module.label" :placeholder="suggestedModuleTitle(module, moduleType)" @input="module.label = $event.target.value" :disabled="!editable" :clear-button="editable" />
             <f7-list-input label="Description" type="text" :value="module.description" :placeholder="suggestedModuleDescription(module, moduleType)" @input="module.description = $event.target.value" :disabled="!editable" :clear-button="editable" />
           </template>
-          <f7-list-input label="Scripting Language" type="select" :key="mode" @input="$emit('newLanguage', $event.target.value)">
-            <option v-for="language in languages"
-                    :key="language.contentType"
-                    :value="language.contentType"
-                    :selected="mode === language.contentType"
-                    :disabled="!editable">
-              {{ language.name }} ({{ language.version }})
-            </option>
-          </f7-list-input>
+          <f7-list-item title="Scripting Language" class="aligned-smart-select" :disabled="!editable" :key="mode" smart-select :smart-select-params="{openIn: 'popover', closeOnSelect: true}">
+            <select @change="$emit('newLanguage', $event.target.value)">
+              <option v-for="language in languages" :key="language.contentType" :value="language.contentType" :selected="language.contentType === mode">
+                {{ language.name }} ({{ language.version }})
+              </option>
+            </select>
+          </f7-list-item>
         </f7-list>
       </f7-col>
     </f7-block>