Changeset 28737

Show
Ignore:
Timestamp:
03.12.2013 11:20:54 (6 years ago)
Author:
davidb
Message:

Next stage of development

Files:
1 modified

Legend:

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

    r28688 r28737  
    1515    <script type="text/javascript" src="ext/jena/sgvizler/jsapi"><xsl:text> </xsl:text></script> 
    1616    <script type="text/javascript" id="sgvzlr_script" src="ext/jena/sgvizler/sgvizler.js"><xsl:text> </xsl:text></script> 
     17    <script type="text/javascript" src="ext/von-sparql/von-sparql-script.js"><xsl:text> </xsl:text></script> 
     18<div> 
     19<div id="sgvzl_PredicateOverview" 
     20      data-sgvizler-endpoint="http://localhost:3030/greenstone/query" 
     21      data-sgvizler-chart="gTable" 
     22      data-sgvizler-loglevel="2" 
     23      data-sgvizler-chart-options="title=Items by Language" 
     24      width="100" 
     25      style="width:450px; height:250px;display:inline-block;float:left" > 
     26  <xsl:attribute name="data-sgvizler-query"> 
     27      SELECT ?Predicate (COUNT (?Predicate) AS ?Count) (COUNT (DISTINCT ?o) AS ?Distinct_Values) 
     28      WHERE{ 
     29        ?s ?Predicate ?o 
     30      } 
     31      GROUP BY ?Predicate 
     32      ORDER BY DESC (?Predicate) 
     33  </xsl:attribute> 
     34  <xsl:comment>Filler</xsl:comment> 
     35</div> 
     36<div id="queryContainer" 
     37     style=" 
     38     border:1px solid #DFD9C3; 
     39     width:450px;height:250px; 
     40     float:left; 
     41     margin-left:15px; 
     42     padding:10px; 
     43     overflow-y:scroll;" 
     44     > 
     45     <span>SPARQL Query:</span> 
     46     <br/> 
     47     <span id="span_sparqlQuery" 
     48           style="font-size:10pt;"> 
     49     <xsl:comment>Filler</xsl:comment> 
     50     </span> 
     51</div> 
     52</div> 
     53<br/> 
     54<div style="margin-top:20px;margin-bottom:10px;display:inline-block;"> 
     55    <label for="sel_Predicate">View Predicate:</label> 
     56    <select id="sel_Predicate"> 
     57        <option value="None"></option> 
     58    </select>  
     59    <br/> 
     60    <div style="margin-left:20px;margin-bottom:20px;margin-top:5px"> 
     61        <input type="checkbox" id="cb_RefineSearch"/> <label for="cb_RefineSearch">Refine search to:</label> 
     62        <br/> 
     63        <label for="sel_RefineObject">?o</label> 
     64        <select id="sel_RefineObject" enabled='false'> 
     65            <option value="None">Select predicate above</option> 
     66        </select> 
     67        <br/> 
     68        <label for="sel_RefinePredicate">?p</label> 
     69        <select id="sel_RefinePredicate" enabled='false'> 
     70            <option value="None">Select ?o above</option> 
     71        </select> 
     72    </div> 
    1773 
     74    <select id="sel_Limit"> 
     75        <option value="None">No Limit</option>  
     76        <option value="10">10</option>  
     77        <option value="25">25</option>  
     78        <option value="50">50</option>  
     79        <option value="75">75</option>  
     80        <option value="100">100</option>  
     81    </select> 
     82    <select id="sel_ChartType"> 
     83        <option value="gTable">Table</option>  
     84        <option value="gPieChart">Pie Chart</option>  
     85        <option value="gBarChart">Bar Chart</option>  
     86    </select> 
     87    <button type="button" id="btn_ShowChart">Execute Query</button> 
     88</div> 
     89<script type="text/javascript"> 
     90      <xsl:text disable-output-escaping="yes"> 
     91      var overviewSparqlQuery; 
     92      function sgvizlerGo (){ 
     93         overviewSparqlQuery = $('#sgvzl_PredicateOverview').attr("data-sgvizler-query"); 
     94         sgvizler.go(); 
    1895 
    19     <script type="text/javascript"> 
    20       <xsl:text disable-output-escaping="yes"> 
    21       sgvizler.option.namespace.mo ='http://purl.org/ontology/mo/'; 
    22       sgvizler.option.namespace.salami = 'http://nema.lis.illinois.edu/salamiEndpoint/'; 
     96         //Load possible predicate values into selector 
     97         updatePredicateSelector(); 
    2398 
    24       sgvizler.option.namespace.salami = 'http://nema.lis.illinois.edu/salamiEndpoint/'; 
    25        
     99         //Ensure search refinement elements are greyed 
     100         toggle_RefineSearch(0);    
     101         $('#cb_RefineSearch').prop('checked',false); 
     102      } 
    26103      sgvizler.option.namespace.dc = 'http://purl.org/dc/elements/1.1/'; 
    27104      sgvizler.option.namespace.gsembedded = 'http://greenstone.org/gsembedded#' 
    28105      sgvizler.option.namespace.greenstonedata = 'http://localhost:3030/greenstone/data/' 
    29       $(document).ready(sgvizler.go()); 
     106      $(document).ready(sgvizlerGo()); 
     107 
     108      $("#btn_ShowChart").click(function(){ 
     109        newPredQuery("sgvzl_container", $('#sel_ChartType').val()) 
     110      }); 
     111      $("#cb_RefineSearch").click(function(){ 
     112        if(document.getElementById("cb_RefineSearch").checked==false) 
     113            toggle_RefineSearch(0); 
     114        else 
     115            toggle_RefineSearch(1); 
     116 
     117        generateQuery(); 
     118      }); 
     119      $("#sel_Predicate").change(function(){ 
     120        updateRefineObjectSelector($("#sel_Predicate").val()); 
     121        generateQuery(); 
     122      }); 
     123      $("#sel_RefineObject").change(function(){ 
     124        updateRefinePredicateSelector($("#sel_RefineObject").val()); 
     125        generateQuery(); 
     126      }); 
     127      $("#sel_RefinePredicate").change(function(){ 
     128        generateQuery(); 
     129      }); 
     130      $("#sel_Limit").change(function(){ 
     131        generateQuery(); 
     132      }); 
    30133      </xsl:text> 
    31     </script> 
     134</script> 
    32135 
     136<div id="sgvzl_container" 
     137     style="width:auto; height:400px; margin-top:10px; "> 
     138</div> 
     139</xsl:template> 
    33140 
    34 <div id="sgvzl_example1" 
    35       data-sgvizler-endpoint="http://localhost:3030/greenstone/query" 
    36  
    37       data-sgvizler-chart="gPieChart" 
    38       data-sgvizler-loglevel="2" 
    39       data-sgvizler-chart-options="title=Items by Language" 
    40       style="width:900px; height:400px; margin-left: auto; margin-right: auto"> 
    41   <xsl:attribute name="data-sgvizler-query"> 
    42      SELECT (?langTag) (COUNT(?langTag) AS ?freqCount) 
    43      WHERE { 
    44        GRAPH &lt;http://localhost:3030/greenstone/data/hathitrust-tab&gt;  { 
    45          ?s &lt;http://purl.org/dc/elements/1.1/Language&gt; ?langTag . 
    46        } 
    47      } 
    48      GROUP BY ?langTag 
    49   </xsl:attribute> 
    50 </div> 
    51  
    52  
    53  
    54  
    55   </xsl:template> 
    56141 
    57142    <!-- the page content -->