forked from External/greenlight
added indicator when uploading to youtube
This commit is contained in:
parent
4c34526a57
commit
1ddc16af86
|
@ -265,6 +265,7 @@ class @Recordings
|
||||||
setupActionHandlers: ->
|
setupActionHandlers: ->
|
||||||
table_api = this.table.api()
|
table_api = this.table.api()
|
||||||
recordingsObject = this
|
recordingsObject = this
|
||||||
|
selectedUpload = null
|
||||||
|
|
||||||
@getTable().on 'click', '.recording-update', (event) ->
|
@getTable().on 'click', '.recording-update', (event) ->
|
||||||
btn = $(this)
|
btn = $(this)
|
||||||
|
@ -325,8 +326,22 @@ class @Recordings
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
url: url+'/'+id
|
url: url+'/'+id
|
||||||
data: {video_title: title, privacy_status: privacy_status}
|
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) ->
|
@getTable().on 'click', '.mail-recording', (event) ->
|
||||||
btn = $(this)
|
btn = $(this)
|
||||||
row = table_api.row($(this).closest('tr')).data()
|
row = table_api.row($(this).closest('tr')).data()
|
||||||
|
@ -348,6 +363,9 @@ class @Recordings
|
||||||
row = table_api.row($(this).closest('tr')).data()
|
row = table_api.row($(this).closest('tr')).data()
|
||||||
$('#video-title').attr('value', row.name)
|
$('#video-title').attr('value', row.name)
|
||||||
|
|
||||||
|
@getTable().on 'click', '.cloud-upload', (event) ->
|
||||||
|
selectedUpload = $(this)
|
||||||
|
|
||||||
@getTable().on 'draw.dt', (event) ->
|
@getTable().on 'draw.dt', (event) ->
|
||||||
$('time[data-time-ago]').timeago();
|
$('time[data-time-ago]').timeago();
|
||||||
|
|
||||||
|
|
|
@ -98,6 +98,10 @@
|
||||||
color: cornflowerblue;
|
color: cornflowerblue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.green-check {
|
||||||
|
color: limegreen;
|
||||||
|
}
|
||||||
|
|
||||||
.top-buffer {
|
.top-buffer {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -118,6 +118,8 @@
|
||||||
<button type="button" class="btn btn-default has-popover cloud-upload upload-tooltip"
|
<button type="button" class="btn btn-default has-popover cloud-upload upload-tooltip"
|
||||||
data-placement="top">
|
data-placement="top">
|
||||||
<div class = 'cloud-blue'> <%= icon('cloud-upload') %> </div>
|
<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>
|
</button>
|
||||||
<a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip"
|
<a tabindex="0" role="button" class="btn btn-default has-popover delete-tooltip"
|
||||||
data-placement="top" data-popover-body=".delete-popover-body"
|
data-placement="top" data-popover-body=".delete-popover-body"
|
||||||
|
|
Loading…
Reference in New Issue