Changeset 35261 for main/trunk/model-interfaces-dev/atea/transform/pages
- Timestamp:
- 2021-08-06T14:38:41+12:00 (3 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/atea/transform/pages/asr.xsl
r35259 r35261 1 1 <?xml version="1.0" encoding="UTF-8"?> 2 2 <xsl:stylesheet version="1.0" 3 4 5 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 6 xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat" 7 8 9 7 xmlns:gslib="http://www.greenstone.org/skinning" 8 extension-element-prefixes="java util" 9 exclude-result-prefixes="java util"> 10 10 11 12 11 <!-- use the 'main' layout --> 12 <xsl:import href="layouts/main.xsl"/> 13 13 14 15 16 14 <xsl:variable name="groupPath"><xsl:value-of select="/page/pageRequest/paramList/param[@name='group']/@value"/></xsl:variable> 15 <!-- set page title --> 16 <xsl:template name="pageTitle"><gslib:collectionName/></xsl:template> 17 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 18 <!-- set page breadcrumbs --> 19 <xsl:template name="breadcrumbs"><gslib:siteLink/><gslib:rightArrow/> 20 <xsl:if test="$groupPath != ''"> 21 <xsl:for-each select="/page/pageResponse/pathList/group"> 22 <xsl:sort data-type="number" select="@position"/> 23 <a> 24 <xsl:attribute name="href"><gslib:groupHref path="{@path}"/></xsl:attribute> 25 <xsl:attribute name="title"><gslib:groupName path="{@path}"/></xsl:attribute> 26 <gslib:groupName path="{@path}"/> 27 </a> 28 <gslib:rightArrow/> 29 </xsl:for-each> 30 </xsl:if> 31 </xsl:template> 32 32 33 34 35 36 37 33 <!-- the page content --> 34 <xsl:template match="/page"> 35 <xsl:call-template name="audio-upload"/> 36 </xsl:template> 37 38 38 <!-- Template for processing audio file uploads --> 39 39 <xsl:template name="audio-upload"> 40 40 <link href="interfaces/{$interface_name}/style/asr.css" rel="stylesheet" type="text/css" /> 41 41 42 42 <div> 43 43 <form onSubmit=" doAudioUpload(); return false;" enctype="multipart/form-data"> 44 44 <label for="fileUpload">Audio File:</label> 45 45 <input id="fileUpload" type="file" accept="audio/wav" multiple="multiple" /> 46 46 <button id="btnFileUpload" type="submit" disabled="disabled">Transcribe</button> … … 48 48 </div> 49 49 50 <div id="prgFileUploadContainer" class="asr-hidden"> 51 <label for="prgFileUpload">Processing:</label> 52 <progress id="prgFileUpload" /> 53 </div> 50 <div class="audio-slider__container"> 51 <button type="button" class="audio-slider__play-button"> 52 <img src="interfaces/{$interface_name}/assets/play_arrow_black_18dp.svg" /> 53 </button> 54 <input type="range" min="0" value="0" class="audio-slider__range" /> 55 <span class="audio-slider__value">1:23</span> 56 </div> 57 58 <div id="prgFileUploadContainer" class="asr-hidden"> 59 <label for="prgFileUpload">Processing:</label> 60 <progress id="prgFileUpload" /> 61 </div> 54 62 55 63 <div id="transcriptionsDisplayContainer"> 56 <audio id="transcriptionAudio">57 58 64 <audio id="transcriptionAudio" controls="controls"> 65 <source id="transcriptionAudioSource" /> 66 </audio> 59 67 60 68 <ul id="transcriptionsList" class="transcription-list"></ul> 61 69 62 <template id="transcriptionTemplate"> 63 <li class="transcription-list-item"> 64 <div> 65 <div class="spaced-block"> 66 <b>File: </b><span></span> 67 </div> 68 <div class="spaced-block"> 69 <b>Transcription: </b><span></span> 70 </div> 71 <details> 72 <summary>Character Information</summary> 73 <div class="metadata-list-container"> 74 <ul id="metadataList" class="metadata-list"></ul> 75 </div> 76 </details> 77 </div> 78 </li> 79 </template> 70 <template id="transcriptionTemplate"> 71 <li class="transcription-list-item"> 72 <div> 73 <button class="close-button"></button> 74 <div class="spaced-block"> 75 <b>File: </b><span></span> 76 </div> 77 <div class="spaced-block"> 78 <b>Transcription: </b><span></span> 79 </div> 80 <details> 81 <summary>Character Information</summary> 82 <button>Scroll Left</button> 83 <div class="metadata-list-container"> 84 <ul id="metadataList" class="metadata-list"></ul> 85 </div> 86 <div class="audio-slider-container"> 87 <input type="range" min="0" value="0" class="audio-slider" /> 88 </div> 89 </details> 90 </div> 91 </li> 92 </template> 80 93 81 82 83 84 85 86 87 88 89 90 91 92 94 <template id="errorTemplate"> 95 <li class="error-list-item"> 96 <div> 97 <div class="spaced-block"> 98 <b>Transcription Failed: </b><span></span> 99 </div> 100 <div class="spaced-block"> 101 <b>File: </b><span></span> 102 </div> 103 </div> 104 </li> 105 </template> 93 106 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 107 <template id="metadataTemplate"> 108 <!-- <li class="metadata-list-item tooltip-parent tooltip"> 109 <div class="spaced-block"> 110 <p></p> 111 </div> 112 <div class="spaced-block"> 113 <button type="button"><img src="interfaces/{$interface_name}/assets/play_arrow_black_18dp.svg" /></button> 114 </div> 115 <div class="tooltip-wrapper"> 116 <span class="tooltip">0.02</span> 117 </div> 118 </li> --> 119 <li class="metadata-list-item"> 120 <div class="spaced-block"> 121 <p></p> 122 </div> 123 <div class="spaced-block"> 124 <button type="button"><img src="interfaces/{$interface_name}/assets/play_arrow_black_18dp.svg" /></button> 125 </div> 126 </li> 127 </template> 115 128 </div> 116 129 117 130 <gsf:script src="interfaces/{$interface_name}/js/asr/asr-controller.js"></gsf:script> 118 131 </xsl:template> 119 132 120 133 </xsl:stylesheet>
Note:
See TracChangeset
for help on using the changeset viewer.