687779ba34
Remove hack to work around multiple notification click issues -- and actually resolve the issue so that the hack isn't necessary
116 lines
4.0 KiB
JavaScript
116 lines
4.0 KiB
JavaScript
$(document).ready(function() {
|
|
$('.uploads .upload-button').bind('click', showUploadModal);
|
|
$('.upload-modal .close-button').bind('click', hideModal);
|
|
$('.upload-modal .choose-file-button').bind('click', showFileSelectionMenu);
|
|
$('.remove-asset-button').bind('click', removeAsset);
|
|
});
|
|
|
|
function removeAsset(e){
|
|
e.preventDefault();
|
|
|
|
var that = this;
|
|
var msg = new CMS.Views.Prompt.Confirmation({
|
|
title: gettext("Delete File Confirmation"),
|
|
message: gettext("Are you sure you wish to delete this item. It cannot be reversed!\n\nAlso any content that links/refers to this item will no longer work (e.g. broken images and/or links)"),
|
|
actions: {
|
|
primary: {
|
|
text: gettext("OK"),
|
|
click: function(view) {
|
|
// call the back-end to actually remove the asset
|
|
var url = $('.asset-library').data('remove-asset-callback-url');
|
|
var row = $(that).closest('tr');
|
|
$.post(url,
|
|
{ 'location': row.data('id') },
|
|
function() {
|
|
// show the post-commit confirmation
|
|
$(".wrapper-alert-confirmation").addClass("is-shown").attr('aria-hidden','false');
|
|
row.remove();
|
|
analytics.track('Deleted Asset', {
|
|
'course': course_location_analytics,
|
|
'id': row.data('id')
|
|
});
|
|
}
|
|
);
|
|
view.hide();
|
|
}
|
|
},
|
|
secondary: [{
|
|
text: gettext("Cancel"),
|
|
click: function(view) {
|
|
view.hide();
|
|
}
|
|
}]
|
|
}
|
|
});
|
|
return msg.show();
|
|
}
|
|
|
|
function showUploadModal(e) {
|
|
e.preventDefault();
|
|
$modal = $('.upload-modal').show();
|
|
$('.file-input').bind('change', startUpload);
|
|
$modalCover.show();
|
|
}
|
|
|
|
function showFileSelectionMenu(e) {
|
|
e.preventDefault();
|
|
$('.file-input').click();
|
|
}
|
|
|
|
function startUpload(e) {
|
|
var files = $('.file-input').get(0).files;
|
|
if (files.length === 0)
|
|
return;
|
|
|
|
$('.upload-modal h1').html(gettext('Uploading…'));
|
|
$('.upload-modal .file-name').html(files[0].name);
|
|
$('.upload-modal .file-chooser').ajaxSubmit({
|
|
beforeSend: resetUploadBar,
|
|
uploadProgress: showUploadFeedback,
|
|
complete: displayFinishedUpload
|
|
});
|
|
$('.upload-modal .choose-file-button').hide();
|
|
$('.upload-modal .progress-bar').removeClass('loaded').show();
|
|
}
|
|
|
|
function resetUploadBar() {
|
|
var percentVal = '0%';
|
|
$('.upload-modal .progress-fill').width(percentVal);
|
|
$('.upload-modal .progress-fill').html(percentVal);
|
|
}
|
|
|
|
function showUploadFeedback(event, position, total, percentComplete) {
|
|
var percentVal = percentComplete + '%';
|
|
$('.upload-modal .progress-fill').width(percentVal);
|
|
$('.upload-modal .progress-fill').html(percentVal);
|
|
}
|
|
|
|
function displayFinishedUpload(xhr) {
|
|
if (xhr.status == 200) {
|
|
markAsLoaded();
|
|
}
|
|
|
|
var resp = JSON.parse(xhr.responseText);
|
|
$('.upload-modal .embeddable-xml-input').val(xhr.getResponseHeader('asset_url'));
|
|
$('.upload-modal .embeddable').show();
|
|
$('.upload-modal .file-name').hide();
|
|
$('.upload-modal .progress-fill').html(resp.msg);
|
|
$('.upload-modal .choose-file-button').html(gettext('Load Another File')).show();
|
|
$('.upload-modal .progress-fill').width('100%');
|
|
|
|
// see if this id already exists, if so, then user must have updated an existing piece of content
|
|
$("tr[data-id='" + resp.url + "']").remove();
|
|
|
|
var template = $('#new-asset-element').html();
|
|
var html = Mustache.to_html(template, resp);
|
|
$('table > tbody').prepend(html);
|
|
|
|
// re-bind the listeners to delete it
|
|
$('.remove-asset-button').bind('click', removeAsset);
|
|
|
|
analytics.track('Uploaded a File', {
|
|
'course': course_location_analytics,
|
|
'asset_url': resp.url
|
|
});
|
|
}
|