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

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

Fixed layout of collection facet panel

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