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

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

More work on javascript DOM manipulation using sortables and draggables

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