Changeset 4389

Timestamp:

01/29/14 14:27:40 (10 years ago)

Author:

twagoo

Message:

decoupled facetvalues as class from sbilinks

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• index.html (modified) (8 diffs)
• js/vlo-facets.js (modified) (4 diffs)
• style/colour.css (modified) (2 diffs)
• style/vlo-facets.css (modified) (3 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

@@ -75 +75 @@
                     Searching in all collections (604056 records). <a href="" id="showvalues">Select an individual collection.</a>
                 </p>
-                <div class="sbilinks">
+                <div class="facetvalues">
                     <ul>
                         <li class="collection"><a href="">Meertens collection: Liederenbank (243129)</a></li>
@@ -106 +106 @@
                         <input type="text" />
                     </form>
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><span class="selectedfacetvalue">Dutch (148081)</span><a class="unselectfacetvalue" title="unselect value" href=""><span>[unselect]</span></a></li>
@@ -133 +133 @@
                         <input type="text" />
                     </form>
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><a href="">text (70769)</a></li>
@@ -291 +291 @@
                         <input type="text" />
                     </form> 
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><a href="">discourse (81536)</a></li>
@@ -319 +319 @@
                         <input type="text" />
                     </form>                    
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><a href="">Geschiedenis (7836)</a></li>
@@ -347 +347 @@
                         <input type="text" />
                     </form> 
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><a href="">text (261220)</a></li>
@@ -375 +375 @@
                         <input type="text" />
                     </form> 
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><a href="">CMU (42821)</a></li>
@@ -403 +403 @@
                         <input type="text" />
                     </form> 
-                    <div class="sbilinks">
+                    <div class="sbilinks facetvalues">
                         <ul>
                             <li><span class="selectedfacetvalue">CLARIN-NL (362797)</span><a class="unselectfacetvalue" title="unselect value" href=""><span>[unselect]</span></a></li>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/js/vlo-facets.js

@@ -17 +17 @@
 
 function expandFacet(p) {
-    p.find(".sbilinks").show(200);
+    p.find(".facetvalues").show(200);
     p.addClass("expandedfacet");
     p.removeClass("collapsedfacet");
@@ -23 +23 @@
 
 function collapseFacet(p) {
-    p.find(".sbilinks").hide(200);
+    p.find(".facetvalues").hide(200);
     p.find(".filterform").hide(200);
     p.addClass("collapsedfacet");
@@ -49 +49 @@
         event.preventDefault();
         var form = $(this).parent(".facet").find(".filterform");
-        form.siblings(".sbilinks").find("li").show();
+        form.siblings(".facetvalues").find("li").show();
         expandFacet($(this).parent(".collapsedfacet"));
         form.toggle(100, function(event) {
@@ -60 +60 @@
     var filterHandler = function(event) {
         // filter text entered, update result list
-        var links = $(this).parent(".filterform").siblings(".sbilinks").find("li");
+        var links = $(this).parent(".filterform").siblings(".facetvalues").find("li");
         var match = $(this).val().toUpperCase();
         if (match.length === 0) {

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/colour.css

@@ -78 +78 @@
 } 
 
-.sbilinks li a, .sidebaritem a
+.sbilinks li a, .sidebaritem a, .facetvalues a
 { 
     /*background: transparent url(arrow.png) no-repeat left center;*/
@@ -84 +84 @@
 } 
 
-.sbilinks li a:hover, .sidebaritem a:hover
+.sbilinks li a:hover, .sidebaritem a:hover,  .facetvalues a:hover
 {
     /*background: transparent url(arrow_select.png) no-repeat left center;*/

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -23 +23 @@
 /* facet links */
 
+
+.facetvalues li
+{ list-style: none; 
+  padding: 0px 0px 0px 0px;
+  margin: 0px 0px 5px 0px;
+}
+
+.facetvalues li a, .facetvalues li a:hover
+{ height: 16px;
+  text-decoration: none; 
+  width: 149px;
+} 
+
 .facetvalue {
     color: #ccc;
@@ -33 +46 @@
 /* unselect facet */
 
-.sbilinks li a.unselectfacetvalue, .sbilinks li a.unselectfacetvalue:hover {
+.facetvalues li a.unselectfacetvalue, .facetvalues li a.unselectfacetvalue:hover {
     text-decoration: none;
 }
@@ -83 +96 @@
 }
 
-.facet.collapsedfacet .sbilinks, .facet.collapsedfacet .filterform {
+.facet.collapsedfacet .facetvalues, .facet.collapsedfacet .filterform {
     display:  none;
 }