added indicator when uploading to youtube

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();
 

app/assets/stylesheets/main/landing.scss

@@ -98,6 +98,10 @@
   color: cornflowerblue;
 }
 
+.green-check {
+  color: limegreen;
+}
+
 .top-buffer {
   margin-top: 8px;
 }

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"