Update flag UI to show check / xmark icon to show included / excluded

dimagi · Jul 26, 2024 · 512b9f7 · 512b9f7
1 parent 909ebc5
commit 512b9f7
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/corehq/apps/toggle_ui/templates/toggle/edit_flag.html b/corehq/apps/toggle_ui/templates/toggle/edit_flag.html
@@ -169,6 +169,12 @@ <h4>
                   </button>
                 </span>
                 <input class="form-control" type="text" data-bind="value: value">
+                <!-- ko if: value() && value()[0] == '!' -->
+                <span class="input-group-addon"><i class="fa fa-circle-xmark"></i></span>
+                <!-- /ko -->
+                <!-- ko ifnot: value() && value()[0] == '!' -->
+                <span class="input-group-addon"><i class="fa fa-check"></i></span>
+                <!-- /ko -->
               </div>
             </td>
             <!-- B5: replace inline styles with vertical alignment class: https://getbootstrap.com/docs/5.3/utilities/vertical-align/#css -->