web: minor UI improvements

- use double click to enable single filter of group (resolves #23)
- disable filter icon hover (resolves #15)
- improve group label (resolves #2)

webroot/index.html

@@ -74,11 +74,6 @@
         color: #FFF;
     }
 
-    .icon:hover {
-        background-color: #bbb;
-        border-color: #bbb;
-    }
-
     /* TODO: asd*/
     .fa {
         font-size: 1.33333333em;
@@ -138,10 +133,12 @@
                     <span v-for="category in filterShow" class="one-third column" v-if="!category.hideInPublicSearch || visitorLoggedIn">
                         <strong>{{ category.name }}:</strong><br/>
                         <span v-for="filter in category.filters" v-if="!filter.hideInPublicSearch || visitorLoggedIn">
-                            <span @click="filter.buttonState = !filter.buttonState"
+                            <span
                             class="icon fa"
                             :title="filter.displayName"
                             v-bind:class="[filter.displayIcon, { 'icon-active': filter.buttonState }]"
+                            v-on:click="enableFilter(filter)"
+                            v-on:dblclick="enableOnlyFilter(filter, category.filters)"
                             style="margin: 5px"
                             >
                                 <!-- <small>{{ filter.resultCount}}</small> -->
@@ -320,7 +317,7 @@
                         }
                     },
                     'visibility': {
-                        'name': 'Veröffentlicht',
+                        'name': 'Sichtbarkeit',
                         'hideInPublicSearch': true,
                         'filters': {
                             'vis_public': {
@@ -483,6 +480,34 @@
                         */
                 },
 
+                enableFilter: function(filter) {
+                    filter.buttonState = !filter.buttonState
+                },
+                disableAllFilters: function() {
+                    this.setAllFilters(true)
+                },
+                enableAllFilters: function() {
+                    this.setAllFilters(false)
+                },
+                enableOnlyFilter: function(filter, filters) {
+                    this.setAllFilters(false, filters)
+                    this.enableFilter(filter)
+                },
+                setAllFilters: function(state, filters) {
+                    if (filters) {  // modify only the explicit set that was given
+                        for (var elem in filters) {
+                           filters[elem].buttonState = state
+                        }
+                        return
+                    } else {        // modify all the filters we have
+                        for (var filterCategory in this.filterShow) {
+                            for (var elem in this.filterShow[filterCategory].filters) {
+                                this.filterShow[filterCategory].filters[elem].buttonState = state // TODO: check type of "state"
+                            }
+                        }
+                    }
+                },
+
                 sortBy: function (key) {
                     this.sortKey = key
                     this.sortOrders[key] = this.sortOrders[key] * -1
@@ -499,12 +524,7 @@
                 this.getShibSessionData();
 
                 if (this.getUrlParameter('filter') == 'none') {
-                    // disable all filters
-                    for (var filterCategory in this.filterShow) {
-                        for (var elem in this.filterShow[filterCategory].filters) {
-                            this.filterShow[filterCategory].filters[elem].buttonState = true
-                        }
-                    }
+                    this.disableAllFilters()
                 }
                 this.query = this.getUrlParameter('q')
                 if (this.query != '') {