From cd7a948787545d5f96a08c90a7c62bd23c18eb1d Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Sun, 12 May 2019 14:54:37 +0200
Subject: [PATCH] Set volume per language

---
 hugvey/story.py          | 23 +++++++++++++++++--
 www/css/styles.css       | 15 ++++++------
 www/index.html           |  1 +
 www/js/hugvey_console.js | 49 +++++++++++++++++++++++++++++++++++++++-
 www/scss/styles.scss     | 12 ++++++----
 5 files changed, 85 insertions(+), 15 deletions(-)

diff --git a/hugvey/story.py b/hugvey/story.py
index 0eaca85..97181a6 100644
--- a/hugvey/story.py
+++ b/hugvey/story.py
@@ -103,6 +103,9 @@ class Message(object):
         if not 'vol' in msg.params:
             # prevent clipping on some Lyrebird tracks
             msg.params['vol'] = .8
+        
+        msg.params['vol'] = float(msg.params['vol'])
+            
         return msg
 
     def parseForVariables(self):
@@ -937,12 +940,23 @@ class Diversion(object):
 
         return True
 
+class Configuration(object):
+    id = 'configuration'
+    volume = 1
+    
+    @classmethod
+    def initFromJson(configClass, data, story):
+        config = Configuration()
+        config.__dict__.update(data)
+        return config
+
 
 storyClasses = {
     'Msg': Message,
     'Direction': Direction,
     'Condition': Condition,
     'Diversion': Diversion,
+    'Configuration': Configuration,
 }
 
 
@@ -1158,6 +1172,8 @@ class Story(object):
 
         self.diversions = [el for el in self.elements.values() if type(el) == Diversion]
         self.interruptionDiversions = [el for el in self.elements.values() if type(el) == Diversion and el.type == 'interrupt']
+        configurations = [el for el in self.elements.values() if type(el) == Configuration]
+        self.configuration = configurations[0] if len(configurations) else Configuration()
 
         if currentId:
             self.currentMessage = self.get(currentId)
@@ -1536,13 +1552,16 @@ class Story(object):
             self.logger.critical(f"error: crash when reading wave file: {fn}")
             self.logger.exception(e)
             duration = 10 # some default duration to have something to fall back to
-            
+        
+        params = message.getParams().copy()
+        params['vol'] = params['vol'] * self.configuration.volume if 'vol' in params else self.configuration.volume
+        
 #         self.hugvey.google.pause() # pause STT to avoid text events while decision is made
         self.hugvey.sendCommand({
             'action': 'play',
             'file': fn,
             'id': message.id,
-            'params': message.getParams(),
+            'params': params,
             'duration': duration
         })
 
diff --git a/www/css/styles.css b/www/css/styles.css
index 56919f7..e4b258c 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -44,13 +44,14 @@ img.icon {
   flex-direction: row;
   height: 100vh;
   width: 100vw; }
-  #interface #audioFiles {
+  #interface #audioFiles, #interface #configuration {
     position: absolute;
-    top: 10%;
-    left: 10%;
-    right: 10%;
-    bottom: 10%;
-    background: #ccc; }
+    top: 30%;
+    left: 30%;
+    right: 30%;
+    bottom: 30%;
+    background: #ccc;
+    overflow: auto; }
 
 #status {
   display: flex;
@@ -105,7 +106,7 @@ img.icon {
       bottom: 3px;
       right: 3px; }
       #status .hugvey .light input {
-        width: 2em; }
+        width: 3.2em; }
     #status .hugvey .stats .count {
       display: inline-block;
       margin-right: 10px; }
diff --git a/www/index.html b/www/index.html
index 23c9cf6..bc9d860 100644
--- a/www/index.html
+++ b/www/index.html
@@ -81,6 +81,7 @@
 				<div id="btn-addMsg" class="btn">Create message</div>
 				<div id="btn-diversions" class="btn">View Diversions</div>
 				<div id="btn-audio" class="btn">View Audio Files</div>
+				<div id="btn-config" class="btn">Configuration</div>
 			</div>
 			<div id="msg"></div>
 			<svg id='graph' viewbox="-640 -512 1280 1024"
