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

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

Added single facet panel for collection selection
File size: 13.1 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 wicket:id="collectionsFacet">[COLLECTIONS]</div>
65           
66<!--            <div class="topbar facet collapsedfacet" id="collections">
67                <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
68                <a href="#" class="expandfacet"><span>expand</span></a>
69                <a href="#" class="collapsefacet"><span>collapse</span></a>
70                <h1><a href="#">Collections</a></h1>
71                <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
72                <form class="filterform">
73                    <input type="text" />
74                </form>
75                <p>
76                    Searching in all collections (604056 records). <a href="" id="showvalues">Select an individual collection.</a>
77                </p>
78                <div class="facetvalues">
79                    <ul>
80                        <li class="collection"><a href="">Meertens collection: Liederenbank (243129)</a></li>
81                        <li class="collection"><a href="">UBU Clarin Set (69311)</a></li>
82                        <li class="collection"><a href="">Nederlands Instituut voor Beeld en Geluid Academia collectie (46156)</a></li>
83                        <li class="collection"><a href="">TLA: childes (29266)</a></li>
84                        <li class="collection"><a href="">TLA: DoBeS archive (24722)</a></li>
85                        <li class="collection"><a href="">TLA: Language and Cognition (23535)</a></li>
86                        <li class="collection"><a href="">TLA: talkbank (14593)</a></li>
87                        <li class="collection"><a href="">Bavarian Archive for Speech Signals (BAS) (14416)</a></li>
88                        <li class="collection"><a href="">TLA: Acquisition (14363)</a></li>
89                        <li class="collection"><a href="">Institut f&uuml;r Deutsche Sprache, CLARIN-D Zentrum, Mannheim (14320)</a></li>
90                        <li class="collection"><a href="">Meertens collection: Liederenbank (243129)</a></li>
91                        <li class="more-link"><a href="#">more...</a></li>
92                    </ul>
93                </div>
94                 rounded corners - bottom ****
95                <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
96            </div>-->
97
98            <div class="content">
99                <form wicket:id="search" action="" id="search">
100                    <p>
101                        <span id="searchcontrols">
102                            <input wicket:id="query" id="searchbox" type="text" value="democratie" />
103                            <input wicket:id="searchSubmit" id="searchbutton" type="submit" value="Search"/>
104                        </span>
105                    </p>
106                </form>
107                <div wicket:id="searchResults" id="searchresults">[SEARCH RESULTS]</div>
108            </div>
109
110            <div class="sidebar">
111
112                <div wicket:id="facets"></div>
113
114                <div class="sidebaritem facet collapsedfacet">
115                    <!-- rounded corners - top **** -->
116                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
117                    <a href="#" class="expandfacet"><span>expand</span></a>
118                    <a href="#" class="collapsefacet"><span>collapse</span></a>
119                    <h1><a href="#">Search options</a></h1>
120                    <div class="sbilinks facetvalues">
121                        <form id="advancedoptions" action="">
122                            <ul>
123                                <li>
124                                    <input type="checkbox" id="onlyfcs"/>
125                                    <label for="onlyfcs">Only include resources that support content search</label>
126                                </li>
127                                <li>
128                                    <input type="checkbox" id="onlymdformat"/>
129                                    <label for="onlyfcs">Only include resources described with</label>
130                                    <select>
131                                        <option>CMDI</option>
132                                        <option>OLAC</option>
133                                    </select>
134                                </li>
135                            </ul>
136                            <input type="submit" value="Apply" />
137                        </form>
138                    </div>
139                    <!-- rounded corners - bottom **** -->
140                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
141                </div>
142            </div>
143
144
145            <div id="footer">
146                CLARIN VLO version 3.0 | <a href="#">help</a> | <a href="#">about</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a>
147            </div>
148        </div>
149
150        <div id="facetvalues">
151            <div><a href="" id="facetvaluescancel">Cancel</a></div>
152            <h2>Resource type</h2>
153            <p>All values in this facet</p>
154            <p>Sort by <select><option>name</option><option>count</option></select></p>
155            <div>Search: <input type="text" /></div>
156            <div class="sortedFacet">
157                <div>
158                    <div class="anchorpanel"><a href=""></a><span>A</span></div>
159                </div>
160                <div>
161                    <div class="facetLinkPanel"><a href=""><span>A Corpus</span></a> (<span>1</span>)</div>
162                </div><div>
163                    <div class="facetLinkPanel"><a href=""><span>A Lexicon</span></a> (<span>4</span>)</div>
164                </div><div>
165                    <div class="facetLinkPanel"><a href=""><span>A bundle</span></a> (<span>1</span>)</div>
166                </div><div>
167                    <div class="facetLinkPanel"><a href=""><span>Academic dissertations</span></a> (<span>18</span>)</div>
168                </div><div>
169                    <div class="facetLinkPanel"><a href=""><span>Addresses</span></a> (<span>11</span>)</div>
170                </div><div>
171                    <div class="facetLinkPanel"><a href=""><span>AddressesAnthologiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
172                </div><div>
173                    <div class="facetLinkPanel"><a href=""><span>Aligned Corpus</span></a> (<span>60</span>)</div>
174                </div><div>
175                    <div class="facetLinkPanel"><a href=""><span>Ancient religious texts</span></a> (<span>3</span>)</div>
176                </div><div>
177                    <div class="facetLinkPanel"><a href=""><span>Annals</span></a> (<span>4</span>)</div>
178                </div><div>
179                    <div class="facetLinkPanel"><a href=""><span>AnnotatedTextCorpus</span></a> (<span>1</span>)</div>
180                </div><div>
181                    <div class="facetLinkPanel"><a href=""><span>Anthologies</span></a> (<span>30</span>)</div>
182                </div><div>
183                    <div class="facetLinkPanel"><a href=""><span>AnthologiesDevotional literature</span></a> (<span>1</span>)</div>
184                </div><div>
185                    <div class="facetLinkPanel"><a href=""><span>AnthologiesLinguistic corporaCorpus</span></a> (<span>2</span>)</div>
186                </div><div>
187                    <div class="facetLinkPanel"><a href=""><span>Anthology</span></a> (<span>1</span>)</div>
188                </div><div>
189                    <div class="facetLinkPanel"><a href=""><span>Application</span></a> (<span>5</span>)</div>
190                </div><div>
191                    <div class="facetLinkPanel"><a href=""><span>Application / Tool</span></a> (<span>174</span>)</div>
192                </div><div>
193                    <div class="facetLinkPanel"><a href=""><span>Article</span></a> (<span>139</span>)</div>
194                </div><div>
195                    <div class="facetLinkPanel"><a href=""><span>Autobiographies</span></a> (<span>4</span>)</div>
196                </div><div>
197                    <div class="facetLinkPanel"><a href=""><span>aligned_sentence</span></a> (<span>3</span>)</div>
198                </div><div>
199                    <div class="facetLinkPanel"><a href=""><span>amateurfilm</span></a> (<span>12</span>)</div>
200                </div><div>
201                    <div class="facetLinkPanel"><a href=""><span>annotation: Affixes</span></a> (<span>1</span>)</div>
202                </div><div>
203                    <div class="facetLinkPanel"><a href=""><span>annotation: Chinese_glosses</span></a> (<span>1</span>)</div>
204                </div><div>
205                    <div class="facetLinkPanel"><a href=""><span>annotation: English_glosses</span></a> (<span>1</span>)</div>
206                </div><div>
207                    <div class="facetLinkPanel"><a href=""><span>audio</span></a> (<span>35</span>)</div>
208                </div>
209            </div>
210            <div class="sortedFacet">
211                <div>
212                    <div class="anchorpanel"><a href=""></a><span>B</span></div>
213                </div>
214                <div>
215                    <div class="facetLinkPanel"><a href=""><span>Ballad operas</span></a> (<span>1</span>)</div>
216                </div><div>
217                    <div class="facetLinkPanel"><a href=""><span>Bible storiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
218                </div><div>
219                    <div class="facetLinkPanel"><a href=""><span>Bibles</span></a> (<span>1</span>)</div>
220                </div><div>
221                    <div class="facetLinkPanel"><a href=""><span>Bibliographies</span></a> (<span>1</span>)</div>
222                </div><div>
223                    <div class="facetLinkPanel"><a href=""><span>Biographies</span></a> (<span>13</span>)</div>
224                </div><div>
225                    <div class="facetLinkPanel"><a href=""><span>Book</span></a> (<span>4</span>)</div>
226                </div><div>
227                    <div class="facetLinkPanel"><a href=""><span>Book Chapter</span></a> (<span>39</span>)</div>
228                </div><div>
229                    <div class="facetLinkPanel"><a href=""><span>Buddhism</span></a> (<span>2</span>)</div>
230                </div><div>
231                    <div class="facetLinkPanel"><a href=""><span>bilingual</span></a> (<span>5</span>)</div>
232                </div><div>
233                    <div class="facetLinkPanel"><a href=""><span>bioscoop</span></a> (<span>2956</span>)</div>
234                </div>
235            </div>
236        </div>
237    </body>
238</html>
Note: See TracBrowser for help on using the repository browser.