Changeset 4662


Ignore:
Timestamp:
03/10/14 10:44:20 (10 years ago)
Author:
Twan Goosen
Message:

created panel for showing all facet values

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main
Files:
2 added
4 edited

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/pages/FacetedSearchPage.html

    r4653 r4662  
    9999                </div>
    100100            </div>
    101 
    102             <div id="facetvalues">
    103                 <div><a href="" id="facetvaluescancel">Cancel</a></div>
    104                 <h2>Resource type</h2>
    105                 <p>All values in this facet</p>
    106                 <p>Sort by <select><option>name</option><option>count</option></select></p>
    107                 <div>Search: <input type="text" /></div>
    108                 <div class="sortedFacet">
    109                     <div>
    110                         <div class="anchorpanel"><a href=""></a><span>A</span></div>
    111                     </div>
    112                     <div>
    113                         <div class="facetLinkPanel"><a href=""><span>A Corpus</span></a> (<span>1</span>)</div>
    114                     </div><div>
    115                         <div class="facetLinkPanel"><a href=""><span>A Lexicon</span></a> (<span>4</span>)</div>
    116                     </div><div>
    117                         <div class="facetLinkPanel"><a href=""><span>A bundle</span></a> (<span>1</span>)</div>
    118                     </div><div>
    119                         <div class="facetLinkPanel"><a href=""><span>Academic dissertations</span></a> (<span>18</span>)</div>
    120                     </div><div>
    121                         <div class="facetLinkPanel"><a href=""><span>Addresses</span></a> (<span>11</span>)</div>
    122                     </div><div>
    123                         <div class="facetLinkPanel"><a href=""><span>AddressesAnthologiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
    124                     </div><div>
    125                         <div class="facetLinkPanel"><a href=""><span>Aligned Corpus</span></a> (<span>60</span>)</div>
    126                     </div><div>
    127                         <div class="facetLinkPanel"><a href=""><span>Ancient religious texts</span></a> (<span>3</span>)</div>
    128                     </div><div>
    129                         <div class="facetLinkPanel"><a href=""><span>Annals</span></a> (<span>4</span>)</div>
    130                     </div><div>
    131                         <div class="facetLinkPanel"><a href=""><span>AnnotatedTextCorpus</span></a> (<span>1</span>)</div>
    132                     </div><div>
    133                         <div class="facetLinkPanel"><a href=""><span>Anthologies</span></a> (<span>30</span>)</div>
    134                     </div><div>
    135                         <div class="facetLinkPanel"><a href=""><span>AnthologiesDevotional literature</span></a> (<span>1</span>)</div>
    136                     </div><div>
    137                         <div class="facetLinkPanel"><a href=""><span>AnthologiesLinguistic corporaCorpus</span></a> (<span>2</span>)</div>
    138                     </div><div>
    139                         <div class="facetLinkPanel"><a href=""><span>Anthology</span></a> (<span>1</span>)</div>
    140                     </div><div>
    141                         <div class="facetLinkPanel"><a href=""><span>Application</span></a> (<span>5</span>)</div>
    142                     </div><div>
    143                         <div class="facetLinkPanel"><a href=""><span>Application / Tool</span></a> (<span>174</span>)</div>
    144                     </div><div>
    145                         <div class="facetLinkPanel"><a href=""><span>Article</span></a> (<span>139</span>)</div>
    146                     </div><div>
    147                         <div class="facetLinkPanel"><a href=""><span>Autobiographies</span></a> (<span>4</span>)</div>
    148                     </div><div>
    149                         <div class="facetLinkPanel"><a href=""><span>aligned_sentence</span></a> (<span>3</span>)</div>
    150                     </div><div>
    151                         <div class="facetLinkPanel"><a href=""><span>amateurfilm</span></a> (<span>12</span>)</div>
    152                     </div><div>
    153                         <div class="facetLinkPanel"><a href=""><span>annotation: Affixes</span></a> (<span>1</span>)</div>
    154                     </div><div>
    155                         <div class="facetLinkPanel"><a href=""><span>annotation: Chinese_glosses</span></a> (<span>1</span>)</div>
    156                     </div><div>
    157                         <div class="facetLinkPanel"><a href=""><span>annotation: English_glosses</span></a> (<span>1</span>)</div>
    158                     </div><div>
    159                         <div class="facetLinkPanel"><a href=""><span>audio</span></a> (<span>35</span>)</div>
    160                     </div>
    161                 </div>
    162                 <div class="sortedFacet">
    163                     <div>
    164                         <div class="anchorpanel"><a href=""></a><span>B</span></div>
    165                     </div>
    166                     <div>
    167                         <div class="facetLinkPanel"><a href=""><span>Ballad operas</span></a> (<span>1</span>)</div>
    168                     </div><div>
    169                         <div class="facetLinkPanel"><a href=""><span>Bible storiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
    170                     </div><div>
    171                         <div class="facetLinkPanel"><a href=""><span>Bibles</span></a> (<span>1</span>)</div>
    172                     </div><div>
    173                         <div class="facetLinkPanel"><a href=""><span>Bibliographies</span></a> (<span>1</span>)</div>
    174                     </div><div>
    175                         <div class="facetLinkPanel"><a href=""><span>Biographies</span></a> (<span>13</span>)</div>
    176                     </div><div>
    177                         <div class="facetLinkPanel"><a href=""><span>Book</span></a> (<span>4</span>)</div>
    178                     </div><div>
    179                         <div class="facetLinkPanel"><a href=""><span>Book Chapter</span></a> (<span>39</span>)</div>
    180                     </div><div>
    181                         <div class="facetLinkPanel"><a href=""><span>Buddhism</span></a> (<span>2</span>)</div>
    182                     </div><div>
    183                         <div class="facetLinkPanel"><a href=""><span>bilingual</span></a> (<span>5</span>)</div>
    184                     </div><div>
    185                         <div class="facetLinkPanel"><a href=""><span>bioscoop</span></a> (<span>2956</span>)</div>
    186                     </div>
    187                 </div>
    188             </div>
    189101        </wicket:extend>
    190102    </body>

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

    r4661 r4662  
    2828                <ul>
    2929                    <li wicket:id="facetValues"><a wicket:id="facetSelect" href="index3.html"><span wicket:id="name">Dutch</span> (<span wicket:id="count">148167</span>)</a></li>
    30                     <!--<li class="more-link"><a wicket:id="allFacetValuesLink" href="#">more...</a></li>-->
     30                    <li class="more-link"><a wicket:id="allFacetValuesLink" href="#">more...</a></li>
    3131                </ul>
    3232            </div>
    33             <form class="filterform">
    34                 <input type="text" />
    35             </form>
     33            <!--           
     34                <form class="filterform">
     35                    <input type="text" />
     36                </form>
     37            -->
     38            <div wicket:id="allValuesContainer">
     39                <div wicket:id="allValues" class="allFacetValues">[ALL VALUES]</div>
     40            </div>
    3641        </wicket:panel>
    3742    </body>

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

    r4661 r4662  
    2525import org.apache.wicket.ajax.AjaxRequestTarget;
    2626import org.apache.wicket.ajax.markup.html.AjaxFallbackLink;
     27import org.apache.wicket.markup.html.WebMarkupContainer;
    2728import org.apache.wicket.markup.html.basic.Label;
    2829import org.apache.wicket.markup.html.link.Link;
    29 import org.apache.wicket.markup.html.panel.Panel;
     30import org.apache.wicket.markup.html.panel.GenericPanel;
    3031import org.apache.wicket.markup.repeater.Item;
    3132import org.apache.wicket.markup.repeater.data.DataView;
    … …  
    3940 * @author twagoo
    4041 */
    41 public abstract class FacetValuesPanel extends Panel {
     42public abstract class FacetValuesPanel extends GenericPanel<FacetField> {
    4243
    4344    private final int maxNumberOfFacetsToShow = 10; //TODO: get from config
    4445
    45     public FacetValuesPanel(String id, IModel<FacetField> model) {
     46    private final WebMarkupContainer allValuesContainer;
     47
     48    public FacetValuesPanel(String id, final IModel<FacetField> model) {
    4649        super(id, model);
    4750
    … …  
    5861            }
    5962        });
     63
     64        allValuesContainer = createAllValuesPanel("allValuesContainer");
     65        add(allValuesContainer);
     66        add(createAllValuesLink("allFacetValuesLink"));
    6067    }
    6168
    … …  
    8491    }
    8592
     93    private WebMarkupContainer createAllValuesPanel(final String id) {
     94        final WebMarkupContainer container = new WebMarkupContainer(id);
     95        container.setOutputMarkupId(true);
     96        WebMarkupContainer allValuesPlaceholder = createPlaceHolder("allValues");
     97        container.add(allValuesPlaceholder);
     98        return container;
     99    }
     100
     101    private AjaxFallbackLink createAllValuesLink(String id) {
     102        final AjaxFallbackLink link = new AjaxFallbackLink(id) {
     103
     104            @Override
     105            public void onClick(AjaxRequestTarget target) {
     106                final IModel<FacetField> model = FacetValuesPanel.this.getModel();
     107                final AllFacetValuesPanel allValuesPanel = new AllFacetValuesPanel("allValues", model) {
     108
     109                    @Override
     110                    protected void onCanceled(AjaxRequestTarget target) {
     111                        hideAllValuesPanel();
     112                        if (target != null) {
     113                            target.add(allValuesContainer);
     114                        }
     115                    }
     116
     117                    @Override
     118                    protected void onValuesSelected(String facet, Collection<String> values, AjaxRequestTarget target) {
     119                        hideAllValuesPanel();
     120                        onValuesSelected(facet, values, target);
     121                    }
     122                };
     123                allValuesContainer.addOrReplace(allValuesPanel);
     124                if (target != null) {
     125                    target.add(allValuesContainer);
     126                }
     127            }
     128
     129            private void hideAllValuesPanel() {
     130                allValuesContainer.addOrReplace(createPlaceHolder("allValues"));
     131            }
     132        };
     133        return link;
     134    }
     135
     136    private WebMarkupContainer createPlaceHolder(final String id) {
     137        final WebMarkupContainer placeholder = new WebMarkupContainer(id);
     138        placeholder.setVisible(false);
     139        return placeholder;
     140    }
     141
    86142    /**
    87143     * Callback triggered when values have been selected on this facet

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

    r4466 r4662  
    176176}
    177177
    178 #facetvalues {
    179     display: none;
     178.allFacetValues {
    180179    position: absolute;
    181180    left: 15%;
    … …  
    190189}
    191190
    192 #facetvalues input {
     191.allFacetValues input {
    193192    width: 300px;
    194193}
    195194
    196 a#facetvaluescancel {
     195.allFacetValues a#facetvaluescancel {
    197196    display: block;
    198197    float: right;
    199198}
    200199
    201 .alphaNavigation ul {
     200.allFacetValues .alphaNavigation ul {
    202201    margin: 0px;
    203202    padding: 0px;
    204203}
    205204
    206 .alphaNavigation li {
     205.allFacetValues .alphaNavigation li {
    207206    display: inline-block;
    208207    padding: 0px 2px;
Note: See TracChangeset for help on using the changeset viewer.