Changeset 35407

Timestamp:

2021-09-15T14:57:53+12:00 (3 years ago)

Author:

cstephen

Message:

Improve theme + update translations

Location:

main/trunk/model-interfaces-dev/atea

Files:

• korero-maori-asr/src/App.vue (modified) (2 diffs)
• korero-maori-asr/src/components/AudioUpload.vue (modified) (1 diff)
• resources/interface_atea.properties (modified) (1 diff)
• resources/interface_atea_mi.properties (modified) (1 diff)
• transform/pages/korero-maori-asr.xsl (modified) (2 diffs)

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/App.vue

@@ -11 +11 @@
     </div>
 
-    <ul class="list-view">
+    <ul id="transcription-list" class="list-view">
         <transition-group name="transcription-list">
             <li class="list-item transcription-list-item" v-for="[id, transcription] in transcriptions" :key="id">
@@ -21 +21 @@
 
 <style lang="scss">
-#container {
-    background-color: var(--page-bg-color);
-    margin-bottom: 0;
-}
-
-#gs_content {
-    padding: 0;
-    background-color: var(--page-bg-color);
-}
-
-#gs_banner {
+#transcription-list {
     margin-bottom: 1em;
-    border-radius: 0 0 0.3em 0.3em;
 }
 

main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/AudioUpload.vue

@@ -25 +25 @@
         <progress v-if="isTranscribing" class="indeterminateLoadingBar" />
 
-        <ul class="list-view">
+        <ul class="list-view" v-if="failures.size > 0">
             <li v-for="[id, failure] in failures" :key="failure.id" class="list-view__item transcription-error-container">
                 <div>

main/trunk/model-interfaces-dev/atea/resources/interface_atea.properties

@@ -7 +7 @@
 atea.TranscriptionItem_Remove=Remove
 atea.TranscriptionItem_ExpandEditor=Playback and Edit
+atea.TranscriptionItem_Download=Download
+atea.TranscriptionItem_DownloadAsText=Download transcription
+atea.TranscriptionItem_DownloadAsJson=Download as JSON
+atea.TranscriptionItem_DownloadAsWebvtt=Download as WebVTT
 
-atea.TranscriptionItemEditor_SetDisplayMode=Display Mode
-atea.TranscriptionItemEditor_DisplayMode_Words=Words
-atea.TranscriptionItemEditor_DisplayMode_Editor=Editor
+atea.TranscriptionItemEditor_EnableEditing=Enable Editing

main/trunk/model-interfaces-dev/atea/resources/interface_atea_mi.properties

@@ -7 +7 @@
 atea.TranscriptionItem_Remove=Tango
 atea.TranscriptionItem_ExpandEditor=Purei Ake me te Whakatika
+atea.TranscriptionItem_Download=Tangohia
+atea.TranscriptionItem_DownloadAsText=Tangohia te tuhinga tuhi
+atea.TranscriptionItem_DownloadAsJson=Tangohia hei JSON
+atea.TranscriptionItem_DownloadAsWebvtt=Tangohia hei WebVTT
 
-atea.TranscriptionItemEditor_SetDisplayMode=Aratau Whakaatu
-atea.TranscriptionItemEditor_DisplayMode_Words=Kupu
-atea.TranscriptionItemEditor_DisplayMode_Editor=Etita
+atea.TranscriptionItemEditor_EnableEditing=Whakahohea te Whakatika

main/trunk/model-interfaces-dev/atea/transform/pages/korero-maori-asr.xsl

@@ -8 +8 @@
     xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat"
     xmlns:gslib="http://www.greenstone.org/skinning"
-    xmlns:v-bind="http://vuejs.org"
-    xmlns:v-on="http://vuejs.org"
     extension-element-prefixes="java util"
     exclude-result-prefixes="java util">
@@ -48 +46 @@
         <link href="interfaces/{$interface_name}/korero-maori-asr/dist/css/app.css" rel="stylesheet" />
 
+        <gsf:style>
+            #container {
+                background-color: var(--page-bg-color);
+            }
+            
+            #gs_content {
+                padding: 0;
+                background-color: var(--page-bg-color);
+            }
+            
+            #gs_banner {
+                display: none;
+            }
+
+            #topArea {
+                padding: 0.5em;
+                border-radius: 0 0 5px 5px;
+                margin-bottom: 2em;
+
+                background-color: var(--primary-bg-color);
+                box-shadow: var(--primary-box-shadow);
+            }
+        </gsf:style>
+
         <noscript>
             <strong>We're sorry but the Korero Maori ASR interface doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
         </noscript>
+        xxx=<xsl:value-of disable-output-escaping="yes" select="util:getInterfaceText($interface_name, /page/@lang, 'atea.AudioUpload_SelectFileText')" />
         
         <div id="app"></div>
         <!-- built files will be auto injected -->
-        
+
         <gslib:langfrag name="atea" />
         <gsf:script src="interfaces/{$interface_name}/korero-maori-asr/dist/js/chunk-vendors.js"></gsf:script>