Add new label configuration for edit fields

conterra · Feb 1, 2024 · ff41b3e · ff41b3e
1 parent 01dd95e
commit ff41b3e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/main/js/apps/sample/app.json b/src/main/js/apps/sample/app.json
@@ -233,7 +233,6 @@
                                     "relationalOperator": false,
                                     "value": true
                                 },
-
                                 {
                                     "label": "Baumart 2",
                                     "field": false,

diff --git a/src/main/js/bundles/dn_querybuilder/FieldWidget.vue b/src/main/js/bundles/dn_querybuilder/FieldWidget.vue
@@ -35,7 +35,17 @@
                         xs7
                         md4
                     >
+                        <v-text-field
+                            v-if="fieldQuery.label"
+                            :value="fieldQuery.label"
+                            class="pa-0 ma-0"
+                            disabled
+                            single-line
+                            hide-details
+                            :aria-label="firstSelectAriaLabel"
+                        />
                         <v-select
+                            v-else
                             :id="'selectedFieldId' + index"
                             ref="selectedFieldIdSelect"
                             v-model="fieldQuery.selectedFieldId"

diff --git a/src/main/js/bundles/dn_querybuilder/QueryBuilderWidgetModel.js b/src/main/js/bundles/dn_querybuilder/QueryBuilderWidgetModel.js
@@ -326,7 +326,8 @@ export default declare({
                     value: value || "",
                     disableField: !editOptions.field,
                     disableRelationalOperator: !editOptions.relationalOperator,
-                    disableValue: !editOptions.value
+                    disableValue: !editOptions.value,
+                    label: editOptions.label
                 });
                 this.loading = false;
             }, this);