Changeset 33857

Show
Ignore:
Timestamp:
22.01.2020 16:49:59 (4 weeks ago)
Author:
davidb
Message:

Next iteration of the about text

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/model-sites-dev/whakatohea/collect/waiata/etc/collectionConfig.xml

    r33833 r33857  
    77    </metadataList> 
    88    <displayItemList> 
    9         <displayItem assigned="true" lang="en" name="description">A Collection of Waiata. 
     9           <!-- 
     10         &lt;a href=&quot;{$library_name}?a=de&amp;c={/page/pageResponse/collection/@name}&quot;&gt;here&lt;/a&gt; 
     11--> 
     12 
     13      <displayItem assigned="true" lang="en" name="description"> 
     14        &lt;p&gt;A Collection of Waiata. 
    1015Songs (waiata) are sung solo, in unison or at the octave.  
    1116Types of song include lullabies (oriori), love songs (waitata aroha) and laments (waiata tangi).  
    1217Traditionally all formal speeches are followed by a waiata sung by the speaker and their group of supporters.  
    13 Some of the smaller wind instruments are also sung into, and the sound of the poi (raupo ball swung on the end of a flax cord) provides a rhythmic accompaniment to waiata poi.</displayItem> 
     18Some of the smaller wind instruments are also sung into, and the sound of the poi (raupo ball swung on the end of a flax cord) provides a rhythmic accompaniment to waiata poi. 
     19           &lt;/p&gt; 
     20       &lt;p&gt; 
     21       To deposit a new file/document into this digital library collection click 
     22         &lt;a href=&quot;library?a=de&amp;c=waiata&quot;&gt;here&lt;/a&gt; 
     23          
     24       &lt;/p&gt; 
     25        </displayItem> 
    1426        <displayItem assigned="true" lang="en" name="name">Waiata Collection</displayItem> 
    1527        <displayItem assigned="true" lang="en" name="text">text</displayItem> 
     
    2436        <displayItem assigned="true" lang="en" name="shortDescription">demow</displayItem> 
    2537        <displayItem assigned="true" lang="en" name=".dc.Format">_labelFormat_</displayItem> 
     38        <displayItem assigned="true" lang="en" name=".audio,documents">audio,documents</displayItem> 
     39        <displayItem assigned="true" lang="en" name=".audio">audio</displayItem> 
     40        <displayItem assigned="true" lang="en" name=".documents">documents</displayItem> 
     41        <displayItem assigned="true" lang="en" name="audio,documents">all content</displayItem> 
     42        <displayItem assigned="true" lang="en" name="audio">audio</displayItem> 
     43        <displayItem assigned="true" lang="en" name="documents">documents</displayItem> 
    2644    </displayItemList> 
    2745    <format> 
     
    5775            <displayItem lang="en" name="name">natural (build) order</displayItem> 
    5876        </sort> 
     77        <indexSubcollection name="audio,documents"> 
     78            <displayItem lang="en" name="name">all content</displayItem> 
     79        </indexSubcollection> 
     80        <indexSubcollection name="audio"> 
     81            <displayItem lang="en" name="name">audio</displayItem> 
     82        </indexSubcollection> 
     83        <indexSubcollection name="documents"> 
     84            <displayItem lang="en" name="name">documents</displayItem> 
     85        </indexSubcollection> 
     86        <subcollection filter="Filename/mp3/" name="audio"/> 
     87        <subcollection filter="!Filename/mp3/" name="documents"/> 
    5988        <searchType name="plain"/> 
    6089        <searchType name="simpleform"/> 
     
    111140            <option name="-bookshelf_type" value="always"/> 
    112141            <option name="-sort_leaf_nodes_using" value="ex.Title"/> 
    113             <format>  <gsf:template match="documentNode"> 
    114     <td valign="top"> 
    115       <gsf:switch> 
    116         <gsf:metadata name="dc.Format"/> 
    117         <gsf:when test="equals" test-value="Audio"> 
    118           <gsf:link type="document"> 
    119             <gsf:icon file="mp3.png" select="collection"/> 
    120           </gsf:link> 
    121         </gsf:when> 
    122         <gsf:when test="equals" test-value="Lyrics"> 
    123           <gsf:link type="document"> 
    124             <gsf:icon file="lyrics.gif" select="collection"/> 
    125           </gsf:link> 
    126         </gsf:when> 
    127         <gsf:when test="equals" test-value="Song sheet"> 
    128           <gsf:link type="document"> 
    129             <gsf:icon file="tab.gif" select="collection"/> 
    130           </gsf:link> 
    131         </gsf:when> 
    132         <gsf:otherwise> 
    133           <gsf:link type="document"> 
    134             <gsf:icon type="document"/> 
    135           </gsf:link> 
    136         </gsf:otherwise> 
    137       </gsf:switch> 
    138     </td> 
    139     <td valign="top"> 
    140       <gsf:link type="source"> 
    141         <gsf:choose-metadata> 
    142           <gsf:metadata name="thumbicon"/> 
    143           <gsf:metadata name="srcicon"/> 
    144         </gsf:choose-metadata> 
    145       </gsf:link> 
    146     </td> 
    147     <td valign="top"> 
    148       <gsf:link type="document"> 
    149         <xsl:call-template name="choose-title"/> 
    150       </gsf:link> 
    151       <gsf:switch> 
    152         <gsf:metadata name="Source"/> 
    153         <gsf:when test="exists"> 
    154           <br/> 
    155           <i>(<gsf:metadata name="dc.Format"/>/<gsf:metadata name="FileFormat"/>)</i> 
    156         </gsf:when> 
    157       </gsf:switch> 
    158     </td> 
    159   </gsf:template> 
    160   <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
    161     <td valign="top"> 
    162       <gsf:link style="static" type="classifier"> 
    163         <gsf:icon type="classifier"/> 
    164       </gsf:link> 
    165     </td> 
    166     <td valign="top"> 
    167       <gsf:link type="classifier"> 
    168         <gsf:metadata name="Title"/> 
    169       </gsf:link> 
    170     </td> 
    171     <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
    172   </gsf:template> 
    173   <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
    174     <gsf:link type="classifier"> 
    175       <gsf:metadata name="Title"/> 
    176     </gsf:link> 
    177   </gsf:template> 
    178  
    179 </format> 
     142            <format> 
     143            <gsf:template match="documentNode"> 
     144                <td valign="top"> 
     145                    <gsf:switch> 
     146                        <gsf:metadata name="dc.Format"/> 
     147                        <gsf:when test="equals" test-value="Audio"> 
     148                            <gsf:link type="document"> 
     149                                <gsf:icon file="mp3.png" select="collection"/> 
     150                            </gsf:link> 
     151                        </gsf:when> 
     152                        <gsf:when test="equals" test-value="Lyrics"> 
     153                            <gsf:link type="document"> 
     154                                <gsf:icon file="lyrics.gif" select="collection"/> 
     155                            </gsf:link> 
     156                        </gsf:when> 
     157                        <gsf:when test="equals" test-value="Song sheet"> 
     158                            <gsf:link type="document"> 
     159                                <gsf:icon file="tab.gif" select="collection"/> 
     160                            </gsf:link> 
     161                        </gsf:when> 
     162                        <gsf:otherwise> 
     163                            <gsf:link type="document"> 
     164                                <gsf:icon type="document"/> 
     165                            </gsf:link> 
     166                        </gsf:otherwise> 
     167                    </gsf:switch> 
     168                </td> 
     169                <td valign="top"> 
     170                    <gsf:link type="source"> 
     171                        <gsf:choose-metadata> 
     172                            <gsf:metadata name="thumbicon"/> 
     173                            <gsf:metadata name="srcicon"/> 
     174                        </gsf:choose-metadata> 
     175                    </gsf:link> 
     176                </td> 
     177                <td valign="top"> 
     178                    <gsf:link type="document"> 
     179                        <xsl:call-template name="choose-title"/> 
     180                    </gsf:link> 
     181                    <gsf:switch> 
     182                        <gsf:metadata name="Source"/> 
     183                        <gsf:when test="exists"> 
     184                            <br/> 
     185                            <i>(<gsf:metadata name="dc.Format"/>/<gsf:metadata name="FileFormat"/>)</i> 
     186                        </gsf:when> 
     187                    </gsf:switch> 
     188                </td> 
     189            </gsf:template> 
     190            <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
     191                <td valign="top"> 
     192                    <gsf:link style="static" type="classifier"> 
     193                        <gsf:icon type="classifier"/> 
     194                    </gsf:link> 
     195                </td> 
     196                <td valign="top"> 
     197                    <gsf:link type="classifier"> 
     198                        <gsf:metadata name="Title"/> 
     199                    </gsf:link> 
     200                </td> 
     201                <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
     202            </gsf:template> 
     203            <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
     204                <gsf:link type="classifier"> 
     205                    <gsf:metadata name="Title"/> 
     206                </gsf:link> 
     207            </gsf:template> 
     208        </format> 
    180209        </classifier> 
    181210        <classifier name="List"> 
     
    186215            <option name="-buttonname" value="Browse"/> 
    187216            <option name="-filter_metadata" value="dc.Title"/> 
    188             <format>  <gsf:template match="documentNode"> 
    189     <td valign="top"> 
    190       <gsf:switch> 
    191         <gsf:metadata name="dc.Format"/> 
    192         <gsf:when test="equals" test-value="Audio"> 
    193           <gsf:link type="document"> 
    194             <gsf:icon file="mp3.png" select="collection"/> 
    195           </gsf:link> 
    196         </gsf:when> 
    197         <gsf:when test="equals" test-value="Lyrics"> 
    198           <gsf:link type="document"> 
    199             <gsf:icon file="lyrics.gif" select="collection"/> 
    200           </gsf:link> 
    201         </gsf:when> 
    202         <gsf:when test="equals" test-value="Song sheet"> 
    203           <gsf:link type="document"> 
    204             <gsf:icon file="tab.gif" select="collection"/> 
    205           </gsf:link> 
    206         </gsf:when> 
    207         <gsf:otherwise> 
    208           <gsf:link type="document"> 
    209             <gsf:icon type="document"/> 
    210           </gsf:link> 
    211         </gsf:otherwise> 
    212       </gsf:switch> 
    213     </td> 
    214     <td valign="top"> 
    215       <gsf:link type="source"> 
    216         <gsf:choose-metadata> 
    217           <gsf:metadata name="thumbicon"/> 
    218           <gsf:metadata name="srcicon"/> 
    219         </gsf:choose-metadata> 
    220       </gsf:link> 
    221     </td> 
    222     <td valign="top"> 
    223       <gsf:link type="document"> 
    224         <xsl:call-template name="choose-title"/> 
    225       </gsf:link> 
    226       <gsf:switch> 
    227         <gsf:metadata name="Source"/> 
    228         <gsf:when test="exists"> 
    229           <br/> 
    230           <i>(<gsf:metadata name="dc.Format"/>/<gsf:metadata name="FileFormat"/>)</i> 
    231         </gsf:when> 
    232       </gsf:switch> 
    233     </td> 
    234   </gsf:template> 
    235   <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
    236     <td valign="top"> 
    237       <gsf:link style="static" type="classifier"> 
    238         <gsf:icon type="classifier"/> 
    239       </gsf:link> 
    240     </td> 
    241     <td valign="top"> 
    242       <gsf:link type="classifier"> 
    243         <gsf:metadata name="Title"/> 
    244       </gsf:link> 
    245     </td> 
    246     <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
    247   </gsf:template> 
    248   <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
    249     <gsf:link type="classifier"> 
    250       <gsf:metadata name="Title"/> 
    251     </gsf:link> 
    252   </gsf:template> 
    253  
    254 </format> 
     217            <format> 
     218            <gsf:template match="documentNode"> 
     219                <td valign="top"> 
     220                    <gsf:switch> 
     221                        <gsf:metadata name="dc.Format"/> 
     222                        <gsf:when test="equals" test-value="Audio"> 
     223                            <gsf:link type="document"> 
     224                                <gsf:icon file="mp3.png" select="collection"/> 
     225                            </gsf:link> 
     226                        </gsf:when> 
     227                        <gsf:when test="equals" test-value="Lyrics"> 
     228                            <gsf:link type="document"> 
     229                                <gsf:icon file="lyrics.gif" select="collection"/> 
     230                            </gsf:link> 
     231                        </gsf:when> 
     232                        <gsf:when test="equals" test-value="Song sheet"> 
     233                            <gsf:link type="document"> 
     234                                <gsf:icon file="tab.gif" select="collection"/> 
     235                            </gsf:link> 
     236                        </gsf:when> 
     237                        <gsf:otherwise> 
     238                            <gsf:link type="document"> 
     239                                <gsf:icon type="document"/> 
     240                            </gsf:link> 
     241                        </gsf:otherwise> 
     242                    </gsf:switch> 
     243                </td> 
     244                <td valign="top"> 
     245                    <gsf:link type="source"> 
     246                        <gsf:choose-metadata> 
     247                            <gsf:metadata name="thumbicon"/> 
     248                            <gsf:metadata name="srcicon"/> 
     249                        </gsf:choose-metadata> 
     250                    </gsf:link> 
     251                </td> 
     252                <td valign="top"> 
     253                    <gsf:link type="document"> 
     254                        <xsl:call-template name="choose-title"/> 
     255                    </gsf:link> 
     256                    <gsf:switch> 
     257                        <gsf:metadata name="Source"/> 
     258                        <gsf:when test="exists"> 
     259                            <br/> 
     260                            <i>(<gsf:metadata name="dc.Format"/>/<gsf:metadata name="FileFormat"/>)</i> 
     261                        </gsf:when> 
     262                    </gsf:switch> 
     263                </td> 
     264            </gsf:template> 
     265            <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
     266                <td valign="top"> 
     267                    <gsf:link style="static" type="classifier"> 
     268                        <gsf:icon type="classifier"/> 
     269                    </gsf:link> 
     270                </td> 
     271                <td valign="top"> 
     272                    <gsf:link type="classifier"> 
     273                        <gsf:metadata name="Title"/> 
     274                    </gsf:link> 
     275                </td> 
     276                <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
     277            </gsf:template> 
     278            <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
     279                <gsf:link type="classifier"> 
     280                    <gsf:metadata name="Title"/> 
     281                </gsf:link> 
     282            </gsf:template> 
     283        </format> 
    255284        </classifier> 
    256285        <classifier name="Hierarchy"> 
     
    258287            <option name="-sort" value="dc.Title"/> 
    259288            <option name="-buttonname" value="Genre"/> 
    260             <format><gsf:template match="documentNode"><td valign="top"><gsf:link type="document"><gsf:icon type="document"/></gsf:link></td><td valign="top"><gsf:link type="source"><gsf:choose-metadata><gsf:metadata name="thumbicon"/><gsf:metadata name="srcicon"/></gsf:choose-metadata></gsf:link></td><td valign="top"><gsf:link type="document"><xsl:call-template name="choose-title"/></gsf:link><gsf:switch><gsf:metadata name="Source"/><gsf:when test="exists"><br/><i>(<gsf:metadata name="Source"/>)</i></gsf:when></gsf:switch></td></gsf:template><gsf:template match="classifierNode[@classifierStyle = 'VList']"><td valign="top"><gsf:link type="classifier" style="static"><gsf:icon type="classifier"/></gsf:link></td><td valign="top"><gsf:link type="classifier"><gsf:metadata name="Title"/></gsf:link></td></gsf:template><gsf:template match="classifierNode[@classifierStyle = 'HList']"><gsf:link type="classifier"><gsf:metadata name="Title"/></gsf:link></gsf:template></format> 
     289            <format> 
     290            <gsf:template match="documentNode"> 
     291                <td valign="top"> 
     292                    <gsf:link type="document"> 
     293                        <gsf:icon type="document"/> 
     294                    </gsf:link> 
     295                </td> 
     296                <td valign="top"> 
     297                    <gsf:link type="source"> 
     298                        <gsf:choose-metadata> 
     299                            <gsf:metadata name="thumbicon"/> 
     300                            <gsf:metadata name="srcicon"/> 
     301                        </gsf:choose-metadata> 
     302                    </gsf:link> 
     303                </td> 
     304                <td valign="top"> 
     305                    <gsf:link type="document"> 
     306                        <xsl:call-template name="choose-title"/> 
     307                    </gsf:link> 
     308                    <gsf:switch> 
     309                        <gsf:metadata name="Source"/> 
     310                        <gsf:when test="exists"> 
     311                            <br/> 
     312                            <i>(<gsf:metadata name="Source"/>)</i> 
     313                        </gsf:when> 
     314                    </gsf:switch> 
     315                </td> 
     316            </gsf:template> 
     317            <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
     318                <td valign="top"> 
     319                    <gsf:link style="static" type="classifier"> 
     320                        <gsf:icon type="classifier"/> 
     321                    </gsf:link> 
     322                </td> 
     323                <td valign="top"> 
     324                    <gsf:link type="classifier"> 
     325                        <gsf:metadata name="Title"/> 
     326                    </gsf:link> 
     327                </td> 
     328            </gsf:template> 
     329            <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
     330                <gsf:link type="classifier"> 
     331                    <gsf:metadata name="Title"/> 
     332                </gsf:link> 
     333            </gsf:template> 
     334        </format> 
    261335        </classifier> 
    262         <format>  <gsf:template match="documentNode"> 
    263     <td valign="top"> 
    264       <gsf:link type="document"> 
    265         <gsf:icon type="document"/> 
    266       </gsf:link> 
    267     </td> 
    268     <td valign="top"> 
    269       <gsf:link type="source"> 
    270         <gsf:choose-metadata> 
    271           <gsf:metadata name="thumbicon"/> 
    272           <gsf:metadata name="srcicon"/> 
    273         </gsf:choose-metadata> 
    274       </gsf:link> 
    275     </td> 
    276     <td valign="top"> 
    277       <gsf:link type="document"> 
    278         <xsl:call-template name="choose-title"/> 
    279       </gsf:link> 
    280       <gsf:switch> 
    281         <gsf:metadata name="Source"/> 
    282         <gsf:when test="exists"> 
    283           <br/> 
    284           <i>(<gsf:metadata name="Source"/>)</i> 
    285         </gsf:when> 
    286       </gsf:switch> 
    287     </td> 
    288   </gsf:template> 
    289   <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
    290     <td valign="top"> 
    291       <gsf:link style="static" type="classifier"> 
    292         <gsf:icon type="classifier"/> 
    293       </gsf:link> 
    294     </td> 
    295     <td valign="top"> 
    296       <gsf:link type="classifier"> 
    297         <gsf:metadata name="Title"/> 
    298       </gsf:link> 
    299     </td> 
    300     <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
    301   </gsf:template> 
    302   <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
    303     <gsf:link type="classifier"> 
    304       <gsf:metadata name="Title"/> 
    305     </gsf:link> 
    306   </gsf:template> 
    307  
    308 </format> 
     336        <format> 
     337            <gsf:template match="documentNode"> 
     338                <td valign="top"> 
     339                    <gsf:link type="document"> 
     340                        <gsf:icon type="document"/> 
     341                    </gsf:link> 
     342                </td> 
     343                <td valign="top"> 
     344                    <gsf:link type="source"> 
     345                        <gsf:choose-metadata> 
     346                            <gsf:metadata name="thumbicon"/> 
     347                            <gsf:metadata name="srcicon"/> 
     348                        </gsf:choose-metadata> 
     349                    </gsf:link> 
     350                </td> 
     351                <td valign="top"> 
     352                    <gsf:link type="document"> 
     353                        <xsl:call-template name="choose-title"/> 
     354                    </gsf:link> 
     355                    <gsf:switch> 
     356                        <gsf:metadata name="Source"/> 
     357                        <gsf:when test="exists"> 
     358                            <br/> 
     359                            <i>(<gsf:metadata name="Source"/>)</i> 
     360                        </gsf:when> 
     361                    </gsf:switch> 
     362                </td> 
     363            </gsf:template> 
     364            <gsf:template match="classifierNode[@classifierStyle = 'VList']"> 
     365                <td valign="top"> 
     366                    <gsf:link style="static" type="classifier"> 
     367                        <gsf:icon type="classifier"/> 
     368                    </gsf:link> 
     369                </td> 
     370                <td valign="top"> 
     371                    <gsf:link type="classifier"> 
     372                        <gsf:metadata name="Title"/> 
     373                    </gsf:link> 
     374                </td> 
     375                <td valign="top">(<gsf:metadata name="numleafdocs"/>)</td> 
     376            </gsf:template> 
     377            <gsf:template match="classifierNode[@classifierStyle = 'HList']"> 
     378                <gsf:link type="classifier"> 
     379                    <gsf:metadata name="Title"/> 
     380                </gsf:link> 
     381            </gsf:template> 
     382        </format> 
    309383    </browse> 
    310384    <display> 
     
    328402Overwriting this template can be used to redefine the content of the whole document. This is useful for simple documents, but not recommended for more complex documents (e.g. hierachical and paged documents) as it can prevent any sub-sections from showing. 
    329403--> 
    330  
    331 <gsf:template name="documentContent"> 
    332   <xsl:variable name="httpCollection">library/sites/<xsl:value-of select="$site_name"/>/collect/<xsl:value-of select="/page/pageResponse/collection/@name"/></xsl:variable> 
    333   <xsl:variable name="assocFilePath"><gsf:metadata name="assocfilepath" select="root"/></xsl:variable> 
    334  
    335   <div id="gs-document"> 
    336     <xsl:call-template name="documentPre"/> 
    337     <xsl:call-template name="wrappedSectionImage"/> 
    338     <div id="gs-document-text"> 
    339       <xsl:call-template name="documentNodeText"/> 
    340     </div> 
    341  
    342  
    343         <div id="demo"> 
    344             <div id="waveform"> 
    345                 <!-- Here be the waveform --> 
    346                 <xsl:text> </xsl:text> 
    347             </div> 
    348             <div id="wave-timeline"><xsl:text> </xsl:text></div> 
    349  
    350             <div> 
    351               <div class="controls"> 
    352                 <button class="btn btn-primary" data-action="play"> 
    353                   <i class="glyphicon glyphicon-play"></i> 
    354                   Play / 
    355                   <i class="glyphicon glyphicon-pause"></i> 
    356                   Pause 
    357                 </button> 
    358               </div> 
    359             </div> 
    360         </div> 
    361                                             
    362         <gsf:variable name="mp3url"><xsl:value-of select="$httpCollection"/>/index/assoc/<xsl:value-of select="$assocFilePath"/>/<gsf:metadata name="SourceFile"/></gsf:variable> 
    363  
    364     <link href="ext/wavesurfer/css/style.css" rel="stylesheet" /> 
    365     <link href="ext/wavesurfer/css/ribbon.css" rel="stylesheet" /> 
    366         <script src="ext/wavesurfer/wavesurfer-3.3.0.js"> 
    367           <xsl:text>  </xsl:text> 
    368         </script> 
    369         <script src="ext/wavesurfer/plugin/wavesurfer.cursor.js"> 
    370           <xsl:text>  </xsl:text> 
    371         </script> 
    372         <script src="ext/wavesurfer/plugin/wavesurfer.timeline.js"> 
    373           <xsl:text>  </xsl:text> 
    374         </script> 
    375  
    376         <script src="ext/wavesurfer/wavesurfer-player.js"> 
    377           <xsl:text>  </xsl:text> 
    378         </script> 
    379         <gsf:script> 
    380           document.addEventListener('DOMContentLoaded', function() { 
     404            <gsf:template name="documentContent"> 
     405                <xsl:variable name="httpCollection">library/sites/<xsl:value-of select="$site_name"/>/collect/<xsl:value-of select="/page/pageResponse/collection/@name"/></xsl:variable> 
     406                <xsl:variable name="assocFilePath"> 
     407                    <gsf:metadata name="assocfilepath" select="root"/> 
     408                </xsl:variable> 
     409                <div id="gs-document"> 
     410                    <xsl:call-template name="documentPre"/> 
     411                    <xsl:call-template name="wrappedSectionImage"/> 
     412                    <div id="gs-document-text"> 
     413                        <xsl:call-template name="documentNodeText"/> 
     414                    </div> 
     415                    <div id="demo"> 
     416                        <div id="waveform"> 
     417<!-- 
     418Here be the waveform 
     419--> 
     420                            <xsl:text>                          </xsl:text>                     </div> 
     421                        <div id="wave-timeline"> 
     422                            <xsl:text>                          </xsl:text>                     </div> 
     423                        <div> 
     424                            <div class="controls"> 
     425                                <button class="btn btn-primary" data-action="play"><i class="glyphicon glyphicon-play"/>Play /<i class="glyphicon glyphicon-pause"/>Pause</button> 
     426                            </div> 
     427                        </div> 
     428                    </div> 
     429                    <gsf:variable name="mp3url"><xsl:value-of select="$httpCollection"/>/index/assoc/<xsl:value-of select="$assocFilePath"/>/<gsf:metadata name="SourceFile"/></gsf:variable> 
     430                    <link href="ext/wavesurfer/css/style.css" rel="stylesheet"/> 
     431                    <link href="ext/wavesurfer/css/ribbon.css" rel="stylesheet"/> 
     432                    <script src="ext/wavesurfer/wavesurfer-3.3.0.js"> 
     433                        <xsl:text>                      </xsl:text>                 </script> 
     434                    <script src="ext/wavesurfer/plugin/wavesurfer.cursor.js"> 
     435                        <xsl:text>                      </xsl:text>                 </script> 
     436                    <script src="ext/wavesurfer/plugin/wavesurfer.timeline.js"> 
     437                        <xsl:text>                      </xsl:text>                 </script> 
     438                    <script src="ext/wavesurfer/wavesurfer-player.js"> 
     439                        <xsl:text>                      </xsl:text>                 </script> 
     440                    <gsf:script>document.addEventListener('DOMContentLoaded', function() { 
    381441            // Load audio from URL 
    382442            wavesurfer.load(gs.variables.mp3url); 
    383           }); 
    384         </gsf:script> 
    385  
    386  
    387   </div> 
    388 </gsf:template> 
    389  
     443          });</gsf:script> 
     444                </div> 
     445            </gsf:template> 
    390446<!-- 
    391447Overwriting this template can be used to change the content of section headings.