Add trash icon and syntax fix

Icinga · May 16, 2022 · 3071739 · 3071739
1 parent 0fc368f
commit 3071739
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/asset/css/search-field.less b/asset/css/search-field.less
@@ -15,8 +15,8 @@ form.search-field {
     label .term-icon {
       display: none;
       position: absolute;
-      right: 6px;
-      top: -1px;
+      right: 9px;
+      top: 1px;
     }
 
     label:hover {

diff --git a/asset/js/widget/TermInput.js b/asset/js/widget/TermInput.js
@@ -67,23 +67,23 @@ define(["../notjQuery", "BaseInput"], function ($, BaseInput) {
         }
 
         renderTerm(termData, termIndex) {
-            if (this.isReadOnlyMode()) {
-                let label = $.render('<label><input type="button"><i class="icon-cancel term-icon"></i></label>');
+            if (! this.isReadOnlyMode()) {
+                return super.renderTerm(termData, termIndex);
+            }
 
-                if (termData.class) {
-                    label.classList.add(termData.class);
-                }
+            let label = $.render('<label><input type="button"><i class="fa fa-trash term-icon"></i></label>');
 
-                label.dataset.label = termData.label;
-                label.dataset.search = termData.search;
-                label.dataset.index = termIndex;
+            if (termData.class) {
+                label.classList.add(termData.class);
+            }
 
-                label.firstChild.value = termData.label;
+            label.dataset.label = termData.label;
+            label.dataset.search = termData.search;
+            label.dataset.index = termIndex;
 
-                return label;
-            } else {
-                return super.renderTerm(termData, termIndex);
-            }
+            label.firstChild.value = termData.label;
+
+            return label;
         }
 
         /**