Changeset 4786

Timestamp:

03/20/14 08:56:58 (11 years ago)

Author:

Twan Goosen

Message:

added links to expand or collapse all facets

Location:

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

Files:

• java/eu/clarin/cmdi/vlo/wicket/panels/FacetsPanel.html (modified) (1 diff)
• java/eu/clarin/cmdi/vlo/wicket/panels/FacetsPanel.java (modified) (4 diffs)
• webapp/style/vlo-facets.css (modified) (1 diff)

vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/panels/FacetsPanel.html

@@ -34 +34 @@
                     <div wicket:id="facet">[facet]</div>
                 </wicket:container>
+                <div id="expandcollapseall">
+                    <a wicket:id="expandAll" href="">Expand all</a>
+                    <a wicket:id="collapseAll" href="">Collapse all</a>
+                </div>
                 <!-- rounded corners - bottom **** -->
                 <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>

vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/panels/FacetsPanel.java

@@ -28 +28 @@
 import org.apache.solr.client.solrj.response.FacetField;
 import org.apache.wicket.ajax.AjaxRequestTarget;
+import org.apache.wicket.ajax.markup.html.AjaxFallbackLink;
 import org.apache.wicket.markup.html.list.ListItem;
 import org.apache.wicket.markup.html.list.ListView;
-import org.apache.wicket.markup.html.panel.Panel;
+import org.apache.wicket.markup.html.panel.GenericPanel;
 import org.apache.wicket.model.IModel;
 import org.apache.wicket.model.util.MapModel;
@@ -43 +44 @@
  * @author twagoo
  */
-public abstract class FacetsPanel extends Panel {
+public abstract class FacetsPanel extends GenericPanel<List<FacetField>> {
 
     @SpringBean
     private FacetFieldsService facetFieldsService;
+
+    private MapModel<String, ExpansionState> expansionModel;
 
     /**
@@ -57 +60 @@
      */
     public FacetsPanel(final String id, final IModel<List<FacetField>> facetsModel, final IModel<QueryFacetsSelection> selectionModel) {
-        super(id);
+        super(id, facetsModel);
 
         final Map<String, ExpansionState> expansionStateMap = new HashMap<String, ExpansionState>();
-        final MapModel<String, ExpansionState> expansionModel = new MapModel<String, ExpansionState>(expansionStateMap);
+        expansionModel = new MapModel<String, ExpansionState>(expansionStateMap);
 
         final ListView<FacetField> facetsView = new ListView<FacetField>("facets", facetsModel) {
@@ -86 +89 @@
         facetsView.setReuseItems(true);
         add(facetsView);
+
+        add(new AjaxFallbackLink("expandAll") {
+
+            @Override
+            public void onClick(AjaxRequestTarget target) {
+                setAllFacetsExpansionState(ExpansionState.EXPANDED);
+                selectionChanged(target);
+            }
+        });
+        add(new AjaxFallbackLink("collapseAll") {
+
+            @Override
+            public void onClick(AjaxRequestTarget target) {
+                setAllFacetsExpansionState(ExpansionState.COLLAPSED);
+                selectionChanged(target);
+            }
+        });
+    }
+
+    private void setAllFacetsExpansionState(final ExpansionState state) {
+        final Map<String, ExpansionState> expansionMap = expansionModel.getObject();
+        for (FacetField facet : getModelObject()) {
+            expansionMap.put(facet.getName(), state);
+        }
+    }
+
+    @Override
+    public void detachModels() {
+        super.detachModels();
+        expansionModel.detach();
     }
 

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

@@ -213 +213 @@
     margin: 0em 1em;
 }
+
+div#expandcollapseall {
+    text-align: right;
+}
+
+div#expandcollapseall a {
+    display: block;
+    font-size: smaller;
+    padding-right: 1em;
+}