Add checkmark to selected dropdown options

gneissone · May 9, 2016 · b5934a8 · b5934a8
1 parent 43d1133
commit b5934a8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/css/browsers.css b/css/browsers.css
@@ -0,0 +1,8 @@
+
+.btn-group.hidden {
+    display: none !important
+}
+
+.facetview_filters.hidden {
+    display: none; !important;
+}
diff --git a/css/style.css b/css/style.css
@@ -70,3 +70,8 @@ td.facetview_filtershow {
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.19);
   -webkit-font-smoothing: antialiased;
 }
+
+.dropdown-menu .selected:after {
+  font-family: "Glyphicons Halflings";
+  content:"\0020\e013";
+}
diff --git a/jquery.facetview2.js b/jquery.facetview2.js
@@ -802,6 +802,10 @@ function getUrlVars() {
             event.preventDefault();
             sizechoice = ($(this).attr('id'))
 
+            // switch item with 'selected' class
+            $('.facetview_size_drop', obj).removeClass('selected')
+            $(this).addClass('selected')
+
             // synchronise the new sort with the options
             savePageSizeOption(sizechoice);
 
@@ -826,6 +830,11 @@ function getUrlVars() {
         event.preventDefault();
         sortchoice = ($(this).attr('id'))
         options.behaviour_set_order_by(options, obj, {orderby: sortchoice})
+
+        // switch item with 'selected' class
+        $('.facetview_orderby', obj).removeClass('selected')
+        $(this).addClass('selected')
+
         // $('.dropdown-toggle').html($(this).html() + '<span class="caret"></span>');
         // synchronise the new sort with the options
         saveSortOption(sortchoice);