From 1ddc16af865095cde33ab6bb7ea503aefc02f28d Mon Sep 17 00:00:00 2001
From: Josh <josha5@outlook.com>
Date: Mon, 29 May 2017 11:14:49 -0400
Subject: [PATCH] added indicator when uploading to youtube

---
 app/assets/javascripts/recordings.coffee | 18 ++++++++++++++++++
 app/assets/stylesheets/main/landing.scss |  4 ++++
 app/views/landing/rooms.html.erb         |  2 ++
 3 files changed, 24 insertions(+)

diff --git a/app/assets/javascripts/recordings.coffee b/app/assets/javascripts/recordings.coffee
index 1eae12f5..ec39d595 100644
--- a/app/assets/javascripts/recordings.coffee
+++ b/app/assets/javascripts/recordings.coffee
@@ -265,6 +265,7 @@ class @Recordings
   setupActionHandlers: ->
     table_api = this.table.api()
     recordingsObject = this
+    selectedUpload = null
 
     @getTable().on 'click', '.recording-update', (event) ->
       btn = $(this)
@@ -325,8 +326,22 @@ class @Recordings
         method: 'POST',
         url: url+'/'+id
         data: {video_title: title, privacy_status: privacy_status}
+        success: () ->
+          cloud = selectedUpload.find('.cloud-blue')
+          check = selectedUpload.find('.green-check')
+          spinner = selectedUpload.find('.load-spinner')
+
+          spinner.hide()
+          check.show()
+          setTimeout ( ->
+            cloud.show()
+            check.hide()
+          ), 4000
       })
 
+      selectedUpload.find('.cloud-blue').hide()
+      selectedUpload.find('.load-spinner').show()
+
     @getTable().on 'click', '.mail-recording', (event) ->
       btn = $(this)
       row = table_api.row($(this).closest('tr')).data()
@@ -348,6 +363,9 @@ class @Recordings
       row = table_api.row($(this).closest('tr')).data()
       $('#video-title').attr('value', row.name)
 
+    @getTable().on 'click', '.cloud-upload', (event) ->
+      selectedUpload = $(this)
+
     @getTable().on 'draw.dt', (event) ->
       $('time[data-time-ago]').timeago();
 
diff --git a/app/assets/stylesheets/main/landing.scss b/app/assets/stylesheets/main/landing.scss
index 1ad74b6b..41324241 100644
--- a/app/assets/stylesheets/main/landing.scss
+++ b/app/assets/stylesheets/main/landing.scss
@@ -98,6 +98,10 @@
   color: cornflowerblue;
 }
 
+.green-check {
+  color: limegreen;
+}
+
 .top-buffer {
   margin-top: 8px;
 }
diff --git a/app/views/landing/rooms.html.erb b/app/views/landing/rooms.html.erb
index 53ca7373..0ec86587 100644
--- a/app/views/landing/rooms.html.erb
+++ b/app/views/landing/rooms.html.erb
@@ -118,6 +118,8 @@
     <button type="button" class="btn btn-default has-popover cloud-upload upload-tooltip"
             data-placement="top">
       <div class = 'cloud-blue'> <%= icon('cloud-upload') %> </div>
+      <div class = 'green-check' hidden> <%= icon('check') %> </div>
+      <div class = 'load-spinner fa-spin' hidden> <%= icon('spinner') %> </div>
     </button>
     <a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip"
        data-placement="top" data-popover-body=".delete-popover-body"