source: main/trunk/model-sites-dev/von-sparql/transform/pages/home.xsl@ 28737

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:java="http://xml.apache.org/xslt/java"
    xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
    xmlns:gslib="http://www.greenstone.org/skinning"
    extension-element-prefixes="java util"
    exclude-result-prefixes="java util">


  <xsl:template name="von-sparql-canvas">
    
    <script type="text/javascript" src="ext/jena/sgvizler/jquery-1.6.2.min.js"><xsl:text> </xsl:text></script>

    <script type="text/javascript" src="ext/jena/sgvizler/jsapi"><xsl:text> </xsl:text></script>
    <script type="text/javascript" id="sgvzlr_script" src="ext/jena/sgvizler/sgvizler.js"><xsl:text> </xsl:text></script>
    <script type="text/javascript" src="ext/von-sparql/von-sparql-script.js"><xsl:text> </xsl:text></script>
<div>
<div id="sgvzl_PredicateOverview"
      data-sgvizler-endpoint="http://localhost:3030/greenstone/query"
      data-sgvizler-chart="gTable"
      data-sgvizler-loglevel="2"
      data-sgvizler-chart-options="title=Items by Language"
      width="100"
      style="width:450px; height:250px;display:inline-block;float:left" >
  <xsl:attribute name="data-sgvizler-query">
      SELECT ?Predicate (COUNT (?Predicate) AS ?Count) (COUNT (DISTINCT ?o) AS ?Distinct_Values)
      WHERE{
        ?s ?Predicate ?o
      }
      GROUP BY ?Predicate
      ORDER BY DESC (?Predicate)
  </xsl:attribute>
  <xsl:comment>Filler</xsl:comment>
</div>
<div id="queryContainer"
     style="
     border:1px solid #DFD9C3;
     width:450px;height:250px;
     float:left;
     margin-left:15px;
     padding:10px;
     overflow-y:scroll;"
     >
     <span>SPARQL Query:</span>
     <br/>
     <span id="span_sparqlQuery"
           style="font-size:10pt;">
     <xsl:comment>Filler</xsl:comment>
     </span>
</div>
</div>
<br/>
<div style="margin-top:20px;margin-bottom:10px;display:inline-block;">
    <label for="sel_Predicate">View Predicate:</label>
    <select id="sel_Predicate">
        <option value="None"></option>
    </select> 
    <br/>
    <div style="margin-left:20px;margin-bottom:20px;margin-top:5px">
        <input type="checkbox" id="cb_RefineSearch"/> <label for="cb_RefineSearch">Refine search to:</label>
        <br/>
        <label for="sel_RefineObject">?o</label>
        <select id="sel_RefineObject" enabled='false'>
            <option value="None">Select predicate above</option>
        </select>
        <br/>
        <label for="sel_RefinePredicate">?p</label>
        <select id="sel_RefinePredicate" enabled='false'>
            <option value="None">Select ?o above</option>
        </select>
    </div>

    <select id="sel_Limit">
        <option value="None">No Limit</option> 
        <option value="10">10</option> 
        <option value="25">25</option> 
        <option value="50">50</option> 
        <option value="75">75</option> 
        <option value="100">100</option> 
    </select>
    <select id="sel_ChartType">
        <option value="gTable">Table</option> 
        <option value="gPieChart">Pie Chart</option> 
        <option value="gBarChart">Bar Chart</option> 
    </select>
    <button type="button" id="btn_ShowChart">Execute Query</button>
</div>
<script type="text/javascript">
      <xsl:text disable-output-escaping="yes">
      var overviewSparqlQuery;
      function sgvizlerGo (){
         overviewSparqlQuery = $('#sgvzl_PredicateOverview').attr("data-sgvizler-query");
         sgvizler.go();

         //Load possible predicate values into selector
         updatePredicateSelector();

         //Ensure search refinement elements are greyed
         toggle_RefineSearch(0);   
         $('#cb_RefineSearch').prop('checked',false);
      }
      sgvizler.option.namespace.dc = 'http://purl.org/dc/elements/1.1/';
      sgvizler.option.namespace.gsembedded = 'http://greenstone.org/gsembedded#'
      sgvizler.option.namespace.greenstonedata = 'http://localhost:3030/greenstone/data/'
      $(document).ready(sgvizlerGo());

      $("#btn_ShowChart").click(function(){
        newPredQuery("sgvzl_container", $('#sel_ChartType').val())
      });
      $("#cb_RefineSearch").click(function(){
        if(document.getElementById("cb_RefineSearch").checked==false)
            toggle_RefineSearch(0);
        else
            toggle_RefineSearch(1);

        generateQuery();
      });
      $("#sel_Predicate").change(function(){
        updateRefineObjectSelector($("#sel_Predicate").val());
        generateQuery();
      });
      $("#sel_RefineObject").change(function(){
        updateRefinePredicateSelector($("#sel_RefineObject").val());
        generateQuery();
      });
      $("#sel_RefinePredicate").change(function(){
        generateQuery();
      });
      $("#sel_Limit").change(function(){
        generateQuery();
      });
      </xsl:text>
</script>

<div id="sgvzl_container"
     style="width:auto; height:400px; margin-top:10px; ">
</div>
</xsl:template>


    <!-- the page content -->
    <xsl:template match="/page/pageResponse">

        <div id="quickSearch">
            <gslib:crossCollectionQuickSearchForm/>
        </div>

        <h2><gslib:selectACollectionTextBar/></h2>

        <div id="collectionLinks">
            <xsl:if test="count(collectionList/collection) = 0">
                <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'home.no_collections')"/>
                <br/>
            </xsl:if>
            <xsl:for-each select="collectionList/collection">
                <gslib:collectionLinkWithImage/>
            </xsl:for-each>
            <br class="clear"/>
        </div>

        <xsl:call-template name="von-sparql-canvas"/>

        <gslib:serviceClusterList/>

        <xsl:for-each select="serviceList/service[@type='query']">
            <gslib:serviceLink/><br/>
        </xsl:for-each>
        
        <xsl:for-each select="serviceList/service[@type='authen']">
            <gslib:authenticationLink/><br/><br/>
            <gslib:registerLink/><br/>
        </xsl:for-each>

    </xsl:template>

</xsl:stylesheet>