source: main/trunk/model-sites-dev/mars/collect/amc-essentia/transform/layouts/main.xsl@ 33547

Last change on this file since 33547 was 33547, checked in by davidb, 5 years ago

Initial cut at wavesurfer JS audio player version of AMC music content collection
File size: 4.1 KB
Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<xsl:stylesheet version="1.0"
3 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
4
5 xmlns:java="http://xml.apache.org/xslt/java"
6 xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
7 xmlns:gslib="http://www.greenstone.org/skinning"
8 xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat"
9
10 xmlns:lxslt="http://xml.apache.org/xslt"
11 xmlns:result="http://www.example.com/results"
12 xmlns:exsl="http://exslt.org/common"
13
14 extension-element-prefixes="java util result exsl"
15 exclude-result-prefixes="util java util">
16
17<!--
18 <xsl:import href="header.xsl"/>
19 <xsl:include href="formatmanager.xsl"/>
20 -->
21
22
23 <!-- the main layout is defined here -->
24 <xsl:template name="mainTemplate">
25 <xsl:variable name="collName" select="/page/pageResponse/collection/@name"/>
26
27 <html>
28
29 <head>
30 <!-- ***** in header.xsl ***** -->
31 <xsl:call-template name="create-html-header"/>
32 <xsl:call-template name="basketHeadTags"/>
33
34 <!-- src="ext/audioJS/script/XXX.js" -->
35
36 <script src="sites/{$site_name}/collect/{$collName}/js/audiocogs/aurora.js">
37 <xsl:text> </xsl:text>
38 </script>
39 <script src="sites/{$site_name}/collect/{$collName}/js/audiocogs/mp3.js">
40 <xsl:text> </xsl:text>
41 </script>
42
43
44 <!-- Bootstrap -->
45<!--
46 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />
47-->
48 <link rel="stylesheet" href="ext/audio/css/style.css" />
49 <link rel="stylesheet" href="ext/audio/css/ribbon.css" />
50 <!-- wavesurfer.js -->
51 <script src="ext/audio/ws/wavesurfer.js"><xsl:text> </xsl:text></script>
52 <script src="ext/audio/ws/plugin/wavesurfer.cursor.js"><xsl:text> </xsl:text></script>
53 <script src="ext/audio/ws/plugin/wavesurfer.timeline.js"><xsl:text> </xsl:text></script>
54
55
56 </head>
57
58 <body><xsl:call-template name="textDirectionAttribute"/><xsl:call-template name="actionClass"/>
59
60 <!--<xsl:call-template name="displayErrorsIfAny"/>-->
61 <a name="top"><xsl:text> </xsl:text></a>
62
63 <iframe src="sites/{$site_name}/collect/{$collName}/iframe/amc-header.html"
64 style="position: absolute; height: 100%; border: none; width: 100%">
65 <gsf:comment>filler</gsf:comment>
66 </iframe>
67
68 <!-- **** background CSS commented out, can be removed -->
69 <style>
70 <xsl:text disable-output-escaping="yes">
71 #container { top: 185px; }
72 #gs_banner { background-color: #87A41C; background-image: none; }
73
74 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
75 border: 1px solid #D6E882;
76 XXbackground: #C4CBA1 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") repeat-x scroll 50% 50%;
77 background-color: #C4CBA1;
78 background-image: none;
79 font-weight: bold;
80 color: #000;
81 }
82
83 .ui-widget-header {
84 border: 1px solid #D6E882;
85 XXbackground: #87A41C url("images/ui-bg_gloss-wave_50_43a21a_500x100.png") repeat-x scroll 50% 50%;
86 background-color: #87A41C;
87 background-image: none;
88 color: #FFF;
89 font-weight: bold;
90 }
91 </xsl:text>
92 </style>
93<!--
94 <div id="topArea" class="ui-state-default ui-corner-top">
95 <table>
96 <tbody>
97 <tr>
98 <td><div id="breadcrumbs"><xsl:call-template name="breadcrumbs"/><xsl:text> </xsl:text></div></td>
99
100
101 <td><xsl:call-template name="home-help-preferences"/></td>
102 </tr>
103 </tbody>
104 </table>
105 </div>
106 -->
107
108 <div id="container" class="ui-corner-all">
109
110 <!-- ***** in header.xsl ***** -->
111 <xsl:call-template name="create-banner"/>
112
113 <xsl:if test="/page/pageRequest/paramList/param[(@name='formatedit') and (@value='on')]">
114 <xsl:call-template name="formatmanagerpre"/>
115 </xsl:if>
116
117 <div id="gs_content" class="ui-widget-content">
118 <!--
119 show the content of the page.
120 to customise this part, edit the xsl file for the page you want to edit
121 -->
122 <xsl:apply-templates select="/page"/>
123
124 </div>
125
126 <xsl:call-template name="gs_footer"/>
127 </div>
128 </body>
129 </html>
130 </xsl:template>
131
132
133</xsl:stylesheet>
Note: See TracBrowser for help on using the repository browser.