Changeset 4466


Ignore:
Timestamp:
02/07/14 09:40:43 (10 years ago)
Author:
twagoo
Message:

started wicket search page based on mockup

Location:
vlo/branches/vlo-3.0/vlo-web-app/src
Files:
4 added
2 edited
36 copied
2 moved

Legend:

Unmodified
Added
Removed

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

    r4457 r4466  
    1 <!DOCTYPE html>
    2 <html xmlns:wicket="http://wicket.apache.org">
    3         <head>
    4                 <meta charset="utf-8" />
    5                 <title>Apache Wicket Quickstart</title>
    6                 <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold' rel='stylesheet' type='text/css' />
    7                 <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Stylesheet" />
    8         </head>
    9         <body>
    10                 <div id="hd">
    11                         <div id="logo">
    12                                 <img src="logo.png" width="50px" height="50px" alt="Wicket Logo" />
    13                                 <h1>Apache Wicket</h1>
    14                         </div>
    15                 </div>
    16                 <div id="bd">
    17                         <h2>Congratulations!</h2>
    18                         <p>
    19                                 Your quick start works! This project is especially useful to
    20                 start developing your Wicket application or to create a test
    21                 case for a bug report.
    22                         </p>
    23                         <h3>Get started</h3>
    24                         <p>
    25                                 You can even <a href="https://localhost:8443">switch to HTTPS</a>!
    26                         </p>
    27                         <p>
    28                                 From here you can start hacking away at your application and
    29                 wow your clients:
    30                         </p>
    31                         <ul>
    32                                 <li>work through <a href="http://wicket.apache.org/learn/examples" target="_blank" title="Hello world and friends">some examples</a></li>
    33                                 <li>read <a href="http://wicket.apache.org/learn/books" target="_blank" title="Books about Wicket in English, German and Japanese">some books</a></li>
    34                                 <li>find <a href="http://wicket.apache.org/learn/projects" target="_blank" title="Additional projects, components and libraries">additional components, projects and libraries</a></li>
    35                         </ul>
    36                         <h3>Get help</h3>
    37                         <p>
    38                                 We are here to help!
    39                         </p>
    40                         <ul>
    41                                 <li>join us on IRC on <a href="irc:%23%23wicket@irc.freenode.net">&#35;&#35;wicket@irc.freenode.net</a></li>
    42                                 <li><a href="http://wicket-users.markmail.org/" target="_blank" title="Search the mailing list archives">search</a> our mailing list archives</li>
    43                                 <li>ask a question on the <a href="http://wicket.apache.org/help/email.html">users list</a></li>
    44                         </ul>
    45                         <h3>Reporting a bug</h3>
    46                         <p>
    47                                 Help us help you:
    48                         </p>
    49                         <ol>
    50                                 <li>reproduce the bug with the <strong>least</strong> amount of code</li>
    51                                 <li>create a unit test that shows the bug</li>
    52                                 <li>fix the bug and create a patch</li>
    53                                 <li>attach the result of step 1, 2 or 3 to a <a href="https://issues.apache.org/jira/browse/WICKET" target="_blank">JIRA issue</a></li>
    54                                 <li>profit!</li>
    55                         </ol>
    56                         <p>
    57                                 Please mention the correct Wicket version: <wicket:container wicket:id="version">1.5-SNAPSHOT</wicket:container>.
    58                         </p>
    59                 </div>
    60                 <div id="ft">
    61                 </div>
    62         </body>
     1<?xml version="1.0" encoding="UTF-8"?>
     2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
     3<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org" xml:lang="en">
     4<!--
     5Copyright (C) 2014 CLARIN
     6
     7This program is free software: you can redistribute it and/or modify
     8it under the terms of the GNU General Public License as published by
     9the Free Software Foundation, either version 3 of the License, or
     10(at your option) any later version.
     11
     12This program is distributed in the hope that it will be useful,
     13but WITHOUT ANY WARRANTY; without even the implied warranty of
     14MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     15GNU General Public License for expands.
     16
     17You should have received a copy of the GNU General Public License
     18along 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-->
     27
     28    <head>
     29        <title>CLARIN VLO</title>
     30        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     31        <meta name="viewport" content="width=device-width"/>
     32        <!-- **** layout stylesheet **** -->
     33        <link rel="stylesheet" type="text/css" href="style/style.css" />
     34        <!-- **** colour scheme stylesheet **** -->
     35        <link rel="stylesheet" type="text/css" href="style/colour.css" />
     36        <!-- **** VLO extensions stylesheet **** -->
     37        <link rel="stylesheet" type="text/css" href="style/vlo.css" />
     38    </head>
     39
     40    <body>
     41        <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
     42        <script src="js/vlo-facets.js" type="text/javascript"></script>
     43        <script src="js/vlo-search.js" type="text/javascript"></script>
     44
     45        <div id="main">
     46            <div id="header">
     47                <div id="logo">
     48                    <h1>CLARIN Virtual Language Observatory</h1>
     49                    <a id="headerlink_clarin" href="http://www.clarin.eu/"><span>CLARIN</span></a>
     50                </div>
     51            </div>
     52
     53            <div id="topnavigation">
     54                <div id="breadcrumbs">
     55                    <a href="index.html">VLO</a>
     56                    &gt; Search results: democratie
     57                </div>
     58                <div id="topnavigationlinks">
     59                    <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
     60                    <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
     61                </div>
     62            </div>
     63
     64            <div class="topbar facet collapsedfacet" id="collections">
     65                <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     66                <a href="#" class="expandfacet"><span>expand</span></a>
     67                <a href="#" class="collapsefacet"><span>collapse</span></a>
     68                <h1><a href="#">Collections</a></h1>
     69                <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     70                <form class="filterform">
     71                    <input type="text" />
     72                </form>
     73                <p>
     74                    Searching in all collections (604056 records). <a href="" id="showvalues">Select an individual collection.</a>
     75                </p>
     76                <div class="facetvalues">
     77                    <ul>
     78                        <li class="collection"><a href="">Meertens collection: Liederenbank (243129)</a></li>
     79                        <li class="collection"><a href="">UBU Clarin Set (69311)</a></li>
     80                        <li class="collection"><a href="">Nederlands Instituut voor Beeld en Geluid Academia collectie (46156)</a></li>
     81                        <li class="collection"><a href="">TLA: childes (29266)</a></li>
     82                        <li class="collection"><a href="">TLA: DoBeS archive (24722)</a></li>
     83                        <li class="collection"><a href="">TLA: Language and Cognition (23535)</a></li>
     84                        <li class="collection"><a href="">TLA: talkbank (14593)</a></li>
     85                        <li class="collection"><a href="">Bavarian Archive for Speech Signals (BAS) (14416)</a></li>
     86                        <li class="collection"><a href="">TLA: Acquisition (14363)</a></li>
     87                        <li class="collection"><a href="">Institut f&uuml;r Deutsche Sprache, CLARIN-D Zentrum, Mannheim (14320)</a></li>
     88                        <li class="collection"><a href="">Meertens collection: Liederenbank (243129)</a></li>
     89                        <li class="more-link"><a href="#">more...</a></li>
     90                    </ul>
     91                </div>
     92                <!-- rounded corners - bottom **** -->
     93                <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     94            </div>
     95
     96            <div class="content">
     97                <form action="" id="search">
     98                    <p>
     99                        <span id="searchcontrols">
     100                            <input id="searchbox" type="text" value="democratie" />
     101                            <input id="searchbutton" type="submit" value="Search"/>
     102                        </span>
     103                    </p>
     104                </form>
     105                <div id="searchresults">
     106                    <h1>Search results</h1>
     107                    <div id="searchresultsheader">
     108                        <span id="searchresultcount">604056 results</span>
     109                        <span id="searchresultpagecount">Showing 1 to 25</span>
     110
     111                        <div class="searchresultpagination">
     112                            &lt;&lt;
     113                            &lt;
     114                            1
     115                            <a href="">2</a>
     116                            <a href="">3</a>
     117                            <a href="">4</a>
     118                            <a href="">5</a>
     119                            <a href="">6</a>
     120                            <a href="">7</a>
     121                            <a href="">8</a>
     122                            <a href="">9</a>
     123                            <a href="">10</a>
     124                            <a href="">&gt;</a>
     125                            <a href="">&gt;&gt;</a>
     126                        </div>
     127
     128                    </div>
     129
     130                    <ul id="searchresultitems">
     131                        <li class="searchresultitem">
     132                            <h2>
     133                                <a href="record1.html">"Chinese Democratie en de Transformatie"</a>
     134                            </h2>
     135                            <div class="searchresultitembrief">
     136                                <p class="searchresultmoreless">
     137                                    <a href="#" class="searchresultdetailstoggle">expand</a>
     138                                </p>
     139                                <p class="searchresultdescription">
     140                                    In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping...
     141                                </p>
     142                                <p class="searchresultresources">
     143                                    Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>, <a href="record1.html">1 annotation file</a>
     144                                </p>
     145                            </div>
     146
     147                            <div class="searchresultitemextended">
     148                                <p class="searchresultmoreless">
     149                                    <a href="#" class="searchresultdetailstoggle">collapse</a>
     150                                </p>
     151                                <p class="searchresultdescription">
     152                                    In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
     153                                </p>
     154                                <div class="searchresultattributes">
     155                                    <table class="recorddetailstable">
     156                                        <tbody class="attributesTbody">
     157                                            <tr>
     158                                                <td class="attribute">
     159                                                    <div>Collection</div>
     160                                                </td><td class="attributeValue">
     161                                                    <div>UBU Clarin Set<a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     162                                                </td>
     163                                            </tr>
     164                                            <tr>
     165                                                <td class="attribute">
     166                                                    <div>Genre</div>
     167                                                </td><td class="attributeValue">
     168                                                    <div>info:eu-repo/semantics/bachelorthesis <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     169                                                </td>
     170                                            </tr><tr>
     171                                                <td class="attribute">
     172                                                    <div>Languages</div>
     173                                                </td><td class="attributeValue">
     174                                                    <div>Dutch <a class="recordattributeinfo" href="http://infra.clarin.eu/service/language/info.php?code=nld"><span>[info]</span></a> <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     175                                                </td>
     176                                            </tr><tr>
     177                                                <td class="attribute">
     178                                                    <div>National project</div>
     179                                                </td><td class="attributeValue">
     180                                                    <div>CLARIN-NL <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     181                                                </td>
     182                                            </tr><tr>
     183                                                <td class="attribute">
     184                                                    <div>Resource type</div>
     185                                                </td><td class="attributeValue">
     186                                                    <div>text <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     187                                                </td>
     188                                            </tr>
     189                                        </tbody>
     190                                    </table>
     191
     192                                    <h3>Resources</h3>
     193                                    <ul>
     194                                        <li class="writtenresource"><a href="">http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx</a></li>
     195                                        <li class="audioresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Media/002-djawu_klluu-2011-09-01.wav</a></li>
     196                                        <li class="annotationresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Annotations/002-djawu_klluu-2011-09-01.eaf</a></li>
     197                                    </ul>
     198                                </div>
     199
     200                                <p class="searchresultfullrecord">
     201                                    <a href="record1.html">View full record</a>
     202                                </p>
     203                            </div>
     204                            <div class="searchresultitemend"></div>
     205                        </li>
     206                        <li class="searchresultitem">
     207                            <h2>
     208                                <a href="record1.html">"Zichzelf zien"': het dubbelgangermotief in E.T.A. Hoffmanns Prinzessin Brambilla. ein Capriccio nach Jacob Callot. Een Lacaniaanse analyse</a>
     209                            </h2>
     210                            <p class="searchresultmoreless">
     211                                <a href="#" class="searchresultdetailstoggle">expand</a>
     212                            </p>
     213                            <p class="searchresultdescription">
     214                                Mogelijke implicaties van het 'zichzelf zien'(zoals de vroege romanticus Jean Paul Richter het dubbelgangermotief benoemde), werkte E.T.A. Hoffmann uit in de experimentele tekst PRINZESSIN BRAMBILLA. Daarin verbindt de auteur...
     215                            </p>
     216                            <p class="searchresultresources">
     217                                Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>
     218                            </p>
     219                            <div class="searchresultitemend"></div>
     220                        </li>
     221                        <li class="searchresultitem">
     222                            <h2>
     223                                <a href="record1.html">2007 Festival</a>
     224                            </h2>
     225                            <p class="searchresultmoreless"><a href="#" class="searchresultdetailstoggle">expand</a></p>
     226                            <p class="searchresultdescription">
     227                                Video documentation of the "festival of folk songs and dances". One file consisting of the three original tapes concatenated.
     228                            </p>
     229                            <p class="searchresultresources">
     230                                Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>
     231                            </p>
     232                            <div class="searchresultitemend"></div>
     233                        </li>
     234                        <li class="searchresultitem">
     235                            <h2>
     236                                <a href="record1.html">...DE LEUGEN REGEERT...</a>
     237                            </h2>
     238                            <p class="searchresultmoreless"><a href="#" class="searchresultdetailstoggle">expand</a></p>
     239                            <p class="searchresultdescription">
     240                                Presentatie: Felix Meurders. Hij wordt bijgestaan door een Mediaraad, die gedurende het programma commentaar levert op de onderwerpen. Vaste onderdelen: deleugenregeert.nl en een media-analyse door Francisco van Jole. Serie...
     241                            </p>
     242                            <p class="searchresultresources">
     243                                Resources: <a href="record1.html">1 annotation file</a>, <a href="record1.html">1 audio file</a>
     244                            </p>
     245                            <div class="searchresultitemend"></div>
     246                        </li>
     247                    </ul>
     248                    <div id="searchresultpagination">
     249                        &lt;&lt;
     250                        &lt;
     251                        1
     252                        <a href="">2</a>
     253                        <a href="">3</a>
     254                        <a href="">4</a>
     255                        <a href="">5</a>
     256                        <a href="">6</a>
     257                        <a href="">7</a>
     258                        <a href="">8</a>
     259                        <a href="">9</a>
     260                        <a href="">10</a>
     261                        <a href="">&gt;</a>
     262                        <a href="">&gt;&gt;</a>
     263
     264                        <form id="resultpagesizeform">
     265                            <label for="resultpagesize">Results per page:</label>
     266                            <select id="resultpagesize">
     267                                <option>5</option>
     268                                <option>10</option>
     269                                <option selected="selected">25</option>
     270                                <option>50</option>
     271                                <option>100</option>
     272                            </select>
     273                        </form>
     274                    </div>
     275                </div>
     276            </div>
     277           
     278            <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>
     445                <div class="sidebaritem facet collapsedfacet">
     446                    <!-- rounded corners - top **** -->
     447                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     448                    <a href="#" class="expandfacet"><span>expand</span></a>
     449                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     450                    <h1><a href="#">Search options</a></h1>
     451                    <div class="sbilinks facetvalues">
     452                        <form id="advancedoptions" action="">
     453                            <ul>
     454                                <li>
     455                                    <input type="checkbox" id="onlyfcs"/>
     456                                    <label for="onlyfcs">Only include resources that support content search</label>
     457                                </li>
     458                                <li>
     459                                    <input type="checkbox" id="onlymdformat"/>
     460                                    <label for="onlyfcs">Only include resources described with</label>
     461                                    <select>
     462                                        <option>CMDI</option>
     463                                        <option>OLAC</option>
     464                                    </select>
     465                                </li>
     466                            </ul>
     467                            <input type="submit" value="Apply" />
     468                        </form>
     469                    </div>
     470                    <!-- rounded corners - bottom **** -->
     471                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     472                </div>
     473            </div>
     474
     475
     476            <div id="footer">
     477                CLARIN VLO version 3.0 | <a href="#">help</a> | <a href="#">about</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a>
     478            </div>
     479        </div>
     480
     481        <div id="facetvalues">
     482            <div><a href="" id="facetvaluescancel">Cancel</a></div>
     483            <h2>Resource type</h2>
     484            <p>All values in this facet</p>
     485            <p>Sort by <select><option>name</option><option>count</option></select></p>
     486            <div>Search: <input type="text" /></div>
     487            <div class="sortedFacet">
     488                <div>
     489                    <div class="anchorpanel"><a href=""></a><span>A</span></div>
     490                </div>
     491                <div>
     492                    <div class="facetLinkPanel"><a href=""><span>A Corpus</span></a> (<span>1</span>)</div>
     493                </div><div>
     494                    <div class="facetLinkPanel"><a href=""><span>A Lexicon</span></a> (<span>4</span>)</div>
     495                </div><div>
     496                    <div class="facetLinkPanel"><a href=""><span>A bundle</span></a> (<span>1</span>)</div>
     497                </div><div>
     498                    <div class="facetLinkPanel"><a href=""><span>Academic dissertations</span></a> (<span>18</span>)</div>
     499                </div><div>
     500                    <div class="facetLinkPanel"><a href=""><span>Addresses</span></a> (<span>11</span>)</div>
     501                </div><div>
     502                    <div class="facetLinkPanel"><a href=""><span>AddressesAnthologiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
     503                </div><div>
     504                    <div class="facetLinkPanel"><a href=""><span>Aligned Corpus</span></a> (<span>60</span>)</div>
     505                </div><div>
     506                    <div class="facetLinkPanel"><a href=""><span>Ancient religious texts</span></a> (<span>3</span>)</div>
     507                </div><div>
     508                    <div class="facetLinkPanel"><a href=""><span>Annals</span></a> (<span>4</span>)</div>
     509                </div><div>
     510                    <div class="facetLinkPanel"><a href=""><span>AnnotatedTextCorpus</span></a> (<span>1</span>)</div>
     511                </div><div>
     512                    <div class="facetLinkPanel"><a href=""><span>Anthologies</span></a> (<span>30</span>)</div>
     513                </div><div>
     514                    <div class="facetLinkPanel"><a href=""><span>AnthologiesDevotional literature</span></a> (<span>1</span>)</div>
     515                </div><div>
     516                    <div class="facetLinkPanel"><a href=""><span>AnthologiesLinguistic corporaCorpus</span></a> (<span>2</span>)</div>
     517                </div><div>
     518                    <div class="facetLinkPanel"><a href=""><span>Anthology</span></a> (<span>1</span>)</div>
     519                </div><div>
     520                    <div class="facetLinkPanel"><a href=""><span>Application</span></a> (<span>5</span>)</div>
     521                </div><div>
     522                    <div class="facetLinkPanel"><a href=""><span>Application / Tool</span></a> (<span>174</span>)</div>
     523                </div><div>
     524                    <div class="facetLinkPanel"><a href=""><span>Article</span></a> (<span>139</span>)</div>
     525                </div><div>
     526                    <div class="facetLinkPanel"><a href=""><span>Autobiographies</span></a> (<span>4</span>)</div>
     527                </div><div>
     528                    <div class="facetLinkPanel"><a href=""><span>aligned_sentence</span></a> (<span>3</span>)</div>
     529                </div><div>
     530                    <div class="facetLinkPanel"><a href=""><span>amateurfilm</span></a> (<span>12</span>)</div>
     531                </div><div>
     532                    <div class="facetLinkPanel"><a href=""><span>annotation: Affixes</span></a> (<span>1</span>)</div>
     533                </div><div>
     534                    <div class="facetLinkPanel"><a href=""><span>annotation: Chinese_glosses</span></a> (<span>1</span>)</div>
     535                </div><div>
     536                    <div class="facetLinkPanel"><a href=""><span>annotation: English_glosses</span></a> (<span>1</span>)</div>
     537                </div><div>
     538                    <div class="facetLinkPanel"><a href=""><span>audio</span></a> (<span>35</span>)</div>
     539                </div>
     540            </div>
     541            <div class="sortedFacet">
     542                <div>
     543                    <div class="anchorpanel"><a href=""></a><span>B</span></div>
     544                </div>
     545                <div>
     546                    <div class="facetLinkPanel"><a href=""><span>Ballad operas</span></a> (<span>1</span>)</div>
     547                </div><div>
     548                    <div class="facetLinkPanel"><a href=""><span>Bible storiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
     549                </div><div>
     550                    <div class="facetLinkPanel"><a href=""><span>Bibles</span></a> (<span>1</span>)</div>
     551                </div><div>
     552                    <div class="facetLinkPanel"><a href=""><span>Bibliographies</span></a> (<span>1</span>)</div>
     553                </div><div>
     554                    <div class="facetLinkPanel"><a href=""><span>Biographies</span></a> (<span>13</span>)</div>
     555                </div><div>
     556                    <div class="facetLinkPanel"><a href=""><span>Book</span></a> (<span>4</span>)</div>
     557                </div><div>
     558                    <div class="facetLinkPanel"><a href=""><span>Book Chapter</span></a> (<span>39</span>)</div>
     559                </div><div>
     560                    <div class="facetLinkPanel"><a href=""><span>Buddhism</span></a> (<span>2</span>)</div>
     561                </div><div>
     562                    <div class="facetLinkPanel"><a href=""><span>bilingual</span></a> (<span>5</span>)</div>
     563                </div><div>
     564                    <div class="facetLinkPanel"><a href=""><span>bioscoop</span></a> (<span>2956</span>)</div>
     565                </div>
     566            </div>
     567        </div>
     568    </body>
    63569</html>

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

    r4457 r4466  
    55import org.apache.wicket.markup.html.WebPage;
    66
    7 public class HomePage extends WebPage {
     7public class FacetedSearchPage extends WebPage {
    88        private static final long serialVersionUID = 1L;
    99
    10         public HomePage(final PageParameters parameters) {
     10        public FacetedSearchPage(final PageParameters parameters) {
    1111                super(parameters);
    12 
    13                 add(new Label("version", getApplication().getFrameworkSettings().getVersion()));
    14 
    15                 // TODO Add your page's components here
    1612
    1713    }

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

    r4323 r4466  
    1818        public Class<? extends WebPage> getHomePage()
    1919        {
    20                 return HomePage.class;
     20                return FacetedSearchPage.class;
    2121        }
    2222

  • vlo/branches/vlo-3.0/vlo-web-app/src/test/java/eu/clarin/cmdi/TestHomePage.java

    r4323 r4466  
    2222        {
    2323                //start and render the test page
    24                 tester.startPage(HomePage.class);
     24                tester.startPage(FacetedSearchPage.class);
    2525
    2626                //assert rendered page class
    27                 tester.assertRenderedPage(HomePage.class);
     27                tester.assertRenderedPage(FacetedSearchPage.class);
    2828        }
    2929}
Note: See TracChangeset for help on using the changeset viewer.