Changeset 28915


Ignore:
Timestamp:
2014-03-19T10:32:47+13:00 (10 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 edited

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}
Note: See TracChangeset for help on using the changeset viewer.