From 5d939d0d9dda035a6a477bd0b01780b48a27badb Mon Sep 17 00:00:00 2001
From: iShineGuy <ishineguy@iShineGuys-MacBook-Pro.local>
Date: Sun, 11 Feb 2018 12:55:43 +0900
Subject: [PATCH] removed unneeded background colors on rec. animations and
 fixed a bug perventing animations showing from non template embedded
 recorders

---
 amd/src/anim_fbars.js           |  6 ++-
 amd/src/anim_hwave.js           |  6 ++-
 amd/src/poodll_goldmediaskin.js |  6 ++-
 styles.css                      | 86 +++++++++++++++------------------
 4 files changed, 50 insertions(+), 54 deletions(-)

diff --git a/amd/src/anim_fbars.js b/amd/src/anim_fbars.js
index 2ae71721..9e5e2327 100644
--- a/amd/src/anim_fbars.js
+++ b/amd/src/anim_fbars.js
@@ -47,8 +47,10 @@ define(['jquery','core/log'], function($, log) {
 
                 analyser.core.getByteFrequencyData(dataArray);
 
-                canvasCtx.fillStyle = 'rgb(0, 0, 0)';
-                canvasCtx.fillRect(0, 0, cwidth, cheight);
+                //filling is rubbish, we just clear it
+                //canvasCtx.fillStyle = 'rgb(0, 0, 0)';
+                //canvasCtx.fillRect(0, 0, cwidth, cheight);
+                canvasCtx.clearRect(0, 0, cwidth,cheight);
 
                 var barWidth = (cwidth / bufferLength) * 2.5;
                 var barHeight;
diff --git a/amd/src/anim_hwave.js b/amd/src/anim_hwave.js
index 0f00717b..cab4cdd6 100644
--- a/amd/src/anim_hwave.js
+++ b/amd/src/anim_hwave.js
@@ -50,8 +50,10 @@ define(['jquery','core/log'], function($, log) {
 
                 analyser.core.getByteTimeDomainData(dataArray);
 
-                canvasCtx.fillStyle = 'rgb(200, 200, 200)';
-                canvasCtx.fillRect(0, 0, cwidth, cheight);
+                //filling is rubbish, we just clear it
+                //canvasCtx.fillStyle = 'rgb(200, 200, 200)';
+                //canvasCtx.fillRect(0, 0, cwidth, cheight);
+                canvasCtx.clearRect(0, 0, cwidth,cheight);
 
                 canvasCtx.lineWidth = 2;
                 canvasCtx.strokeStyle = 'rgb(0, 0, 0)';
diff --git a/amd/src/poodll_goldmediaskin.js b/amd/src/poodll_goldmediaskin.js
index 3a899c73..df69e1f8 100644
--- a/amd/src/poodll_goldmediaskin.js
+++ b/amd/src/poodll_goldmediaskin.js
@@ -283,14 +283,16 @@ define(['jquery','jqueryui','core/log','filter_poodll/utils_amd', 'filter_poodll
             rprogress.init(ip.controlbar.playcanvas);
 
             //init recording anim
-            var recanim=ripple;
+            var recanim = null;
             switch(ip.config.recanim) {
                 case 'hwave': recanim=hwave.clone();break;
                 case 'fbars': recanim=fbars.clone();break;
                 case 'ripple': recanim=ripple.clone();break;
                 case 'words': recanim=words.clone();break;
+                default: ip.config.recanim = 'ripple'; var recanim=ripple.clone();
+
             }
-            log.debug('recanim=' + ip.config.recanim);
+           // log.debug('recanim=' + ip.config.recanim);
             recanim.init(ip.audioanalyser,ip.controlbar.playcanvas.get(0));
 			
 
diff --git a/styles.css b/styles.css
index 619b396c..6d823c83 100644
--- a/styles.css
+++ b/styles.css
@@ -44,43 +44,6 @@ Removing CSS from distro
 One Button Recorder
 */
 
-.poodll_mediarecorderholder_gold .poodll_preview_gold{
-	height: 100px;
-    width: 100px;
-    border: none;
-    border-radius: 50%;
-    z-index: 2;
-    position: absolute;
-    left: 135px;
-    top: 22px;
-	cursor: pointer;
-}
-.poodll_mediarecorderholder_gold{
-	position:relative;
-}
-
-.poodll_mediarecorderholder_gold .settingsicon{
-	position: absolute;
-    bottom: 75px;
-    right: 250px;
-}
-.poodll_mediarecorderholder_gold .settingsicon button{
-	border: none !important;
-	background: transparent !important;
-}
-.poodll_mediarecorderholder_gold .settingsicon button i{
-	font-size: 18px !important;
-    color: #333 !important;
-}
-.poodll_mediarecorderholder_gold .settingsicon button:focus{
-	border: none;
-	background: transparent;
-}
-.poodll_mediarecorderholder_gold .settingsicon button i:hover{
-	cursor: pointer;
-}
-
-
 /*end*/
 
 
@@ -254,6 +217,43 @@ Base Media skin Setting Integration
     src: url('https://fonts.googleapis.com/css?family=Indie+Flower');
 }
 
+
+.poodll_mediarecorderholder_gold .poodll_preview_gold{
+	height: 100px;
+	width: 100px;
+	border: none;
+	border-radius: 50%;
+	z-index: 2;
+	position: absolute;
+	left: 135px;
+	top: 22px;
+	cursor: pointer;
+}
+.poodll_mediarecorderholder_gold{
+	position:relative;
+}
+
+.poodll_mediarecorderholder_gold .settingsicon{
+	position: absolute;
+	bottom: 75px;
+	right: 250px;
+}
+.poodll_mediarecorderholder_gold .settingsicon button{
+	border: none !important;
+	background: transparent !important;
+}
+.poodll_mediarecorderholder_gold .settingsicon button i{
+	font-size: 18px !important;
+	color: #333 !important;
+}
+.poodll_mediarecorderholder_gold .settingsicon button:focus{
+	border: none;
+	background: transparent;
+}
+.poodll_mediarecorderholder_gold .settingsicon button i:hover{
+	cursor: pointer;
+}
+
 .poodll_mediarecorder_audio .poodll_mediarecorderbox_gold{
 	text-align: center;
 }
@@ -329,17 +329,6 @@ Base Media skin Setting Integration
 	pointer-events: none;
 }
 
-
-/*********************************************END****************************************/
-
-
-
-
-
-/*
-	One button
-*/
-
 .poodll_status_gold{
 	display: none;
 }
@@ -353,6 +342,7 @@ Base Media skin Setting Integration
 .poodll_mediarecorderholder_gold .poodll_mediarecorderbox_gold button:focus {
     outline-style: none;
 }
+/*********************************************END****************************************/
 
 /*