source: vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/pages/FacetedSearchPage.html @ 4515

Last change on this file since 4515 was 4515, checked in by twagoo, 10 years ago

updated package structure (added vlo.wicket.*) and removed two obsolete pojo classes
File size: 24.2 KB
Line 
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    <!--
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    -->
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               
280                <div wicket:id="facets"></div>
281               
282                <div class="sidebaritem facet collapsedfacet">
283                    <!-- rounded corners - top **** -->
284                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
285                    <a href="#" class="expandfacet"><span>expand</span></a>
286                    <a href="#" class="collapsefacet"><span>collapse</span></a>
287                    <h1><a href="#">Search options</a></h1>
288                    <div class="sbilinks facetvalues">
289                        <form id="advancedoptions" action="">
290                            <ul>
291                                <li>
292                                    <input type="checkbox" id="onlyfcs"/>
293                                    <label for="onlyfcs">Only include resources that support content search</label>
294                                </li>
295                                <li>
296                                    <input type="checkbox" id="onlymdformat"/>
297                                    <label for="onlyfcs">Only include resources described with</label>
298                                    <select>
299                                        <option>CMDI</option>
300                                        <option>OLAC</option>
301                                    </select>
302                                </li>
303                            </ul>
304                            <input type="submit" value="Apply" />
305                        </form>
306                    </div>
307                    <!-- rounded corners - bottom **** -->
308                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
309                </div>
310            </div>
311
312
313            <div id="footer">
314                CLARIN VLO version 3.0 | <a href="#">help</a> | <a href="#">about</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a>
315            </div>
316        </div>
317
318        <div id="facetvalues">
319            <div><a href="" id="facetvaluescancel">Cancel</a></div>
320            <h2>Resource type</h2>
321            <p>All values in this facet</p>
322            <p>Sort by <select><option>name</option><option>count</option></select></p>
323            <div>Search: <input type="text" /></div>
324            <div class="sortedFacet">
325                <div>
326                    <div class="anchorpanel"><a href=""></a><span>A</span></div>
327                </div>
328                <div>
329                    <div class="facetLinkPanel"><a href=""><span>A Corpus</span></a> (<span>1</span>)</div>
330                </div><div>
331                    <div class="facetLinkPanel"><a href=""><span>A Lexicon</span></a> (<span>4</span>)</div>
332                </div><div>
333                    <div class="facetLinkPanel"><a href=""><span>A bundle</span></a> (<span>1</span>)</div>
334                </div><div>
335                    <div class="facetLinkPanel"><a href=""><span>Academic dissertations</span></a> (<span>18</span>)</div>
336                </div><div>
337                    <div class="facetLinkPanel"><a href=""><span>Addresses</span></a> (<span>11</span>)</div>
338                </div><div>
339                    <div class="facetLinkPanel"><a href=""><span>AddressesAnthologiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
340                </div><div>
341                    <div class="facetLinkPanel"><a href=""><span>Aligned Corpus</span></a> (<span>60</span>)</div>
342                </div><div>
343                    <div class="facetLinkPanel"><a href=""><span>Ancient religious texts</span></a> (<span>3</span>)</div>
344                </div><div>
345                    <div class="facetLinkPanel"><a href=""><span>Annals</span></a> (<span>4</span>)</div>
346                </div><div>
347                    <div class="facetLinkPanel"><a href=""><span>AnnotatedTextCorpus</span></a> (<span>1</span>)</div>
348                </div><div>
349                    <div class="facetLinkPanel"><a href=""><span>Anthologies</span></a> (<span>30</span>)</div>
350                </div><div>
351                    <div class="facetLinkPanel"><a href=""><span>AnthologiesDevotional literature</span></a> (<span>1</span>)</div>
352                </div><div>
353                    <div class="facetLinkPanel"><a href=""><span>AnthologiesLinguistic corporaCorpus</span></a> (<span>2</span>)</div>
354                </div><div>
355                    <div class="facetLinkPanel"><a href=""><span>Anthology</span></a> (<span>1</span>)</div>
356                </div><div>
357                    <div class="facetLinkPanel"><a href=""><span>Application</span></a> (<span>5</span>)</div>
358                </div><div>
359                    <div class="facetLinkPanel"><a href=""><span>Application / Tool</span></a> (<span>174</span>)</div>
360                </div><div>
361                    <div class="facetLinkPanel"><a href=""><span>Article</span></a> (<span>139</span>)</div>
362                </div><div>
363                    <div class="facetLinkPanel"><a href=""><span>Autobiographies</span></a> (<span>4</span>)</div>
364                </div><div>
365                    <div class="facetLinkPanel"><a href=""><span>aligned_sentence</span></a> (<span>3</span>)</div>
366                </div><div>
367                    <div class="facetLinkPanel"><a href=""><span>amateurfilm</span></a> (<span>12</span>)</div>
368                </div><div>
369                    <div class="facetLinkPanel"><a href=""><span>annotation: Affixes</span></a> (<span>1</span>)</div>
370                </div><div>
371                    <div class="facetLinkPanel"><a href=""><span>annotation: Chinese_glosses</span></a> (<span>1</span>)</div>
372                </div><div>
373                    <div class="facetLinkPanel"><a href=""><span>annotation: English_glosses</span></a> (<span>1</span>)</div>
374                </div><div>
375                    <div class="facetLinkPanel"><a href=""><span>audio</span></a> (<span>35</span>)</div>
376                </div>
377            </div>
378            <div class="sortedFacet">
379                <div>
380                    <div class="anchorpanel"><a href=""></a><span>B</span></div>
381                </div>
382                <div>
383                    <div class="facetLinkPanel"><a href=""><span>Ballad operas</span></a> (<span>1</span>)</div>
384                </div><div>
385                    <div class="facetLinkPanel"><a href=""><span>Bible storiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
386                </div><div>
387                    <div class="facetLinkPanel"><a href=""><span>Bibles</span></a> (<span>1</span>)</div>
388                </div><div>
389                    <div class="facetLinkPanel"><a href=""><span>Bibliographies</span></a> (<span>1</span>)</div>
390                </div><div>
391                    <div class="facetLinkPanel"><a href=""><span>Biographies</span></a> (<span>13</span>)</div>
392                </div><div>
393                    <div class="facetLinkPanel"><a href=""><span>Book</span></a> (<span>4</span>)</div>
394                </div><div>
395                    <div class="facetLinkPanel"><a href=""><span>Book Chapter</span></a> (<span>39</span>)</div>
396                </div><div>
397                    <div class="facetLinkPanel"><a href=""><span>Buddhism</span></a> (<span>2</span>)</div>
398                </div><div>
399                    <div class="facetLinkPanel"><a href=""><span>bilingual</span></a> (<span>5</span>)</div>
400                </div><div>
401                    <div class="facetLinkPanel"><a href=""><span>bioscoop</span></a> (<span>2956</span>)</div>
402                </div>
403            </div>
404        </div>
405    </body>
406</html>
Note: See TracBrowser for help on using the repository browser.