Added select2 javascript library

COmanage · May 13, 2022 · e04e139 · e04e139
1 parent 5958c48
commit e04e139
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/app/templates/element/javascript.php b/app/templates/element/javascript.php
@@ -159,7 +159,11 @@
     $("input:submit").addClass("spin submit-button btn btn-primary");
 
     // Make all select form controls Bootstrappy
-    $("select").addClass("form-select");
+    $("select").addClass("form-select").select2({
+      width: '100%',
+      tags: true,
+      placeholder: "-- Select --"
+    });
 
     // Enable Bootstrap Popovers. Unless needed elsewhere, constrain this to #content
     // XXX Enable when/if needed

diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
@@ -1558,3 +1558,11 @@ footer {
   text-align: center;
   padding: 2em 2em 1em;
 }
+/*Select2*/
+.select2-container--default .select2-selection--single {
+  border: 1px solid var(--cmg-color-lightgray-006);
+  background-color: var(--cmg-color-white);
+}
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+  color: var(--cmg-color-gray-003);
+}
diff --git a/app/webroot/css/select2/select2.min.css b/app/webroot/css/select2/select2.min.css
diff --git a/app/webroot/js/select2/select2.min.js b/app/webroot/js/select2/select2.min.js