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

Last change on this file since 4595 was 4595, checked in by Twan Goosen, 10 years ago

facet subpanels don't declare div, moved to parent. fixes layout of collections panel
File size: 10.8 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="facet collapsedfacet topbar" wicket:id="collectionsFacet" id="collections">[COLLECTIONS]</div>
65
66            <div class="content">
67                <form wicket:id="search" action="" id="search">
68                    <p>
69                        <span id="searchcontrols">
70                            <input wicket:id="query" id="searchbox" type="text" value="democratie" />
71                            <input wicket:id="searchSubmit" id="searchbutton" type="submit" value="Search"/>
72                        </span>
73                    </p>
74                </form>
75                <div wicket:id="searchResults" id="searchresults">[SEARCH RESULTS]</div>
76            </div>
77
78            <div class="sidebar">
79
80                <div wicket:id="facets"></div>
81
82                <div class="sidebaritem facet collapsedfacet">
83                    <!-- rounded corners - top **** -->
84                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
85                    <a href="#" class="expandfacet"><span>expand</span></a>
86                    <a href="#" class="collapsefacet"><span>collapse</span></a>
87                    <h1><a href="#">Search options</a></h1>
88                    <div class="sbilinks facetvalues">
89                        <form id="advancedoptions" action="">
90                            <ul>
91                                <li>
92                                    <input type="checkbox" id="onlyfcs"/>
93                                    <label for="onlyfcs">Only include resources that support content search</label>
94                                </li>
95                                <li>
96                                    <input type="checkbox" id="onlymdformat"/>
97                                    <label for="onlyfcs">Only include resources described with</label>
98                                    <select>
99                                        <option>CMDI</option>
100                                        <option>OLAC</option>
101                                    </select>
102                                </li>
103                            </ul>
104                            <input type="submit" value="Apply" />
105                        </form>
106                    </div>
107                    <!-- rounded corners - bottom **** -->
108                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
109                </div>
110            </div>
111
112
113            <div id="footer">
114                CLARIN VLO version 3.0 | <a href="#">help</a> | <a href="#">about</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a>
115            </div>
116        </div>
117
118        <div id="facetvalues">
119            <div><a href="" id="facetvaluescancel">Cancel</a></div>
120            <h2>Resource type</h2>
121            <p>All values in this facet</p>
122            <p>Sort by <select><option>name</option><option>count</option></select></p>
123            <div>Search: <input type="text" /></div>
124            <div class="sortedFacet">
125                <div>
126                    <div class="anchorpanel"><a href=""></a><span>A</span></div>
127                </div>
128                <div>
129                    <div class="facetLinkPanel"><a href=""><span>A Corpus</span></a> (<span>1</span>)</div>
130                </div><div>
131                    <div class="facetLinkPanel"><a href=""><span>A Lexicon</span></a> (<span>4</span>)</div>
132                </div><div>
133                    <div class="facetLinkPanel"><a href=""><span>A bundle</span></a> (<span>1</span>)</div>
134                </div><div>
135                    <div class="facetLinkPanel"><a href=""><span>Academic dissertations</span></a> (<span>18</span>)</div>
136                </div><div>
137                    <div class="facetLinkPanel"><a href=""><span>Addresses</span></a> (<span>11</span>)</div>
138                </div><div>
139                    <div class="facetLinkPanel"><a href=""><span>AddressesAnthologiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
140                </div><div>
141                    <div class="facetLinkPanel"><a href=""><span>Aligned Corpus</span></a> (<span>60</span>)</div>
142                </div><div>
143                    <div class="facetLinkPanel"><a href=""><span>Ancient religious texts</span></a> (<span>3</span>)</div>
144                </div><div>
145                    <div class="facetLinkPanel"><a href=""><span>Annals</span></a> (<span>4</span>)</div>
146                </div><div>
147                    <div class="facetLinkPanel"><a href=""><span>AnnotatedTextCorpus</span></a> (<span>1</span>)</div>
148                </div><div>
149                    <div class="facetLinkPanel"><a href=""><span>Anthologies</span></a> (<span>30</span>)</div>
150                </div><div>
151                    <div class="facetLinkPanel"><a href=""><span>AnthologiesDevotional literature</span></a> (<span>1</span>)</div>
152                </div><div>
153                    <div class="facetLinkPanel"><a href=""><span>AnthologiesLinguistic corporaCorpus</span></a> (<span>2</span>)</div>
154                </div><div>
155                    <div class="facetLinkPanel"><a href=""><span>Anthology</span></a> (<span>1</span>)</div>
156                </div><div>
157                    <div class="facetLinkPanel"><a href=""><span>Application</span></a> (<span>5</span>)</div>
158                </div><div>
159                    <div class="facetLinkPanel"><a href=""><span>Application / Tool</span></a> (<span>174</span>)</div>
160                </div><div>
161                    <div class="facetLinkPanel"><a href=""><span>Article</span></a> (<span>139</span>)</div>
162                </div><div>
163                    <div class="facetLinkPanel"><a href=""><span>Autobiographies</span></a> (<span>4</span>)</div>
164                </div><div>
165                    <div class="facetLinkPanel"><a href=""><span>aligned_sentence</span></a> (<span>3</span>)</div>
166                </div><div>
167                    <div class="facetLinkPanel"><a href=""><span>amateurfilm</span></a> (<span>12</span>)</div>
168                </div><div>
169                    <div class="facetLinkPanel"><a href=""><span>annotation: Affixes</span></a> (<span>1</span>)</div>
170                </div><div>
171                    <div class="facetLinkPanel"><a href=""><span>annotation: Chinese_glosses</span></a> (<span>1</span>)</div>
172                </div><div>
173                    <div class="facetLinkPanel"><a href=""><span>annotation: English_glosses</span></a> (<span>1</span>)</div>
174                </div><div>
175                    <div class="facetLinkPanel"><a href=""><span>audio</span></a> (<span>35</span>)</div>
176                </div>
177            </div>
178            <div class="sortedFacet">
179                <div>
180                    <div class="anchorpanel"><a href=""></a><span>B</span></div>
181                </div>
182                <div>
183                    <div class="facetLinkPanel"><a href=""><span>Ballad operas</span></a> (<span>1</span>)</div>
184                </div><div>
185                    <div class="facetLinkPanel"><a href=""><span>Bible storiesLinguistic corporaCorpus</span></a> (<span>1</span>)</div>
186                </div><div>
187                    <div class="facetLinkPanel"><a href=""><span>Bibles</span></a> (<span>1</span>)</div>
188                </div><div>
189                    <div class="facetLinkPanel"><a href=""><span>Bibliographies</span></a> (<span>1</span>)</div>
190                </div><div>
191                    <div class="facetLinkPanel"><a href=""><span>Biographies</span></a> (<span>13</span>)</div>
192                </div><div>
193                    <div class="facetLinkPanel"><a href=""><span>Book</span></a> (<span>4</span>)</div>
194                </div><div>
195                    <div class="facetLinkPanel"><a href=""><span>Book Chapter</span></a> (<span>39</span>)</div>
196                </div><div>
197                    <div class="facetLinkPanel"><a href=""><span>Buddhism</span></a> (<span>2</span>)</div>
198                </div><div>
199                    <div class="facetLinkPanel"><a href=""><span>bilingual</span></a> (<span>5</span>)</div>
200                </div><div>
201                    <div class="facetLinkPanel"><a href=""><span>bioscoop</span></a> (<span>2956</span>)</div>
202                </div>
203            </div>
204        </div>
205    </body>
206</html>
Note: See TracBrowser for help on using the repository browser.