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

Last change on this file since 29451 was 29451, checked in by sjs49, 9 years ago

Added compare.xsl to svn, as it was previously not under version control. Shifted from web/interfaces to inside the site's transform folder.

File size: 10.9 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
2<xsl:stylesheet version="1.0"
3 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
4 xmlns:java="http://xml.apache.org/xslt/java"
5 xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
6 xmlns:gslib="http://www.greenstone.org/skinning"
7 extension-element-prefixes="java util"
8 exclude-result-prefixes="java util">
9
10 <!-- use the 'main' layout -->
11 <xsl:include href="layouts/main.xsl"/>
12
13 <!-- set page title -->
14 <xsl:template name="pageTitle"><gslib:collectionName/></xsl:template>
15
16 <!-- set page breadcrumbs -->
17 <xsl:template name="breadcrumbs"><gslib:siteLink/><gslib:rightArrow/></xsl:template>
18
19 <xsl:variable name="coll_name"><gslib:collectionName/></xsl:variable>
20 <xsl:variable name="coll_name_short"><gslib:collectionNameShort/></xsl:variable>
21 <xsl:template name="overview">
22
23 <link rel="stylesheet" type="text/css" href="sites/{$site_name}/transform/pages/style.css"/>
24 <link rel="stylesheet" type="text/css" href="sites/{$site_name}/js/jquery-ui-extra/turnstyle-block.css"/>
25 <link rel="stylesheet" type="text/css" href="sites/{$site_name}/js/jqGrid/ui.jqgrid.css"/>
26
27 <script type="text/javascript" src="https://www.google.com/jsapi"><xsl:text> </xsl:text></script>
28 <script type="text/javascript" src="http://beta.data2000.no/sgvizler/release/0.6/sgvizler.js"><xsl:text> </xsl:text></script>
29 <script type="text/javascript" src="sites/{$site_name}/js/combobox.js"><xsl:text> </xsl:text></script>
30 <script type="text/javascript" src="sites/{$site_name}/js/paper/dist/paper.js"><xsl:text> </xsl:text></script>
31 <script type="text/javascript" src="sites/{$site_name}/js/jquery-ui-extra/turnstyle-block.js"><xsl:text> </xsl:text></script>
32 <script type="text/javascript" src="sites/{$site_name}/js/table2CSV.js" ><xsl:text> </xsl:text></script>
33
34 <script type="text/javascript" src="sites/{$site_name}/js/jqGrid/grid.locale-en.js"><xsl:text> </xsl:text></script>
35 <script type="text/javascript" src="sites/{$site_name}/js/jqGrid/jquery.jqGrid.min.js"><xsl:text> </xsl:text></script>
36
37 <script type="text/paperscript" canvas="venn" src="sites/{$site_name}/js/von-sparql-venn.js"> <xsl:text> </xsl:text></script>
38 <script type="text/javascript" src="sites/{$site_name}/js/von-sparql-comparison-setup.js"><xsl:text> </xsl:text></script>
39 <script type="text/javascript" src="sites/{$site_name}/js/von-sparql-comparison-script.js"><xsl:text> </xsl:text></script>
40
41 <xsl:variable name="protocol" select="substring-before(/page/pageRequest/@baseURL,':')"/>
42 <xsl:variable name="baseURL" select="substring-after(/page/pageRequest/@baseURL,':')"/>
43 <xsl:variable name="domain" select="substring-before($baseURL,':')"/>
44 <xsl:variable name="endpointPath" select="concat($protocol,':',$domain,':3030/greenstone/query')"/>
45
46 <div id="div_comparisonSettings">
47 <div id="div_selectCollections">
48 <label>Select Collections: </label>
49 <select id="sel_leftCollection">
50 <option value="filler">filler</option>
51 </select>
52
53 <select id="sel_rightCollection">
54 <option value="filler2">filler2</option>
55 </select>
56 </div>
57
58 <div id="div_quickSearch">
59 <input type="checkbox" id="cb_quickSearch"/>
60 <label for="cb_quickSearch">Enable Quick-Search</label>
61 </div>
62 </div>
63 <div id="div_queryWrapper">
64 <div id="div_leftQuery">
65 <div class="collectionNameDiv" id="div_leftName">
66 <span class="collectionName" id="span_leftName"><xsl:comment>Filler</xsl:comment></span>
67 </div>
68 <div class="overview" id="div_leftOverview">
69 <xsl:comment>Filler</xsl:comment>
70 </div>
71 <div id="div_leftRefineControls">
72 <table class="basicControls" id="table_leftBasicControls">
73 <col width="150px"/>
74 <tr>
75 <td class="searchControls"><label for="sel_leftPredicate">Select Predicate:</label></td>
76 <td class="searchControls"><select id="sel_leftPredicate">
77 <option value="None"></option>
78 </select>
79 </td>
80 </tr>
81 <tr>
82 <td style="width:100%; text-align: left;" colspan="2">
83 <input type="checkbox" id="cb_leftRefineSearch"/>
84 <label for="cb_leftRefineSearch">Refine search</label>
85 </td>
86 </tr>
87 </table>
88
89 <table class="refineControls" id="table_leftRefineControls">
90 <col width="150px"/>
91 <tr>
92 <td><label for="sel_leftPredicateValue">Value:</label></td>
93 <td><select id="sel_leftPredicateValue" enabled='false'>
94 <option value="None">Select predicate above</option>
95 </select>
96 </td>
97 </tr>
98 <tr>
99 <td>
100 <label for="sel_leftVisualizePredicate">Visualize Predicate:</label>
101 </td>
102 <td>
103 <select id="sel_leftVisualizePredicate" enabled='false'>
104 <option value="None"></option>
105 </select>
106 </td>
107 </tr>
108 </table>
109 </div>
110
111 <div class="searchControls" id="div_leftSearchControls">
112 <select id="sel_leftLimit">
113 <option value="None">No Limit</option>
114 <option value="10">10</option>
115 <option value="25">25</option>
116 <option value="50">50</option>
117 <option value="75">75</option>
118 <option value="100">100</option>
119 </select>
120 <select id="sel_leftChartType">
121 <option value="google.visualization.Table">Table</option>
122 <option value="google.visualization.PieChart">PieChart</option>
123 </select>
124 <button type="button" id="btn_leftShowChart" class="formButton">Execute Query</button>
125 <button type="button" id="btn_leftShowQuery" class="formButton">Show Query</button>
126 </div>
127
128 <div class="filteredDatasetTable" id="div_leftFilteredDataset">
129 <xsl:comment> Filler </xsl:comment>
130 </div>
131
132 <div class="submitToComparison" id="div_leftSubmit">
133 <button type="button" id="btn_leftSubmitQuery" class="formButton">Submit to Comparison</button>
134 <div id="div_leftIndicator" class="colorIndicator"><xsl:comment>Filler</xsl:comment></div>
135 </div>
136 </div>
137
138
139 <div id="div_rightQuery">
140 <div class="collectionNameDiv" id="div_rightName">
141 <span class="collectionName" id="span_rightName"><xsl:comment>Filler</xsl:comment></span>
142 </div>
143 <div class="overview" id="div_rightOverview">
144 <xsl:comment>Filler</xsl:comment>
145 </div>
146 <div id="div_rightRefineControls">
147 <table class="basicControls" id="table_rightBasicControls">
148 <col width="150px"/>
149 <tr>
150 <td class="searchControls"><label for="sel_rightPredicate">Select Predicate:</label></td>
151 <td class="searchControls"><select id="sel_rightPredicate">
152 <option value="None"></option>
153 </select>
154 </td>
155 </tr>
156 <tr>
157 <td style="width:100%; text-align: left;" colspan="2">
158 <input type="checkbox" id="cb_rightRefineSearch"/>
159 <label for="cb_rightRefineSearch">Refine search</label>
160 </td>
161 </tr>
162 </table>
163
164 <table class="refineControls" id="table_rightRefineControls">
165 <col width="150px"/>
166 <tr>
167 <td><label for="sel_rightPredicateValue">Value:</label></td>
168 <td><select id="sel_rightPredicateValue" enabled='false'>
169 <option value="None">Select predicate above</option>
170 </select>
171 </td>
172 </tr>
173 <tr>
174 <td>
175 <label for="sel_rightVisualizePredicate">Visualize Predicate:</label>
176 </td>
177 <td>
178 <select id="sel_rightVisualizePredicate" enabled='false'>
179 <option value="None"></option>
180 </select>
181 </td>
182 </tr>
183 </table>
184 </div>
185 <div class="searchControls" id="div_rightSearchControls">
186 <select id="sel_rightLimit">
187 <option value="None">No Limit</option>
188 <option value="10">10</option>
189 <option value="25">25</option>
190 <option value="50">50</option>
191 <option value="75">75</option>
192 <option value="100">100</option>
193 </select>
194 <select id="sel_rightChartType">
195 <option value="google.visualization.Table">Table</option>
196 <option value="google.visualization.PieChart">PieChart</option>
197 </select>
198 <button type="button" id="btn_rightShowChart" class="formButton">Execute Query</button>
199 <button type="button" id="btn_rightShowQuery" class="formButton">Show Query</button>
200 </div>
201
202 <div class="filteredDatasetTable" id="div_rightFilteredDataset">
203 <xsl:comment> Filler </xsl:comment>
204 </div>
205
206 <div class="submitToComparison" id="div_rightSubmit">
207 <button type="button" id="btn_rightSubmitQuery" class="formButton">Submit to Comparison</button>
208 <div id="div_rightIndicator" class="colorIndicator"><xsl:comment>Filler</xsl:comment></div>
209 </div>
210 </div>
211 </div>
212 <div id="div_comparisonWrapper">
213 <div id="div_venn">
214 <h3>
215 Venn Diagram Intersection
216 </h3>
217 <canvas id="venn">
218 <xsl:comment>Filler</xsl:comment>
219 </canvas>
220 <div id="div_combinedQuery">
221 <label for="sel_comparisonMethod">Apply Regular Expression: </label>
222 <select id="sel_comparisonMethod" class="searchControls">
223 <option value="exact">None</option>
224 <option value="numeric">Extract Numeric Characters</option>
225 <option value="10numeric">First 10 Digits</option>
226 <option value="10char">First 10 Characters</option>
227 </select>
228 <br/>
229 <label for="sel_comparisonLimit">Page Size:</label>
230 <select id="sel_comparisonLimit" class="searchControls">
231 <option value="10">10</option>
232 <option value="20">20</option>
233 <option value="30">30</option>
234 </select>
235 <br/>
236 <input type="checkbox" id="cb_showOnlyCommonObjects" class="searchControls"/>
237 <label for="cb_showOnlyCommonObjects">Show only common objects</label>
238 <br/>
239 <div id="div_resultPredicates">
240 <label for="sel_comparisonPredicate">Show Predicate: </label>
241 <select id="sel_comparisonPredicate">
242 <xsl:comment>Filler</xsl:comment>
243 </select>
244 <br/>
245 <select id="sel_comparisonPredicate1">
246 <xsl:comment>Filler</xsl:comment>
247 </select>
248 <br/>
249 <select id="sel_comparisonPredicate2">
250 <xsl:comment>Filler</xsl:comment>
251 </select>
252 </div>
253 </div>
254 </div>
255 <div id="div_combinedResults">
256 Page:
257 <button type="button" id="btn_comparisonPagePrev" class="formButton">&lt;&lt;</button>
258 <span id = "span_PageNum">1</span>
259 <button type="button" id="btn_comparisonPageNext" class="formButton">&gt;&gt;</button>
260 <button type="button" id="btn_exportCSV" class="formButton">Export as CSV</button>
261 <br/>
262 <div id="div_combinedResultsVisualization">
263 <xsl:comment>Filler</xsl:comment>
264 </div>
265 <!--<table id="table_combinedResults">
266 <xsl:comment>Filler</xsl:comment>
267 </table>
268 <div id="div_combinedResultsPager">
269 <xsl:comment>Filler</xsl:comment>
270 </div>-->
271 </div>
272 </div>
273 <br/>
274 <script type="text/javascript">
275 <xsl:text disable-output-escaping="yes">
276 <![CDATA[
277 google.setOnLoadCallback(setupPage);
278 ]]>
279 </xsl:text>
280 </script>
281 </xsl:template>
282
283 <!-- the page content -->
284 <xsl:template match="/page">
285
286 <xsl:call-template name="overview"/>
287
288 </xsl:template>
289
290
291
292</xsl:stylesheet>
293
Note: See TracBrowser for help on using the repository browser.