Changeset 4560


Ignore:
Timestamp:
02/25/14 13:09:49 (10 years ago)
Author:
twagoo
Message:

Separated out search result item into a separate panel.
Removed expanded search result item view (will not be in alpha)

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main
Files:
1 added
3 edited
1 copied

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/components/SearchResultItemPanel.html

    r4556 r4560  
    2424    <body>
    2525        <wicket:panel>
    26             <h1>Search results</h1>
    27             <div id="searchresultsheader">
    28                 <span wicket:id="resultCount" id="searchresultcount">604056 results</span>
    29                 <span wicket:id="resultPageIndicator" id="searchresultpagecount">Showing 1 to 25</span>
     26            <h2>
     27                <a wicket:id="title" href="record1.html">[TITLE]</a>
     28            </h2>
     29            <div class="searchresultitembrief">
     30                <p class="searchresultmoreless">
     31                    <a href="#" class="searchresultdetailstoggle">expand</a>
     32                </p>
     33                <p class="searchresultdescription" wicket:id="description">
     34                    [DESCRIPTION]
     35                </p>
     36                <p class="searchresultresources">
     37                    Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>, <a href="record1.html">1 annotation file</a>
     38                </p>
     39            </div>
     40<!--
     41            <div class="searchresultitemextended">
     42                <p class="searchresultmoreless">
     43                    <a href="#" class="searchresultdetailstoggle">collapse</a>
     44                </p>
     45                <p class="searchresultdescription">
     46                    In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
     47                </p>
     48                <div class="searchresultattributes">
     49                    <table class="recorddetailstable">
     50                        <tbody class="attributesTbody">
     51                            <tr>
     52                                <td class="attribute">
     53                                    <div>Collection</div>
     54                                </td><td class="attributeValue">
     55                                    <div>UBU Clarin Set<a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     56                                </td>
     57                            </tr>
     58                            <tr>
     59                                <td class="attribute">
     60                                    <div>Genre</div>
     61                                </td><td class="attributeValue">
     62                                    <div>info:eu-repo/semantics/bachelorthesis <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     63                                </td>
     64                            </tr><tr>
     65                                <td class="attribute">
     66                                    <div>Languages</div>
     67                                </td><td class="attributeValue">
     68                                    <div>Dutch <a class="recordattributeinfo" href="http://infra.clarin.eu/service/language/info.php?code=nld"><span>[info]</span></a> <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     69                                </td>
     70                            </tr><tr>
     71                                <td class="attribute">
     72                                    <div>National project</div>
     73                                </td><td class="attributeValue">
     74                                    <div>CLARIN-NL <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     75                                </td>
     76                            </tr><tr>
     77                                <td class="attribute">
     78                                    <div>Resource type</div>
     79                                </td><td class="attributeValue">
     80                                    <div>text <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
     81                                </td>
     82                            </tr>
     83                        </tbody>
     84                    </table>
    3085
    31                 <div class="searchresultpagination">
    32                     <div wicket:id="pagingTop">[PAGING]</div>
     86                    <h3>Resources</h3>
     87                    <ul>
     88                        <li class="writtenresource"><a href="">http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx</a></li>
     89                        <li class="audioresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Media/002-djawu_klluu-2011-09-01.wav</a></li>
     90                        <li class="annotationresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Annotations/002-djawu_klluu-2011-09-01.eaf</a></li>
     91                    </ul>
    3392                </div>
    3493
    35             </div>
    36 
    37             <ul id="searchresultitems">
    38                 <li wicket:id="resultItem" class="searchresultitem">
    39                     <h2>
    40                         <a wicket:id="title" href="record1.html">[TITLE]</a>
    41                     </h2>
    42                     <div class="searchresultitembrief">
    43                         <p class="searchresultmoreless">
    44                             <a href="#" class="searchresultdetailstoggle">expand</a>
    45                         </p>
    46                         <p class="searchresultdescription" wicket:id="description">
    47                             [DESCRIPTION]
    48                         </p>
    49                         <p class="searchresultresources">
    50                             Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>, <a href="record1.html">1 annotation file</a>
    51                         </p>
    52                     </div>
    53 
    54                     <div class="searchresultitemextended">
    55                         <p class="searchresultmoreless">
    56                             <a href="#" class="searchresultdetailstoggle">collapse</a>
    57                         </p>
    58                         <p class="searchresultdescription">
    59                             In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
    60                         </p>
    61                         <div class="searchresultattributes">
    62                             <table class="recorddetailstable">
    63                                 <tbody class="attributesTbody">
    64                                     <tr>
    65                                         <td class="attribute">
    66                                             <div>Collection</div>
    67                                         </td><td class="attributeValue">
    68                                             <div>UBU Clarin Set<a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    69                                         </td>
    70                                     </tr>
    71                                     <tr>
    72                                         <td class="attribute">
    73                                             <div>Genre</div>
    74                                         </td><td class="attributeValue">
    75                                             <div>info:eu-repo/semantics/bachelorthesis <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    76                                         </td>
    77                                     </tr><tr>
    78                                         <td class="attribute">
    79                                             <div>Languages</div>
    80                                         </td><td class="attributeValue">
    81                                             <div>Dutch <a class="recordattributeinfo" href="http://infra.clarin.eu/service/language/info.php?code=nld"><span>[info]</span></a> <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    82                                         </td>
    83                                     </tr><tr>
    84                                         <td class="attribute">
    85                                             <div>National project</div>
    86                                         </td><td class="attributeValue">
    87                                             <div>CLARIN-NL <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    88                                         </td>
    89                                     </tr><tr>
    90                                         <td class="attribute">
    91                                             <div>Resource type</div>
    92                                         </td><td class="attributeValue">
    93                                             <div>text <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    94                                         </td>
    95                                     </tr>
    96                                 </tbody>
    97                             </table>
    98 
    99                             <h3>Resources</h3>
    100                             <ul>
    101                                 <li class="writtenresource"><a href="">http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx</a></li>
    102                                 <li class="audioresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Media/002-djawu_klluu-2011-09-01.wav</a></li>
    103                                 <li class="annotationresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Annotations/002-djawu_klluu-2011-09-01.eaf</a></li>
    104                             </ul>
    105                         </div>
    106 
    107                         <p class="searchresultfullrecord">
    108                             <a href="record1.html">View full record</a>
    109                         </p>
    110                     </div>
    111                     <div class="searchresultitemend"></div>
    112                 </li>
    113             </ul>
    114             <div id="searchresultpagination">
    115                 <div wicket:id="pagingBottom">[PAGING]</div>
    116 
    117                 <form wicket:id="resultPageSizeForm" id="resultpagesizeform">
    118                     <label for="resultpagesize">Results per page:</label>
    119                     <select wicket:id="resultPageSize" id="resultpagesize">
    120                         <option>5</option>
    121                         <option>10</option>
    122                         <option selected="selected">25</option>
    123                         <option>50</option>
    124                         <option>100</option>
    125                     </select>
    126                 </form>
    127             </div>
     94                <p class="searchresultfullrecord">
     95                    <a href="record1.html">View full record</a>
     96                </p>
     97            </div>-->
     98            <div class="searchresultitemend"></div>
    12899        </wicket:panel>
    129100    </body>

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/components/SearchResultsPanel.html

    r4556 r4560  
    2525        <wicket:panel>
    2626            <h1>Search results</h1>
     27           
    2728            <div id="searchresultsheader">
    2829                <span wicket:id="resultCount" id="searchresultcount">604056 results</span>
    2930                <span wicket:id="resultPageIndicator" id="searchresultpagecount">Showing 1 to 25</span>
    30 
    3131                <div class="searchresultpagination">
    3232                    <div wicket:id="pagingTop">[PAGING]</div>
    3333                </div>
    34 
    3534            </div>
    3635
    3736            <ul id="searchresultitems">
    3837                <li wicket:id="resultItem" class="searchresultitem">
    39                     <h2>
    40                         <a wicket:id="title" href="record1.html">[TITLE]</a>
    41                     </h2>
    42                     <div class="searchresultitembrief">
    43                         <p class="searchresultmoreless">
    44                             <a href="#" class="searchresultdetailstoggle">expand</a>
    45                         </p>
    46                         <p class="searchresultdescription" wicket:id="description">
    47                             [DESCRIPTION]
    48                         </p>
    49                         <p class="searchresultresources">
    50                             Resources: <a href="record1.html">1 text file</a>, <a href="record1.html">1 audio file</a>, <a href="record1.html">1 annotation file</a>
    51                         </p>
    52                     </div>
    53 
    54                     <div class="searchresultitemextended">
    55                         <p class="searchresultmoreless">
    56                             <a href="#" class="searchresultdetailstoggle">collapse</a>
    57                         </p>
    58                         <p class="searchresultdescription">
    59                             In China (and specifically in Beijing) of the late seventies, the call for a democracy movement was growing ever stronger, before finally being silenced by the new regime under Deng Xiaoping. This paper exmaines both the historical sources and the eventual outcome of this movement during the anxious years of '78-'79.
    60                         </p>
    61                         <div class="searchresultattributes">
    62                             <table class="recorddetailstable">
    63                                 <tbody class="attributesTbody">
    64                                     <tr>
    65                                         <td class="attribute">
    66                                             <div>Collection</div>
    67                                         </td><td class="attributeValue">
    68                                             <div>UBU Clarin Set<a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    69                                         </td>
    70                                     </tr>
    71                                     <tr>
    72                                         <td class="attribute">
    73                                             <div>Genre</div>
    74                                         </td><td class="attributeValue">
    75                                             <div>info:eu-repo/semantics/bachelorthesis <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    76                                         </td>
    77                                     </tr><tr>
    78                                         <td class="attribute">
    79                                             <div>Languages</div>
    80                                         </td><td class="attributeValue">
    81                                             <div>Dutch <a class="recordattributeinfo" href="http://infra.clarin.eu/service/language/info.php?code=nld"><span>[info]</span></a> <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    82                                         </td>
    83                                     </tr><tr>
    84                                         <td class="attribute">
    85                                             <div>National project</div>
    86                                         </td><td class="attributeValue">
    87                                             <div>CLARIN-NL <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    88                                         </td>
    89                                     </tr><tr>
    90                                         <td class="attribute">
    91                                             <div>Resource type</div>
    92                                         </td><td class="attributeValue">
    93                                             <div>text <a class="recordfacetselect" title="Search for similar" href="index2.html"><span>[search for similar]</span></a></div>
    94                                         </td>
    95                                     </tr>
    96                                 </tbody>
    97                             </table>
    98 
    99                             <h3>Resources</h3>
    100                             <ul>
    101                                 <li class="writtenresource"><a href="">http://dspace.library.uu.nl/bitstream/1874/235456/1/Bachelorscriptie+Rene+Witteveen+3375005.docx</a></li>
    102                                 <li class="audioresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Media/002-djawu_klluu-2011-09-01.wav</a></li>
    103                                 <li class="annotationresource"><a href="">http://corpus1.mpi.nl/qfs1/media-archive/dobes_data/Ache/Documentaci_n_-_Documentation/Comunidades_-_Communities/Cerro_Moroti/Annotations/002-djawu_klluu-2011-09-01.eaf</a></li>
    104                             </ul>
    105                         </div>
    106 
    107                         <p class="searchresultfullrecord">
    108                             <a href="record1.html">View full record</a>
    109                         </p>
    110                     </div>
    111                     <div class="searchresultitemend"></div>
     38                    <wicket:container wicket:id="resultItemDetails" />
    11239                </li>
    11340            </ul>
     41           
    11442            <div id="searchresultpagination">
    11543                <div wicket:id="pagingBottom">[PAGING]</div>

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/java/eu/clarin/cmdi/vlo/wicket/components/SearchResultsPanel.java

    r4556 r4560  
    5555    private final IDataProvider<SolrDocument> solrDocumentProvider;
    5656    private final DataView<SolrDocument> resultsView;
    57    
     57
    5858    public SearchResultsPanel(String id, IModel<QueryFacetsSelection> model) {
    5959        super(id, model);
    6060        solrDocumentProvider = new SolrDocumentProvider(documentService, model);
    61        
    62         add(resultsView = createResultsView("resultItem"));
     61
     62        // data view for search results
     63        resultsView = new DataView<SolrDocument>("resultItem", solrDocumentProvider, 10) {
     64
     65            @Override
     66            protected void populateItem(Item<SolrDocument> item) {
     67                // single result item
     68                item.add(new SearchResultItemPanel("resultItemDetails", item.getModel()));
     69            }
     70        };
     71        add(resultsView);
    6372
    6473        // pagination navigators
    … …  
    7988    }
    8089
     90    /**
     91     * Gets called on each request before render
     92     */
    8193    @Override
    8294    protected void onConfigure() {
    … …  
    8597        this.get("pagingTop").setVisible(showPaging);
    8698        this.get("pagingBottom").setVisible(showPaging);
    87     }
    88 
    89     private DataView<SolrDocument> createResultsView(String id) {
    90         return new DataView<SolrDocument>(id, solrDocumentProvider, 10) {
    91 
    92             @Override
    93             protected void populateItem(Item<SolrDocument> item) {
    94                 final IModel<SolrDocument> documentModel = item.getModel();
    95                 item.add(new SolrFieldLabel("title", documentModel, FacetConstants.FIELD_NAME));
    96                 item.add(new SolrFieldLabel("description", documentModel, FacetConstants.FIELD_DESCRIPTION, "<no description>"));
    97                 //TODO: get resource information
    98             }
    99         };
    10099    }
    101100
    … …  
    144143    }
    145144
    146     public static class SolrFieldLabel extends Label {
    147 
    148         public SolrFieldLabel(String id, IModel<SolrDocument> documentModel, String fieldName) {
    149             super(id, new SolrFieldModel(documentModel, fieldName));
    150         }
    151 
    152         public SolrFieldLabel(String id, IModel<SolrDocument> documentModel, String fieldName, String nullFallback) {
    153             super(id,
    154                     new NullFallbackModel(
    155                             new SolrFieldModel(documentModel, fieldName), nullFallback));
    156         }
    157 
    158     }
    159 
    160145}

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/webapp/js/vlo-search.js

    r4466 r4560  
    1818
    1919$(document).ready(function() {
    20     $(".searchresultitemextended").hide();
     20//    $(".searchresultitemextended").hide();
    2121   
    2222    $("a.searchresultdetailstoggle").click(function(event) {
    2323        event.preventDefault();
    24         var item = $(this).parents(".searchresultitem");
    25         item.find(".searchresultitembrief").toggle();
    26         item.find(".searchresultitemextended").toggle();
     24//        var item = $(this).parents(".searchresultitem");
     25//        item.find(".searchresultitembrief").toggle();
     26//        item.find(".searchresultitemextended").toggle();
    2727    });
    2828});
Note: See TracChangeset for help on using the changeset viewer.