Changeset 28915

Show
Ignore:
Timestamp:
19.03.2014 10:32:47 (6 years ago)
Author:
ak19
Message:

Changes made to these files at the end of the 2013/2014 Summer project work by Steffan

Location:
main/trunk/model-sites-dev/von-sparql/transform
Files:
1 added
3 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/model-sites-dev/von-sparql/transform/layouts/header.xsl

    r28688 r28915  
    2727    </xsl:template> 
    2828 
     29    <xsl:template name="goto-comparison-button"> 
     30 
     31            <!-- comparison --> 
     32            <li> 
     33                <a href="{$library_name}/page/compare"> 
     34                    <xsl:attribute name="title">Collection Comparison page</xsl:attribute> 
     35                    <span id="comparisonButton">Compare</span> 
     36                    <script type="text/javascript"> 
     37                        <xsl:text disable-output-escaping="yes"> 
     38                            $("#comparisonButton").button(); 
     39                            $("#comparisonButton .ui-button-text").css({"padding-top":"0px", "padding-bottom":"3px"}); 
     40                        </xsl:text> 
     41                    </script> 
     42                </a> 
     43            </li> 
     44 
     45    </xsl:template> 
     46 
     47 
    2948    <!-- ***** HOME HELP PREFERENCES LOGIN ***** --> 
    3049    <xsl:template name="home-help-preferences"> 
     
    6786             
    6887            <xsl:call-template name="goto-sparql-button"/> 
     88            <xsl:call-template name="goto-comparison-button"/> 
    6989 
    7090 
  • main/trunk/model-sites-dev/von-sparql/transform/pages/home.xsl

    r28784 r28915  
    88    exclude-result-prefixes="java util"> 
    99 
    10  
    11   <xsl:template name="von-sparql-canvas"> 
    12      
    13     <link rel="stylesheet" type="text/css" href="sites/von-sparql/transform/pages/style.css"/> 
    14     <script type="text/javascript" src="https://www.google.com/jsapi"><xsl:text> </xsl:text></script> 
    15     <script>  
    16         <xsl:text disable-output-escaping="yes">google.load('visualization','1', {'packages':['corechart']});</xsl:text> 
    17     </script> 
    18     <script type="text/javascript" src="http://beta.data2000.no/sgvizler/release/0.6/sgvizler.js"><xsl:text> </xsl:text></script> 
    19  
    20     <script type="text/javascript" src="ext/von-sparql/von-sparql-script.js"><xsl:text> </xsl:text></script> 
    21     <script type="text/javascript" src="ext/von-sparql/von-sparql-setup.js"><xsl:text> </xsl:text></script> 
    22     <script type="text/javascript" src="ext/von-sparql/combobox.js"><xsl:text> </xsl:text></script> 
    23  
    24     <xsl:variable name="protocol" select="substring-before(/page/pageRequest/@baseURL,':')"/> 
    25     <xsl:variable name="baseURL" select="substring-after(/page/pageRequest/@baseURL,':')"/> 
    26     <xsl:variable name="domain" select="substring-before($baseURL,':')"/> 
    27     <xsl:variable name="endpointPath" select="concat($protocol,':',$domain,':3030/greenstone/query')"/>     
    28  
    29  
    30     <div id="div_PredicateOverview" style="height:270px" width="auto"> 
    31         <div id="sgvzl_PredicateOverview" 
    32               data-sgvizler-endpoint="{$endpointPath}" 
    33               data-sgvizler-chart="google.visualization.Table" 
    34               data-sgvizler-loglevel="2" 
    35               data-sgvizler-chart-options="title=Predicate Overview" 
    36               style="width:550px;" 
    37               > 
    38           <xsl:attribute name="data-sgvizler-query"> 
    39  
    40               SELECT (?p as ?Predicate)(COUNT (?hts) as ?Hathi) (COUNT (?nzs) as ?NZ)((?NZ + ?Hathi) as ?Total)WHERE 
    41               { 
    42                   { 
    43                     ?hts &lt;http://purl.org/dc/elements/1.1/Relation.isPartOf&gt; &lt;http://localhost:8989/greenstone3/library/collection/hathitrust-tab&gt;; 
    44                          ?p ?o 
    45                   } 
    46                   UNION 
    47                   { 
    48                      ?nzs &lt;http://purl.org/dc/elements/1.1/Relation.isPartOf&gt; &lt;http://localhost:8989/greenstone3/library/collection/nz-natlib-cat&gt;; 
    49                           ?p ?o 
    50                   } 
    51               } 
    52               GROUP BY ?p 
    53               ORDER BY DESC(?Predicate) 
    54  
    55           </xsl:attribute> 
    56           <xsl:comment>Filler</xsl:comment> 
    57         </div> 
    58         <div id="queryContainer"> 
    59              <span>SPARQL Query:</span> 
    60              <br/> 
    61              <span id="span_sparqlQuery" 
    62                    style="font-size:10pt;"> 
    63              <xsl:comment>Filler</xsl:comment> 
    64              </span> 
    65         </div> 
    66     </div> 
    67     <div id="searchContainer"> 
    68         <div id="searchControls"> 
    69             <label for="sel_Predicate">View Predicate:</label> 
    70             <select id="sel_Predicate"> 
    71                 <option value="None"></option> 
    72             </select>  
    73             <br/> 
    74                 <input type="checkbox" id="cb_RefineSearch"/> <label for="cb_RefineSearch">Refine search to:</label> 
    75                 <br/> 
    76             <div id="refineControls"> 
    77                 <label for="sel_RefineObject">?o</label> 
    78                 <select id="sel_RefineObject" enabled='false'> 
    79                     <option value="None">Select predicate above</option> 
    80                 </select> 
    81                 <br/> 
    82                 <label for="sel_RefinePredicate">?p</label> 
    83                 <select id="sel_RefinePredicate" enabled='false'> 
    84                     <option value="None">Select ?o above</option> 
    85                 </select> 
    86             </div> 
    87  
    88             <select id="sel_Limit"> 
    89                 <option value="None">No Limit</option>  
    90                 <option value="10">10</option>  
    91                 <option value="25">25</option>  
    92                 <option value="50">50</option>  
    93                 <option value="75">75</option>  
    94                 <option value="100">100</option>  
    95             </select> 
    96             <select id="sel_ChartType"> 
    97                 <option value="google.visualization.Table">Table</option>  
    98                 <option value="google.visualization.PieChart">Pie Chart</option>  
    99                 <option value="google.visualization.BarChart">Bar Chart</option>  
    100                 <option value="google.visualization.ImageSparkLine">Sparkline</option>  
    101             </select> 
    102             <button type="button" id="btn_ShowChart">Execute Query</button> 
    103             <button type="button" id="btn_ShowQuery">Show SPARQL Query</button> 
    104         </div> 
    105         <div id="selectDataset"> 
    106         <span>Search Datasets:</span> 
    107         <br/> 
    108         <input type="radio" name="radio_Dataset" value="all"/>All<br/> 
    109         <input type="radio" name="radio_Dataset" value="nz_natlib_cat"/>NZ National Library Catalogue<br/> 
    110         <input type="radio" name="radio_Dataset" value="hathitrust_tab"/>Hathi Trust<br/> 
    111         </div> 
    112     </div> 
    113     <script type="text/javascript"> 
    114         <xsl:text disable-output-escaping="yes"> 
    115             var overviewSparqlQuery; 
    116             function createOverviewQuery() 
    117             { 
    118                 overviewSparqlQuery = $('#sgvzl_PredicateOverview').attr("data-sgvizler-query"); 
    119             } 
    120              
    121             google.load('visualization','1', {packages: ['imagechart']});        
    122  
    123             $(document).ready( 
    124                 function (){ 
    125                     sgvizler 
    126                         .defaultEndpointOutputFormat('jsonp') 
    127                         // Add prefixes used in examples: 
    128                         .prefix('dc',  "http://purl.org/dc/elements/1.1/") 
    129                         .prefix('xsd',  "http://www.w3.org/2001/XMLSchema#") 
    130  
    131                         // Draw all sgvizler containers on page: 
    132                         .containerDrawAll(); 
    133  
    134                         createOverviewQuery(); 
    135  
    136                      //Load possible predicate values into selector 
    137                      updatePredicateSelector(); 
    138  
    139                      //Ensure search refinement elements are greyed 
    140                      toggle_RefineSearch(0);    
    141                      $('#cb_RefineSearch').prop('checked',false); 
    142                 } 
    143             ); 
    144  
    145             window.onload=setupPage; 
    146           </xsl:text> 
    147     </script> 
    148  
    149     <div id="sgvzl_container" 
    150          style="width:auto; height:400px; margin-top:10px; "> 
    151     </div> 
    152     </xsl:template> 
    153  
     10    <xsl:variable name="coll_name"><gslib:collectionName/></xsl:variable> 
     11    <xsl:variable name="coll_name_short"><gslib:collectionNameShort/></xsl:variable> 
    15412 
    15513    <!-- the page content --> 
     
    17331        </div> 
    17432 
    175         <xsl:call-template name="von-sparql-canvas"/> 
    176  
    17733        <gslib:serviceClusterList/> 
    17834 
  • main/trunk/model-sites-dev/von-sparql/transform/pages/style.css

    r28784 r28915  
     1/************************/ 
     2/**** comparison.xsl ****/ 
     3/************************/ 
     4 
     5#div_queryWrapper{ 
     6    width: 100%;     
     7    height: auto; 
     8    border: 1px solid black; 
     9    display:table; 
     10    table-layout:fixed; 
     11    margin-bottom: 2px; 
     12} 
     13 
     14#div_queryWrapper > div{ 
     15    height:100%; 
     16    width:50%; 
     17    padding: 5px; 
     18    display:table-cell; 
     19} 
     20 
     21#div_queryWrapper select{ 
     22    max-width: 300px; 
     23} 
     24 
     25#div_leftQuery{ 
     26    border-right:1px solid black; 
     27} 
     28 
     29#div_comparisonWrapper{ 
     30    width: 100%; 
     31    max-height: 300px; 
     32    border: 1px solid black; 
     33    display: table; 
     34    table-layout: fixed; 
     35} 
     36#div_comparisonWrapper > div{ 
     37    padding:5px; 
     38    display: table-cell; 
     39    height: 300px; 
     40} 
     41 
     42#div_combinedQuery{ 
     43    width:70%; 
     44} 
     45 
     46#div_combinedResults{ 
     47    width: auto; 
     48    max-height:350px; 
     49} 
     50 
     51#div_resultPredicates{ 
     52    margin-left:10px; 
     53} 
     54 
     55#div_venn{ 
     56    width: 35%; 
     57    height: auto; 
     58    border-right: 1px solid black; 
     59    margin-bottom: 3px; 
     60} 
     61#venn{ 
     62    width:100%; 
     63    height: 170px; 
     64    border:1px solid #DFD9C3; 
     65} 
     66 
     67.searchControls{ 
     68    margin-left:5px; 
     69    margin-bottom:5px; 
     70} 
     71 
     72.filteredDatasetTable{ 
     73    height:200px; 
     74} 
     75 
     76.colorIndicator{ 
     77    height:10px; 
     78    width:10px; 
     79    display:inline-block; 
     80    border:1px solid #DFD9C3; 
     81    margin-top:4px; 
     82    padding:1px; 
     83    border-radius:10px; 
     84    opacity:0.75; 
     85} 
     86/************************/ 
     87/**** about.xsl *********/ 
     88/************************/ 
     89#div_PredicateOverview{ 
     90    height:260px; 
     91    width:100%; 
     92} 
    193#sgvzl_PredicateOverview{ 
    2     width:550px; 
     94    /*left:20%;*/ 
     95    width:60%; 
    396    height:250px; 
    497    display:inline-block; 
    5     float:left; 
    698} 
    799 
    8 #queryContainer{ 
     100#sparqlQuery-area{ 
    9101    border:1px solid #DFD9C3; 
    10     width:350px;height:230px; 
    11     float:right; 
    12     margin-left:15px; 
     102    width:655px; 
     103    height:auto; 
    13104    padding:10px; 
    14     overflow-y:scroll; 
    15105} 
    16106 
    17107#searchContainer{ 
    18     margin-bottom:10px; 
    19108    width:100%; 
    20109    height:auto; 
    21     min-height:110px; 
    22110    overflow:auto; 
    23111} 
    24112 
    25113#searchControls{ 
    26     width:65%; 
    27     float:left; 
     114    margin-top:10px; 
     115    margin-bottom:5px; 
    28116} 
    29117 
    30118#refineControls{ 
    31119    margin-left:20px; 
    32     margin-bottom:20px; 
    33120    margin-top:5px 
    34121} 
     
    41128} 
    42129 
     130#span_sparqlQuery{ 
     131    font-size: 10pt; 
     132    display:block; 
     133} 
     134 
     135/************************/ 
     136/******* global *********/ 
     137/************************/ 
     138 
    43139.ui-autocomplete{ 
     140    position: absolute; 
    44141    max-height: 300px; 
    45142    overflow-y: auto; 
     
    47144    z-index: 1000 !important; 
    48145} 
     146 
     147.basicControls{ 
     148    margin-top:5px; 
     149    border-top:1px inset #dfd9c3; 
     150} 
     151.refineControls{ 
     152    margin-top:5px; 
     153    border-top:1px inset #dfd9c3; 
     154    border-bottom:1px inset #dfd9c3; 
     155} 
     156.alignRight{ 
     157    text-align:right; 
     158} 
     159 
     160.autocomplete-custom{ 
     161    padding-left:5px; 
     162    padding-bottom:3px; 
     163    font-size:1em; 
     164} 
     165 
     166ul.ui-autocomplete.ui-menu{ 
     167    font-size:0.8em;     
     168} 
     169.ui-autocomplete-loading{ 
     170    background: white url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat; 
     171} 
     172 
     173.bold{ 
     174    font-weight: bold; 
     175}