source: main/trunk/greenstone3/web/interfaces/oran/transform/layouts/main.xsl@ 22598

Last change on this file since 22598 was 22598, checked in by sjb48, 14 years ago

More work on format statements. New elements can now be added by dragging in to the sortables. Javascript is now more modular.
File size: 9.1 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 xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat"
8
9 xmlns:lxslt="http://xml.apache.org/xslt"
10 xmlns:result="http://www.example.com/results"
11 xmlns:exsl="http://exslt.org/common"
12
13 extension-element-prefixes="java util result exsl"
14 exclude-result-prefixes="util java util">
15
16 <xsl:include href="xml-to-gui.xsl"/>
17 <xsl:include href="xml-to-gui-templates.xsl"/>
18
19 <!-- put the URL or path of your site here site -->
20 <!-- eg 'http://www.example.com/mysite' or '/mysite' -->
21 <xsl:template name="siteURL"><xsl:value-of select="/page/pageResponse/metadataList/metadata[@name='siteURL']"/></xsl:template>
22
23
24 <!-- the output format for this layout is html -->
25 <xsl:output method="html"/>
26
27 <!-- the main layout is defined here -->
28 <xsl:template match="/">
29
30 <html>
31
32 <head>
33 <title><xsl:call-template name="pageTitle"/> :: <xsl:call-template name="siteName"/></title>
34 <link rel="stylesheet" href="interfaces/{$interface_name}/style/core.css" type="text/css"/>
35 <!-- <script type="text/javascript" src="interfaces/oran/js/jquery.js"><xsl:text> </xsl:text></script> -->
36 <script type="text/javascript" src="interfaces/oran/js/jquery-1.4.2.min.js"><xsl:text> </xsl:text></script>
37 <script type="text/javascript" src="interfaces/oran/js/jquery-ui-1.8.2.custom.min.js"><xsl:text> </xsl:text></script>
38 <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"><xsl:text> </xsl:text></script> -->
39 <!-- <script type="text/javascript" src="interfaces/oran/js/jquery-ui-1.8rc1/jquery-1.4.1.js"><xsl:text> </xsl:text></script> -->
40
41 <xsl:call-template name="berryBasketHeadTags"/>
42 </head>
43
44 <body><xsl:call-template name="textDirectionAttribute"/><xsl:call-template name="actionClass"/>
45
46 <xsl:call-template name="displayErrorsIfAny"/>
47
48 <div id="container"><div id="container2"><div id="container3"><div id="container4">
49
50 <div id="banner">
51
52 <!-- show the title -->
53 <div id="breadcrumbs"><xsl:call-template name="breadcrumbs"/><xsl:text> </xsl:text></div>
54 <h2><xsl:call-template name="pageTitle"/></h2>
55
56 <xsl:if test="/page/pageResponse/collection">
57 <!-- show home, help, preferences links -->
58 <ul id="bannerLinks">
59
60 <!-- preferences -->
61 <li>
62 <a href="{$library_name}?a=p&amp;amp;sa=pref&amp;amp;c={$collName}">
63 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'pref_tip')"/></xsl:attribute>
64 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'pref_b')"/>
65 </a>
66 </li>
67
68 <!-- help -->
69 <li>
70 <a href="{$library_name}?a=p&amp;amp;sa=help&amp;amp;c={$collName}">
71 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'help_tip')"/></xsl:attribute>
72 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'help_b')"/>
73 </a>
74 </li>
75
76 <li>
77 <a href="{$library_name}?a=p&amp;amp;sa=home">
78 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'home_tip')"/></xsl:attribute>
79 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'home_b')"/>
80 </a>
81 </li>
82
83 </ul>
84 </xsl:if>
85
86 <!-- show the available 'services' (browse, search, etc.) -->
87 <xsl:if test="/page/pageResponse/collection/serviceList/service">
88 <ul id="nav">
89 <!-- show browse service, if it exists -->
90 <xsl:if test="/page/pageResponse/collection/serviceList/service[@type='browse']">
91 <xsl:for-each select="/page/pageResponse/collection/serviceList/service[@type='browse']">
92 <xsl:call-template name="navigationTab"/>
93 </xsl:for-each>
94 </xsl:if>
95
96 <!-- show search services (collapsed) if they exist -->
97 <xsl:if test="/page/pageResponse/collection/serviceList/service[@type='query']">
98 <xsl:for-each select="/page/pageResponse/collection/serviceList">
99
100 <!--
101 using collapsedNavigationTab instead of navigationTab collapses
102 all the services of the given type onto one tab
103 -->
104 <xsl:call-template name="collapsedNavigationTab">
105 <xsl:with-param name="type">query</xsl:with-param>
106 </xsl:call-template>
107 </xsl:for-each>
108 </xsl:if>
109
110 <!-- all other services -->
111 <xsl:for-each select="/page/pageResponse/collection/serviceList/service[not(@type='query') and not(@type='browse')]">
112 <xsl:call-template name="navigationTab"/>
113 </xsl:for-each>
114
115 </ul>
116 </xsl:if>
117
118 </div>
119
120<!-- *************************************************************************************** -->
121
122<!-- Sam2's div code -->
123
124 <script type="text/javascript" src="interfaces/oran/js/gui_div.js"><xsl:text> </xsl:text></script>
125
126 <xsl:call-template name="xml-to-gui-templates">
127 <xsl:with-param name="node-set" select="test"/>
128 <xsl:with-param name="metadataSets" select="//metadataSetList"/>
129 </xsl:call-template>
130
131 <xsl:variable name="fmt1">
132 <xsl:call-template name="xml-to-string">
133 <xsl:with-param name="node-set" select="//format[@type='browse']"/>
134 </xsl:call-template>
135 </xsl:variable>
136
137 <xsl:variable name="meta">
138 <xsl:call-template name="xml-to-string">
139 <xsl:with-param name="node-set" select="//metadataSetList"/>
140 </xsl:call-template>
141 </xsl:variable>
142
143 <style type="text/css">
144 .placeholder{
145 border: dashed 1px #ccc;
146 background-color:#FFFFCC;
147 height:20px;
148 }
149
150 .resizable { width: 150px; height: 150px; padding: 0.5em; }
151
152 .block { margin-left: 10px; border-left: dashed 1px black;}
153
154 <!-- .gsf_metadata { border: solid 2px #0000BB; background-color: #440077; } -->
155
156 <!-- .gsf_choose_metadata { border: solid 1px #000000; background-color: #223344; } -->
157 </style>
158
159 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
160
161 <table width="100%" border="1">
162
163 <td width="75%">
164
165 <div id="formatStatement">
166
167 <xsl:call-template name="xml-to-gui">
168 <xsl:with-param name="node-set" select="//format[@type='browse']"/>
169 <xsl:with-param name="metadataSets" select="//metadataSetList"/>
170 </xsl:call-template>
171
172 </div>
173 </td>
174
175
176 <td width="25%" valign="top">
177 <h2> Elements to add </h2>
178 <div class="element_type_gsf_template css_gsf_template" title="gsf:template">NEW GSF:TEMPLATE</div>
179 <div class="element_type_gsf_choose_metadata css_gsf_choose_metadata" title="gsf:choose-metadata">NEW GSF:CHOOSE-METADATA</div>
180 <div class="element_type_gsf_metadata css_gsf_metadata" title="gsf:metadata">NEW GSF:METADATA</div>
181 <div class="element_type_gsf_link css_gsf_link" title="gsf:link">NEW GSF:LINK</div>
182 <div class="element_type_gsf_switch css_gsf_switch" title="gsf:switch">NEW GSF:SWITCH</div>
183 <div class="element_type_gsf_when css_gsf_when" title="gsf:when">NEW GSF:WHEN</div>
184 <div class="element_type_gsf_otherwise css_gsf_otherwise" title="gsf:otherwise">NEW GSF:OTHERWISE</div>
185 <div class="element_type_gsf_icon css_gsf_icon" title="gsf:icon">NEW GSF:ICON</div>
186 <br/>
187 <div class="element_type_text css_text" title="text">TEXT</div>
188 <div class="element_type_table css_table" title="gsf:table">NEW TABLE</div>
189 <div class="element_type_tr css_tr" title="gsf:row">NEW TABLE ROW</div>
190 <div class="element_type_td css_td" title="gsf:column">NEW TABLE COLUMN</div>
191
192 </td>
193 </table>
194
195 <!-- <xsl:variable name="tok" select="fn:tokenize($fmt,'/s+')"/> -->
196
197 <div id="format">
198 <p>
199 <b>Format string here</b>
200 <i>
201 <xsl:value-of select="$fmt1"/>
202 </i>
203 </p>
204 <p>
205 <i>
206 <xsl:value-of select="$meta"/>
207 </i>
208 </p>
209 </div>
210
211<!-- *************************************************************************************** -->
212
213 <div id="content">
214 <!--
215 show the content of the page.
216 to customise this part, edit the xsl file for the page you want to edit
217 -->
218 <xsl:apply-templates select="/page"/>
219
220 </div>
221
222 <div id="footer">
223 <xsl:call-template name="poweredByGS3TextBar"/>
224 </div>
225
226 <div class="corner" id="cornerTopLeft"><xsl:text> </xsl:text></div>
227 <div class="corner" id="cornerTopRight"><xsl:text> </xsl:text></div>
228 <div class="corner" id="cornerBottomLeft"><xsl:text> </xsl:text></div>
229 <div class="corner" id="cornerBottomRight"><xsl:text> </xsl:text></div>
230
231 </div></div></div></div>
232
233 </body>
234 </html>
235 </xsl:template>
236
237</xsl:stylesheet>
238
239
Note: See TracBrowser for help on using the repository browser.