Ignore:
Timestamp:
03/07/14 15:58:35 (10 years ago)
Author:
Twan Goosen
Message:

made a VLO base page that is now parent to record page and faceted search page (for now just a shared header and footer)

File:
1 copied

Legend:

Unmodified
Added
Removed
  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/pages/VloBasePage.html

    r4651 r4653  
    4040    <body>
    4141        <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
     42        <!-- TODO: Include in header per page? -->
     43        <script src="js/vlo-front.js" type="text/javascript"></script>
    4244        <script src="js/vlo-facets.js" type="text/javascript"></script>
     45        <script src="js/vlo-record.js" type="text/javascript"></script>
    4346        <script src="js/vlo-search.js" type="text/javascript"></script>
    4447
     
    5053                </div>
    5154            </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" id="collections">
    65                 <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    66                 <div wicket:id="collectionsFacet">[COLLECTIONS]</div>
    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 
     55           
     56            <wicket:child />
    11957
    12058            <div id="footer">
     
    12361        </div>
    12462
    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>
    21263    </body>
    21364</html>
Note: See TracChangeset for help on using the changeset viewer.