Changeset 4477


Ignore:
Timestamp:
02/07/14 15:17:33 (10 years ago)
Author:
twagoo
Message:

Added wicket panels for facets sidebar item and individual facets. Filled with dummy data for now

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo
Files:
6 added
2 edited

Legend:

Unmodified
Added
Removed

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

    r4469 r4477  
    22<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    33<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org" xml:lang="en">
    4 <!--
    5 Copyright (C) 2014 CLARIN
    6 
    7 This program is free software: you can redistribute it and/or modify
    8 it under the terms of the GNU General Public License as published by
    9 the Free Software Foundation, either version 3 of the License, or
    10 (at your option) any later version.
    11 
    12 This program is distributed in the hope that it will be useful,
    13 but WITHOUT ANY WARRANTY; without even the implied warranty of
    14 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    15 GNU General Public License for expands.
    16 
    17 You should have received a copy of the GNU General Public License
    18 along with this program.  If not, see <http://www.gnu.org/licenses/>.
    19 -->
    20 
    21 <!--
    22     Created on : Jan 23, 2014, 5:10:53 PM
    23     Author     : twagoo
    24 
    25     Based on "business one" template: http://www.opendesigns.org/design/business_one/
    26 -->
     4    <!--
     5    Copyright (C) 2014 CLARIN
     6   
     7    This program is free software: you can redistribute it and/or modify
     8    it under the terms of the GNU General Public License as published by
     9    the Free Software Foundation, either version 3 of the License, or
     10    (at your option) any later version.
     11   
     12    This program is distributed in the hope that it will be useful,
     13    but WITHOUT ANY WARRANTY; without even the implied warranty of
     14    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     15    GNU General Public License for expands.
     16   
     17    You should have received a copy of the GNU General Public License
     18    along with this program.  If not, see <http://www.gnu.org/licenses/>.
     19    -->
     20
     21    <!--
     22        Created on : Jan 23, 2014, 5:10:53 PM
     23        Author     : twagoo
     24   
     25        Based on "business one" template: http://www.opendesigns.org/design/business_one/
     26    -->
    2727
    2828    <head>
    … …  
    275275                </div>
    276276            </div>
    277            
     277
    278278            <div class="sidebar">
    279                 <div class="sidebaritem">
    280                     <!-- rounded corners - top **** -->
    281                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    282                     <h1>Narrow down</h1>
    283                     <p>
    284                         Use the categories below to limit the search results to those matching the selected value(s).
    285                     </p>
    286                     <div class="facet collapsedfacet">
    287                         <a href="#" class="expandfacet"><span>expand</span></a>
    288                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    289                         <h1><a href="#">Language</a></h1>
    290                         <a href class="filtertoggle"><span>filter</span></a>
    291                         <form class="filterform">
    292                             <input type="text" />
    293                         </form>
    294                         <div class="sbilinks facetvalues">
    295                             <ul>
    296                                 <li><a href="index3.html">Dutch (148167)</a></li>
    297                                 <li><a href="index3.html">English (72547)</a></li>
    298                                 <li><a href="index3.html">German (39042)</a></li>
    299                                 <li><a href="index3.html">French (9227)</a></li>
    300                                 <li><a href="index3.html">Spanish; Castilian (8684)</a></li>
    301                                 <li><a href="index3.html">Danish (8447)</a></li>
    302                                 <li><a href="index3.html">Japanese (6761)</a></li>
    303                                 <li><a href="index3.html">Turkish (4988)</a></li>
    304                                 <li><a href="index3.html">Chinese (1980)</a></li>
    305                                 <li class="more-link"><a href="#">more...</a></li>
    306                             </ul>
    307                         </div>
    308                     </div>
    309                     <div class="facet collapsedfacet">                   
    310                         <a href="#" class="expandfacet"><span>expand</span></a>
    311                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    312                         <h1><a href="#">Resource type</a></h1>
    313                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    314                         <form class="filterform">
    315                             <input type="text" />
    316                         </form>
    317                         <div class="sbilinks facetvalues">
    318                             <ul>
    319                                 <li><a href="">text (70769)</a></li>
    320                                 <li><a href="">televisie (39307)</a></li>
    321                                 <li><a href="">Text (32502)</a></li>
    322                                 <li><a href="">Sound (10007)</a></li>
    323                                 <li><a href="">Data Provider (4402)</a></li>
    324                                 <li><a href="">bioscoop (2956)</a></li>
    325                                 <li><a href="">Televisie (1695)</a></li>
    326                                 <li><a href="">niet van toepassing (1185)</a></li>
    327                                 <li class="more-link"><a href="#">more...</a></li>
    328                             </ul>
    329                         </div>                   
    330                     </div>
    331                     <div class="facet collapsedfacet"> 
    332                         <a href="#" class="expandfacet"><span>expand</span></a>
    333                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    334                         <h1><a href="#">Genre</a></h1>
    335                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    336                         <form class="filterform">
    337                             <input type="text" />
    338                         </form>
    339                         <div class="sbilinks facetvalues">
    340                             <ul>
    341                                 <li><a href="">discourse (81536)</a></li>
    342                                 <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
    343                                 <li><a href="">kinderlied (19218)</a></li>
    344                                 <li><a href="">primary_text (12428)</a></li>
    345                                 <li><a href="">narrative (11459)</a></li>
    346                                 <li><a href="">language_description (11084)</a></li>
    347                                 <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
    348                                 <li><a href="">liefdeslied (8381)</a></li>
    349                                 <li><a href="">stimuli (8103)</a></li>
    350                                 <li class="more-link"><a href="#">more...</a></li>
    351                             </ul>
    352                         </div>
    353                     </div>
    354                     <div class="facet collapsedfacet"> 
    355                         <a href="#" class="expandfacet"><span>expand</span></a>
    356                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    357                         <h1><a href="#">Keywords</a></h1>
    358                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    359                         <form class="filterform">
    360                             <input type="text" />
    361                         </form>                   
    362                         <div class="sbilinks facetvalues">
    363                             <ul>
    364                                 <li><a href="">Geschiedenis (7836)</a></li>
    365                                 <li><a href="">Scheikunde (5389)</a></li>
    366                                 <li><a href="">Geneeskunde (4648)</a></li>
    367                                 <li><a href="">Sociale Wetenschappen (4167)</a></li>
    368                                 <li><a href="">BAS HEMPEL (3903)</a></li>
    369                                 <li><a href="">aGender (3613)</a></li>
    370                                 <li><a href="">Letteren (2827)</a></li>
    371                                 <li><a href="">BAS Verbmobil 1 (2192)</a></li>
    372                                 <li><a href="">Diergeneeskunde (2159)</a></li>
    373                                 <li class="more-link"><a href="#">more...</a></li>
    374                             </ul>
    375                         </div>
    376                     </div>
    377                     <div class="facet collapsedfacet"> 
    378                         <a href="#" class="expandfacet"><span>expand</span></a>
    379                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    380                         <h1><a href="#">Format</a></h1>
    381                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    382                         <form class="filterform">
    383                             <input type="text" />
    384                         </form>
    385                         <div class="sbilinks facetvalues">
    386                             <ul>
    387                                 <li><a href="">text (261220)</a></li>
    388                                 <li><a href="">image (121518)</a></li>
    389                                 <li><a href="">unknown type (104371)</a></li>
    390                                 <li><a href="">audio (86934)</a></li>
    391                                 <li><a href="">annotation (81323)</a></li>
    392                                 <li><a href="">video (44388)</a></li>
    393                                 <li><a href="">text/plain (1323)</a></li>
    394                                 <li><a href="">application/pdf (511)</a></li>
    395                                 <li><a href="">audio/vnd.wave (243)</a></li>
    396                                 <li class="more-link"><a href="#">more...</a></li>
    397                             </ul>
    398                         </div>
    399                     </div>
    400                     <div class="facet collapsedfacet"> 
    401                         <a href="#" class="expandfacet"><span>expand</span></a>
    402                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    403                         <h1><a href="#">Organisation</a></h1>
    404                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    405                         <form class="filterform">
    406                             <input type="text" />
    407                         </form>
    408                         <div class="sbilinks facetvalues">
    409                             <ul>
    410                                 <li><a href="">CMU (42821)</a></li>
    411                                 <li><a href="">Max Planck Institute... (17874)</a></li>
    412                                 <li><a href="">NOS (11669)</a></li>
    413                                 <li><a href="">CLS-KUN (8859)</a></li>
    414                                 <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
    415                                 <li><a href="">NPS (5274)</a></li>
    416                                 <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
    417                                 <li><a href="">Oxford Text Archive... (4638)</a></li>
    418                                 <li><a href="">CLARIN-D center... (4409)</a></li>
    419                                 <li class="more-link"><a href="#">more...</a></li>
    420                             </ul>
    421                         </div>
    422                     </div>
    423                     <div class="facet collapsedfacet"> 
    424                         <a href="#" class="expandfacet"><span>expand</span></a>
    425                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    426                         <h1><a href="#">National project</a></h1>
    427                         <a href="#" class="filtertoggle" title="Filter values"><span>filter</span></a>
    428                         <form class="filterform">
    429                             <input type="text" />
    430                         </form>
    431                         <div class="sbilinks facetvalues">
    432                             <ul>
    433                                 <li><a href="">CLARIN-NL (362661)</a></li>
    434                                 <li><a href="">CLARIN-D (34586)</a></li>
    435                                 <li><a href="">CLARIN-DK-UCPH (7810)</a></li>
    436                                 <li><a href="">CLARIN-EU (1085)</a></li>
    437                                 <li><a href="">Dutch Language Union (3)</a></li>
    438                                 <li class="more-link"><a href="#">more...</a></li>
    439                             </ul>
    440                         </div>
    441                     </div>
    442                     <!-- rounded corners - bottom **** -->
    443                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    444                 </div>
     279               
     280                <div wicket:id="facets"></div>
     281               
    445282                <div class="sidebaritem facet collapsedfacet">
    446283                    <!-- rounded corners - top **** -->

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

    r4469 r4477  
    11package eu.clarin.cmdi.vlo.pages;
    22
     3import eu.clarin.cmdi.vlo.components.FacetsPanel;
     4import eu.clarin.cmdi.vlo.pojo.Facet;
     5import eu.clarin.cmdi.vlo.pojo.FacetValue;
     6import java.util.Arrays;
    37import org.apache.wicket.request.mapper.parameter.PageParameters;
    4 import org.apache.wicket.markup.html.basic.Label;
    58import org.apache.wicket.markup.html.WebPage;
     9import org.apache.wicket.model.util.ListModel;
    610
    711public class FacetedSearchPage extends WebPage {
    8         private static final long serialVersionUID = 1L;
    912
    10         public FacetedSearchPage(final PageParameters parameters) {
    11                 super(parameters);
     13    private static final long serialVersionUID = 1L;
    1214
     15    public FacetedSearchPage(final PageParameters parameters) {
     16        super(parameters);
     17
     18        add(new FacetsPanel("facets", new ListModel<FacetValue>(Arrays.asList(
     19                new FacetValue(new Facet("Language"), "Dutch"),
     20                new FacetValue(new Facet("Resource type"), "Text")
     21        ))));
    1322    }
    1423}
Note: See TracChangeset for help on using the changeset viewer.