chg: [genericElements:indexTable] Improved UI of toggle field

templates/element/genericElements/IndexTable/Fields/toggle.php

@@ -35,7 +35,7 @@
     }
 
     echo sprintf(
-        '<input type="checkbox" id="%s" %s %s><span id="%s" class="d-none"></span>',
+        '<input type="checkbox" id="%s" class="change-cursor" %s %s><span id="%s" class="d-none"></span>',
         $checkboxId,
         empty($data) ? '' : 'checked',
         $requirementMet ? '' : 'disabled="disabled"',

webroot/css/main.css

@@ -118,4 +118,12 @@
 .btn-group > .btn:last-of-type:not(.dropdown-toggle), .btn-group > .btn-group:not(:last-of-type) > .btn {
     border-top-right-radius: 0.2rem;
     border-bottom-right-radius: 0.2rem;
+}
+
+input[type="checkbox"].change-cursor {
+    cursor: pointer;
+}
+
+input[type="checkbox"]:disabled.change-cursor {
+    cursor: not-allowed;
 }

webroot/js/main.js

@@ -40,5 +40,7 @@ function executeStateDependencyChecks(dependenceSourceSelector) {
 
 var UI
 $(document).ready(() => {
-    UI = new UIFactory()
+    if (typeof UIFactory !== "undefined") {
+        UI = new UIFactory()
+    }
 })