af7277cdd9
- SOL-465: Initial implementation of certificates web view and signatories (names/titles) - SOL-718 Close button is working properly - SOL-801 Backbone Signatories Modeling - SOL-803 Underscore template: Editor (Add) - SOL-802 Signatories: Underscore template - Details - SOL-804 Signatories: Underscore template: Editor (Edit) - Add signatory delete Django view - SOL-805 Signatory editor (Delete) - Add Coffeescript router - SOL-716 Jasmine Tests - Added missing minified JS library - client side validation of signatory fields - SOL-390 signatories names - Remove obsolete extends Sass files - input maxlength limiting for signatory information - SOL-389: Course title override - SOL-466: Add capability to upload digitized signatures in Studio - ziafazal: fixed css for upload signature image - ziafazal: completed deletion of signature images - UX-1741: Add initial static rendering/styling for Open edX web certs * creating new global static dir * adding static version of edX UX pattern library assets * adding web certificates static assets * adding static (+abstracted) web certificates rendering * creating two tiers of rendering (base + distinguished) * providing sample assets for certificate rendering * supporting RTL layouts * adding certifcates assests to edX static asset pipeline * temporarily hiding the mozilla open badges share action * wiring print button to print view/page * fixup! addressing conflict artifact in valid cert template * fixup! adding missing %hd-subsection sass extend + components comment clean up * fixup! correcting pattern library .hd-4 font-weight value - SOL-468 Linked Student View for Web View Credential - SOL-467: Add capability to upload organization logos for certificates - SOL-391 / SOL-387: Signatory related info (assets) in certificates web view - kelketek: Fixes for static asset collection in certificate HTML view. - SOL-398 Web View: Public Access - mattdrayer: Post-merge branch stabilization - catong: Initial changes to Studio template and Help config file - ziafazal: Branch stabilizations - SOL-387: Display organization logo on LMS web view - talbs/mattdrayer: Branch Stabilizations - talbs: converting backpack action to use a button HTML element - talbs: revising placeholder assets + their rendering in cert view - mattdrayer: Username web view wireup - SOL-386 Certificate Mode Previews - SOL-905: Make organization logo and signatory signature uneditable - SOL-922: Improve test coverage - SOL-765: Add LinkedIn sharing - [marco] temporary styling adjustment to account for smaller linkedin share image / fake button - SOL-921: Address hardcoded template items - SOL-927: Deleting certificate should delete org logo image also * updated invalid template * removed hr * fix invalid certificate error - clrux: Add i18n to certificate templates and partials - mattdrayer: Pylint violations - SOL-920 Certificate Activation/Deactivation - mattdrayer: Added LMS support - SOL-932: Fix preview mode support in certificate view - SOL-934: Fixed bug reported and broken tests - SOL-935 removed the 'valid' word from web view title - talbs: RTL support updates/fixes * revising certificate type icon/name vertical alignment * removing unused older certificate template * revising styling for message/banner actions * abstracting accomplishment type to use course mode + adding in honor/verified-specific placeholders - mattdrayer: JSHint violations
86 lines
2.8 KiB
JavaScript
86 lines
2.8 KiB
JavaScript
// Backbone Application View: Certificate Preview
|
|
// User can preview the certificate web layout/styles. 'Preview Certificate' button will open a new tab in LMS for
|
|
// the selected course mode from the drop down.
|
|
|
|
define([ // jshint ignore:line
|
|
'underscore',
|
|
'gettext',
|
|
'js/views/baseview',
|
|
'js/views/utils/view_utils',
|
|
'js/views/feedback_notification'
|
|
],
|
|
function(_, gettext, BaseView, ViewUtils, NotificationView) {
|
|
'use strict';
|
|
var CertificateWebPreview = BaseView.extend({
|
|
el: $(".preview-certificate"),
|
|
events: {
|
|
"change #course-modes": "courseModeChanged",
|
|
"click .activate-cert": "toggleCertificateActivation"
|
|
},
|
|
|
|
initialize: function (options) {
|
|
this.course_modes = options.course_modes;
|
|
this.certificate_web_view_url = options.certificate_web_view_url;
|
|
this.certificate_activation_handler_url = options.certificate_activation_handler_url;
|
|
this.is_active = options.is_active;
|
|
this.template = this.loadTemplate('certificate-web-preview');
|
|
},
|
|
|
|
render: function () {
|
|
this.$el.html(this.template({
|
|
course_modes: this.course_modes,
|
|
certificate_web_view_url: this.certificate_web_view_url,
|
|
is_active: this.is_active
|
|
}));
|
|
return this;
|
|
},
|
|
|
|
toggleCertificateActivation: function() {
|
|
var msg = "Activating";
|
|
if(this.is_active) {
|
|
msg = "Deactivating";
|
|
}
|
|
|
|
var notification = new NotificationView.Mini({
|
|
title: gettext(msg)
|
|
});
|
|
|
|
$.ajax({
|
|
url: this.certificate_activation_handler_url,
|
|
type: "POST",
|
|
dataType: "json",
|
|
contentType: "application/json",
|
|
data: JSON.stringify({
|
|
is_active: !this.is_active
|
|
}),
|
|
beforeSend: function() {
|
|
notification.show();
|
|
},
|
|
success: function(){
|
|
notification.hide();
|
|
location.reload();
|
|
}
|
|
});
|
|
},
|
|
|
|
courseModeChanged: function (event) {
|
|
$('.preview-certificate-link').attr('href', function(index, value){
|
|
return value.replace(/preview=([^&]+)/, function() {
|
|
return 'preview=' + event.target.options[event.target.selectedIndex].text;
|
|
});
|
|
});
|
|
},
|
|
|
|
show: function() {
|
|
this.render();
|
|
},
|
|
|
|
remove: function() {
|
|
this.is_active = false;
|
|
this.$el.empty();
|
|
return this;
|
|
}
|
|
});
|
|
return CertificateWebPreview;
|
|
});
|