source: main/trunk/model-interfaces-dev/mars/transform/layouts/main.xsl@ 34376

Last change on this file since 34376 was 34376, checked in by davidb, 4 years ago

Introduction of spectrogram plugin for wavesurfer-js

File size: 4.2 KB
RevLine 
[34363]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>
[34376]54 <script src="ext/audio/ws/plugin/wavesurfer.spectrogram.js"><xsl:text> </xsl:text></script>
[34363]55
56
57 </head>
58
59 <body><xsl:call-template name="textDirectionAttribute"/><xsl:call-template name="actionClass"/>
60
61 <!--<xsl:call-template name="displayErrorsIfAny"/>-->
62 <a name="top"><xsl:text> </xsl:text></a>
63
64 <iframe src="interfaces/{$interface_name}/iframe/amc-header.html"
65 style="position: absolute; height: 100%; border: none; width: 100%">
66 <gsf:comment>filler</gsf:comment>
67 </iframe>
68
69 <!-- **** background CSS commented out, can be removed -->
70 <style>
71 <xsl:text disable-output-escaping="yes">
72 #container { top: 185px; }
73 #gs_banner { background-color: #87A41C; background-image: none; }
74
75 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
76 border: 1px solid #D6E882;
77 XXbackground: #C4CBA1 url("images/ui-bg_highlight-hard_15_459e00_1x100.png") repeat-x scroll 50% 50%;
78 background-color: #C4CBA1;
79 background-image: none;
80 font-weight: bold;
81 color: #000;
82 }
83
84 .ui-widget-header {
85 border: 1px solid #D6E882;
86 XXbackground: #87A41C url("images/ui-bg_gloss-wave_50_43a21a_500x100.png") repeat-x scroll 50% 50%;
87 background-color: #87A41C;
88 background-image: none;
89 color: #FFF;
90 font-weight: bold;
91 }
92 </xsl:text>
93 </style>
94<!--
95 <div id="topArea" class="ui-state-default ui-corner-top">
96 <table>
97 <tbody>
98 <tr>
99 <td><div id="breadcrumbs"><xsl:call-template name="breadcrumbs"/><xsl:text> </xsl:text></div></td>
100
101
102 <td><xsl:call-template name="home-help-preferences"/></td>
103 </tr>
104 </tbody>
105 </table>
106 </div>
107 -->
108
109 <div id="container" class="ui-corner-all">
110
111 <!-- ***** in header.xsl ***** -->
112 <xsl:call-template name="create-banner"/>
113
114 <xsl:if test="/page/pageRequest/paramList/param[(@name='formatedit') and (@value='on')]">
115 <xsl:call-template name="formatmanagerpre"/>
116 </xsl:if>
117
118 <div id="gs_content" class="ui-widget-content">
119 <!--
120 show the content of the page.
121 to customise this part, edit the xsl file for the page you want to edit
122 -->
123 <xsl:apply-templates select="/page"/>
124
125 </div>
126
127 <xsl:call-template name="gs_footer"/>
128 </div>
129 </body>
130 </html>
131 </xsl:template>
132
133
134</xsl:stylesheet>
Note: See TracBrowser for help on using the repository browser.