diff --git a/www/js/hugvey_console.js b/www/js/hugvey_console.js
index ab0fcab..0b4614d 100644
--- a/www/js/hugvey_console.js
+++ b/www/js/hugvey_console.js
@@ -301,6 +301,7 @@ class Graph {
         document.getElementById( 'btn-addMsg' ).addEventListener( 'click', function( e ) { graph.createMsg(); } );
         document.getElementById( 'btn-diversions' ).addEventListener( 'click', function( e ) { graph.showDiversions(); } );
         document.getElementById( 'btn-audio' ).addEventListener( 'click', function( e ) { graph.showAudioFiles(); } );
+        document.getElementById( 'btn-config' ).addEventListener( 'click', function( e ) { graph.showConfiguration(); } );
     }
 
     clickMsg( msg ) {
@@ -343,6 +344,10 @@ class Graph {
         return `http://localhost:8888/voice?text=${encodeURIComponent(msg['text'])}&variable=${isVariable}&lang=${lang}&filename=0`;
     }
     
+    getConfig() {
+    	
+    }
+    
     getNumericId(prefix) {
     	let id, i = 0;
     	let hasId= function(a, id) {
@@ -854,6 +859,42 @@ class Graph {
     	document.getElementById("interface").appendChild(audioFilesEl);
     }
 
+    showConfiguration( ) {
+    	let configEl = crel('div',{
+	    		'id':'configuration'
+	    	},
+    		crel(
+    			'div',
+    			{
+    				'class':'btn btn-close',
+    				'on': {
+    					'click': function() {
+    						configEl.parentNode.removeChild(configEl)
+    					}
+    				}
+    			},
+    			'close'
+    		),
+    		crel('h2', `Language based settings for ${this.language_code}`),
+    		crel(
+				'label',
+				'volume',
+				crel('input', {
+					'type': 'number',
+					'step': 0.05,
+					'on': {
+						'change': function(e){
+							panopticon.graph.configuration['volume'] = parseFloat(e.target.value)
+						}
+					},
+					'value': this.configuration.hasOwnProperty('volume') ? this.configuration.volume : 1
+				})
+    		)
+    	);
+    	
+    	document.getElementById("interface").appendChild(configEl);
+    }
+
     showMsg( msg ) {
         let msgEl = document.getElementById( 'msg' );
         msgEl.innerHTML = "";
@@ -1654,7 +1695,7 @@ class Graph {
 
     getJsonString() {
         // recreate array to have the right order of items.
-        this.data = [...this.messages, ...this.conditions,
+        this.data = [this.configuration, ...this.messages, ...this.conditions,
         ...this.directions, ...this.diversions]
         let d = [];
 //        let toRemove = ['sourceX', 'sourceY', 'targetX', 'targetY', 'x', 'y', 'vx', 'vy']
@@ -1736,6 +1777,12 @@ class Graph {
         this.conditions = this.data.filter(( node ) => node['@type'] == 'Condition' );
         this.diversions = this.data.filter(( node ) => node['@type'] == 'Diversion' );
         
+        let configurations = this.data.filter(( node ) => node['@type'] == 'Configuration' );
+        this.configuration = configurations.length > 0 ? configurations[0] : {
+        	"@id": "config",
+        	"@type": "Configuration"
+        };
+        
         document.getElementById('current_lang').innerHTML = "";
         document.getElementById('current_lang').appendChild(crel('span', {
             'class': 'flag-icon ' + this.language_code
diff --git a/www/scss/styles.scss b/www/scss/styles.scss
index f617858..b9ee96c 100644
--- a/www/scss/styles.scss
+++ b/www/scss/styles.scss
@@ -64,14 +64,16 @@ img.icon{
 	&.showStatus{
 	}
 
-	#audioFiles {
+	#audioFiles, #configuration {
 	    position: absolute;
-	    top: 10%;
-	    left: 10%;
-	    right: 10%;
-	    bottom: 10%;
+	    top: 30%;
+	    left: 30%;
+	    right: 30%;
+	    bottom: 30%;
 	    background: #ccc;
+	    overflow:auto;
 	}
+	
 }
 
 #status{