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

Revision 34376, 4.2 KB (checked in by davidb, 7 weeks ago)

Introduction of spectrogram plugin for wavesurfer-js

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                <script src="ext/audio/ws/plugin/wavesurfer.spectrogram.js"><xsl:text>  </xsl:text></script>
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 browser.