Changeset 4423


Ignore:
Timestamp:
01/31/14 14:32:07 (10 years ago)
Author:
twagoo
Message:

limited filtering on front page of mockup

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main/html
Files:
2 edited
1 copied

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index.html

    r4422 r4423  
    4040    <body>
    4141        <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
     42        <script src="js/vlo-front.js" type="text/javascript"></script>
    4243        <script src="js/vlo-facets.js" type="text/javascript"></script>
    43         <script src="js/vlo-search.js" type="text/javascript"></script>
    4444
    4545        <div id="main">
    … …  
    137137                    Enter one or more search terms, or
    138138                    <a id="browseallrecords" href="index2.html">browse all 604056 records</a><br />
    139                     Filter by: <a href="index2.html">Language</a>
    140                     | <a href="index2.html">Type</a>
    141                     | <a href="index2.html">Genre</a>
    142                     | <a href="index2.html">Keyword</a>
    143                     | <a href="index2.html">Format</a>
    144                     | <a href="index2.html">Organisation</a>
    145                     | <a href="index2.html">National project</a>
     139                    Filter by: <a id="filterlanguage" href="">Language</a>
     140                    | <a href="">Type</a>
     141                    | <a href="">Genre</a>
     142                    | <a href="">National project</a>
     143                    | <a href="index2.html">Other</a>
    146144                </p>
     145
     146                <div id="frontfacets">
     147                    <div class="facet" id="facetlanguage">
     148                        <a href class="filtertoggle"><span>filter</span></a>
     149                        <form class="filterform">
     150                            <p>
     151                                Select a language to filter by or type to search for more:
     152                                <input type="text" />
     153                            </p>
     154                        </form>
     155                        <div class="sbilinks facetvalues">
     156                            <ul>
     157                                <li><a href="index3.html">Dutch (148167)</a></li>
     158                                <li><a href="index3.html">English (72547)</a></li>
     159                                <li><a href="index3.html">German (39042)</a></li>
     160                                <li><a href="index3.html">French (9227)</a></li>
     161                                <li><a href="index3.html">Spanish; Castilian (8684)</a></li>
     162                                <li><a href="index3.html">Danish (8447)</a></li>
     163                                <li><a href="index3.html">Japanese (6761)</a></li>
     164                                <li><a href="index3.html">Turkish (4988)</a></li>
     165                                <li><a href="index3.html">Chinese (1980)</a></li>
     166                                <li class="more-link"><a href="#">more...</a></li>
     167                            </ul>
     168                        </div>
     169                    </div>
     170                </div>
     171
    147172            </div>
    148 
    149173
    150174            <div id="footer">

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/js/vlo-front.js

    r4403 r4423  
    1818
    1919$(document).ready(function() {
    20     $(".searchresultitemextended").hide();
    21    
    22     $("a.searchresultdetailstoggle").click(function(event) {
     20    $("#frontfacets .facet").hide();
     21    $("a#filterlanguage").click(function(event) {
    2322        event.preventDefault();
    24         var item = $(this).parents(".searchresultitem");
    25         item.find(".searchresultitembrief").toggle();
    26         item.find(".searchresultitemextended").toggle();
     23        $("#facetlanguage").slideToggle(200);
     24        $("#facetlanguage").find("input").focus();
    2725    });
    2826});

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

    r4419 r4423  
    2222
    2323/* facet links */
     24
     25#frontfacets .facet {
     26    margin-left: 6px;
     27    width: 350px;
     28    padding: 6px;
     29    border: 1px dashed;
     30}
    2431
    2532.facet {
    … …  
    148155}
    149156
    150 .filterform {
     157facet.filterform {
    151158    clear: both;
    152159    margin-left: 12px;
Note: See TracChangeset for help on using the changeset viewer.