From c82a07016d903d949b444f321b8f97c213aa9554 Mon Sep 17 00:00:00 2001
From: Zach Fox <fox@highfidelity.io>
Date: Wed, 3 May 2017 11:30:44 -0700
Subject: [PATCH] New Preparing text; Better disabled behavior

---
 scripts/system/html/css/SnapshotReview.css |  1 +
 scripts/system/html/js/SnapshotReview.js   | 30 +++++++++++++---------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/scripts/system/html/css/SnapshotReview.css b/scripts/system/html/css/SnapshotReview.css
index e327ab75e9..29c5f465d7 100644
--- a/scripts/system/html/css/SnapshotReview.css
+++ b/scripts/system/html/css/SnapshotReview.css
@@ -183,6 +183,7 @@ input[type=button].naked:active {
     right: 0;
     font-family: Raleway-Regular;
     font-weight: 500;
+    font-size: 16px;
     padding-left: 8px;
     color: white;
 }
diff --git a/scripts/system/html/js/SnapshotReview.js b/scripts/system/html/js/SnapshotReview.js
index e3417893dd..6365c2be18 100644
--- a/scripts/system/html/js/SnapshotReview.js
+++ b/scripts/system/html/js/SnapshotReview.js
@@ -261,7 +261,7 @@ function showUploadingMessage(selectedID, destination) {
 
     var shareBarHelp = document.getElementById(selectedID + "shareBarHelp");
 
-    shareBarHelp.innerHTML = "...Preparing to Share";
+    shareBarHelp.innerHTML = '<img style="display:inline;width:25px;height:25px;" src="./img/loader.gif"></img><span style="position:relative;margin-left:5px;bottom:7px;">Preparing to Share</span>';
     shareBarHelp.setAttribute("data-destination", destination);
 }
 function hideUploadingMessageAndShare(selectedID, storyID) {
@@ -331,11 +331,6 @@ function blastToConnections(selectedID, isGif) {
         shareBar = document.getElementById(selectedID + "shareBar"),
         shareBarHelp = document.getElementById(selectedID + "shareBarHelp");
     blastToConnectionsButton.onclick = function () { };
-    blastToConnectionsButton.classList.add("disabled");
-    blastToConnectionsButton.style.backgroundColor = "#000000";
-    blastToConnectionsButton.style.opacity = "0.5";
-    shareBarHelp.style.backgroundColor = "#000000";
-    shareBarHelp.style.opacity = "0.5";
 
     var storyID = document.getElementById(selectedID).getAttribute("data-story-id");
 
@@ -347,6 +342,11 @@ function blastToConnections(selectedID, isGif) {
             isGif: isGif
         }));
         showConfirmationMessage(selectedID, 'blast');
+        blastToConnectionsButton.classList.add("disabled");
+        blastToConnectionsButton.style.backgroundColor = "#000000";
+        blastToConnectionsButton.style.opacity = "0.5";
+        shareBarHelp.style.backgroundColor = "#000000";
+        shareBarHelp.style.opacity = "0.5";
     } else {
         showUploadingMessage(selectedID, 'blast');
     }
@@ -360,11 +360,6 @@ function shareWithEveryone(selectedID, isGif) {
         shareBar = document.getElementById(selectedID + "shareBar"),
         shareBarHelp = document.getElementById(selectedID + "shareBarHelp");
     shareWithEveryoneButton.onclick = function () { };
-    shareWithEveryoneButton.classList.add("disabled");
-    shareWithEveryoneButton.style.backgroundColor = "#000000";
-    shareWithEveryoneButton.style.opacity = "0.5";
-    shareBarHelp.style.backgroundColor = "#000000";
-    shareBarHelp.style.opacity = "0.5";
 
     var storyID = document.getElementById(selectedID).getAttribute("data-story-id");
 
@@ -376,6 +371,11 @@ function shareWithEveryone(selectedID, isGif) {
             isGif: isGif
         }));
         showConfirmationMessage(selectedID, 'hifi');
+        shareWithEveryoneButton.classList.add("disabled");
+        shareWithEveryoneButton.style.backgroundColor = "#000000";
+        shareWithEveryoneButton.style.opacity = "0.5";
+        shareBarHelp.style.backgroundColor = "#000000";
+        shareBarHelp.style.opacity = "0.5";
     } else {
         showUploadingMessage(selectedID, 'hifi');
     }
@@ -474,7 +474,7 @@ function handleCaptureSetting(setting) {
 window.onload = function () {
     // Uncomment the line below to test functionality in a browser.
     // See definition of "testInBrowser()" to modify tests.
-    //testInBrowser(1);
+    //testInBrowser(3);
     openEventBridge(function () {
         // Set up a handler for receiving the data, and tell the .js we are ready to receive it.
         EventBridge.scriptEventReceived.connect(function (message) {
@@ -584,5 +584,11 @@ function testInBrowser(test) {
         addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, false, true, true, false, false, true);
         showConfirmationMessage("p0", 'blast');
         showConfirmationMessage("p1", 'hifi');
+    } else if (test === 3) {
+        imageCount = 2;
+        //addImage({ localPath: 'http://lorempixel.com/553/255' });
+        addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.jpg', story_id: 1338 }, false, true, true, false, false, true);
+        addImage({ localPath: 'D:/Dropbox/Screenshots/High Fidelity Snapshots/hifi-snap-by-zfox-on-2017-05-01_13-28-58.gif', story_id: 1337 }, false, true, true, false, false, true);
+        showUploadingMessage("p0", 'hifi');
     }
 }