Changeset 28915 for main/trunk/model-sites-dev
- Timestamp:
- 2014-03-19T10:32:47+13:00 (10 years ago)
- 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 27 27 </xsl:template> 28 28 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 29 48 <!-- ***** HOME HELP PREFERENCES LOGIN ***** --> 30 49 <xsl:template name="home-help-preferences"> … … 67 86 68 87 <xsl:call-template name="goto-sparql-button"/> 88 <xsl:call-template name="goto-comparison-button"/> 69 89 70 90 -
main/trunk/model-sites-dev/von-sparql/transform/pages/home.xsl
r28784 r28915 8 8 exclude-result-prefixes="java util"> 9 9 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 <http://purl.org/dc/elements/1.1/Relation.isPartOf> <http://localhost:8989/greenstone3/library/collection/hathitrust-tab>; 44 ?p ?o 45 } 46 UNION 47 { 48 ?nzs <http://purl.org/dc/elements/1.1/Relation.isPartOf> <http://localhost:8989/greenstone3/library/collection/nz-natlib-cat>; 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> 154 12 155 13 <!-- the page content --> … … 173 31 </div> 174 32 175 <xsl:call-template name="von-sparql-canvas"/>176 177 33 <gslib:serviceClusterList/> 178 34 -
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 } 1 93 #sgvzl_PredicateOverview{ 2 width:550px; 94 /*left:20%;*/ 95 width:60%; 3 96 height:250px; 4 97 display:inline-block; 5 float:left;6 98 } 7 99 8 # queryContainer{100 #sparqlQuery-area{ 9 101 border:1px solid #DFD9C3; 10 width:350px;height:230px; 11 float:right; 12 margin-left:15px; 102 width:655px; 103 height:auto; 13 104 padding:10px; 14 overflow-y:scroll;15 105 } 16 106 17 107 #searchContainer{ 18 margin-bottom:10px;19 108 width:100%; 20 109 height:auto; 21 min-height:110px;22 110 overflow:auto; 23 111 } 24 112 25 113 #searchControls{ 26 width:65%;27 float:left;114 margin-top:10px; 115 margin-bottom:5px; 28 116 } 29 117 30 118 #refineControls{ 31 119 margin-left:20px; 32 margin-bottom:20px;33 120 margin-top:5px 34 121 } … … 41 128 } 42 129 130 #span_sparqlQuery{ 131 font-size: 10pt; 132 display:block; 133 } 134 135 /************************/ 136 /******* global *********/ 137 /************************/ 138 43 139 .ui-autocomplete{ 140 position: absolute; 44 141 max-height: 300px; 45 142 overflow-y: auto; … … 47 144 z-index: 1000 !important; 48 145 } 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 166 ul.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.