Skip to content

E
edx-platform
Commit fc8ec1cc by asadiqbal08 Committed by Chris Dodge
Options

e-commerce UI suggested changes

parent a1248f61
Showing with 388 additions and 357 deletions
lms/static/sass/course/instructor/_instructor_2.scss
...@@ -1130,6 +1130,7 @@ input[name="subject"] { ...@@ -1130,6 +1130,7 @@ input[name="subject"] {
h2{ h2{
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
padding-left: 25px;
span{ span{
float: right; float: right;
font-size: 16px; font-size: 16px;
......
lms/templates/instructor/instructor_dashboard_2/e-commerce.html
...@@ -3,365 +3,394 @@ ...@@ -3,365 +3,394 @@
<%include file="add_coupon_modal.html" args="section_data=section_data" /> <%include file="add_coupon_modal.html" args="section_data=section_data" />
<%include file="edit_coupon_modal.html" args="section_data=section_data" /> <%include file="edit_coupon_modal.html" args="section_data=section_data" />
<%include file="set_course_mode_price_modal.html" args="section_data=section_data" /> <%include file="set_course_mode_price_modal.html" args="section_data=section_data" />
<div class="ecommerce-wrapper"> <div class="ecommerce-wrapper">
<h3 class="coupon-errors" id="code-error"></h3> <h3 class="coupon-errors" id="code-error"></h3>
<h2>Registration Codes</h2> <div id = "accordion">
<p>Enter the transaction group name and number of registration codes that you want to generate. Click to generate a CSV :</p> <div class="wrap">
<p> <h2>Registration Codes</h2>
<form action="${ section_data['generate_registration_code_csv_url'] }" id="course_codes_number" method="post"> <div>
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }"> <p>Enter the transaction group name and number of registration codes that you want to generate. Click to generate a CSV :</p>
<input type="text" name="transaction_group_name" placeholder="Transaction Group Name"/> <p>
<input type="text" name="course_registration_code_number" placeholder="Number of Registration Codes" maxlength="4"/> <form action="${ section_data['generate_registration_code_csv_url'] }" id="course_codes_number" method="post">
<input type="submit" name="generate-registration-codes-csv" value="${_("Generate Registration Codes")}" data-csv="true"> <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
</form> <input type="text" name="transaction_group_name" placeholder="Transaction Group Name"/>
</p> <input type="text" name="course_registration_code_number" placeholder="Number of Registration Codes" maxlength="4"/>
<input type="submit" name="generate-registration-codes-csv" value="${_("Generate Registration Codes")}" data-csv="true">
<p>Click to generate a CSV file of all Course Registrations Codes:</p> </form>
<p> </p>
<form action="${ section_data['get_registration_code_csv_url'] }" id="download_registration_codes" method="post"> <p>Click to generate a CSV file of all Course Registrations Codes:</p>
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }"> <p>
<input type="text" name="download_transaction_group_name" placeholder="Transaction Group Name (Optional)"/> <form action="${ section_data['get_registration_code_csv_url'] }" id="download_registration_codes" method="post">
<input type="submit" name="list-registration-codes-csv" value="${_("Download Registration Codes")}" data-csv="true"> <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
</form> <input type="text" name="download_transaction_group_name" placeholder="Transaction Group Name (Optional)"/>
</p> <input type="submit" name="list-registration-codes-csv" value="${_("Download Registration Codes")}" data-csv="true">
</form>
<p>Click to generate a CSV file of all Active Course Registrations Codes:</p> </p>
<p> <p>Click to generate a CSV file of all Active Course Registrations Codes:</p>
<form action="${ section_data['active_registration_code_csv_url'] }" id="active_registration_codes" method="post"> <p>
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }"> <form action="${ section_data['active_registration_code_csv_url'] }" id="active_registration_codes" method="post">
<input type="text" name="active_transaction_group_name" placeholder="Transaction Group Name (Optional)"/> <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
<input type="submit" name="active-registration-codes-csv" value="${_("Active Registration Codes")}" data-csv="true"> <input type="text" name="active_transaction_group_name" placeholder="Transaction Group Name (Optional)"/>
</form> <input type="submit" name="active-registration-codes-csv" value="${_("Active Registration Codes")}" data-csv="true">
</p> </form>
</p>
<p>Click to generate a CSV file of all Spent Course Registrations Codes:</p> <p>Click to generate a CSV file of all Spent Course Registrations Codes:</p>
<p> <p>
<form action="${ section_data['spent_registration_code_csv_url'] }" id="spent_registration_codes" method="post"> <form action="${ section_data['spent_registration_code_csv_url'] }" id="spent_registration_codes" method="post">
<input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }"> <input type="hidden" name="csrfmiddlewaretoken" value="${ csrf_token }">
<input type="text" name="spent_transaction_group_name" placeholder="Transaction Group Name (Optional)"/> <input type="text" name="spent_transaction_group_name" placeholder="Transaction Group Name (Optional)"/>
<input type="submit" name="spent-registration-codes-csv" value="${_("Spent Registration Codes")}" data-csv="true"> <input type="submit" name="spent-registration-codes-csv" value="${_("Spent Registration Codes")}" data-csv="true">
</form> </form>
</p> </p>
<hr> </div>
<h2>${_("Course Price")}</h2> </div>
<span class="tip">${_("Course Price: ")}<span>$${section_data['course_price']}</span> <!-- end wrap -->
<div class="wrap">
<h2>${_("Course Price")}</h2>
<div>
<span class="tip">${_("Course Price: ")}<span>$${section_data['course_price']}</span>
%if section_data['access']['finance_admin'] is True:
<a id="course_price_link" href="#set-course-mode-price-modal" rel="leanModal" class="add blue-button">+ Set Price</a>
%endif
</span>
</div>
</div>
<!-- end wrap -->
%if section_data['access']['finance_admin'] is True: %if section_data['access']['finance_admin'] is True:
<a id="course_price_link" href="#set-course-mode-price-modal" rel="leanModal" class="add blue-button">+ Set Price</a> <div class="wrap">
<h2>${_("Transactions")}</h2>
<div>
%if section_data['total_amount'] is not None:
<span>${_("Total Amount: ")}<span>$${section_data['total_amount']}</span></span>
%endif
<p>${_("Click to generate a CSV file for all purchase transactions in this course")}</p>
<p><input type="button" name="list-purchase-transaction-csv" value="${_("Download All e-Commerce Purchases")}" data-endpoint="${ section_data['get_purchase_transaction_url'] }" data-csv="true"></p>
</div>
</div>
<!-- end wrap -->
%endif %endif
</span> <div class="wrap">
<hr> <h2>${_("Coupons List")}</h2>
%if section_data['access']['finance_admin'] is True: <div>
<h2>${_("Transactions")}</h2> <h3 class="coupon-errors" id="coupon-error"></h3>
%if section_data['total_amount'] is not None: <span class="tip">${_("Coupons Information")} <a id="add_coupon_link" href="#add-coupon-modal" rel="leanModal"
<span>${_("Total Amount: ")}<span>$${section_data['total_amount']}</span></span> class="add blue-button">${_("+ Add Coupon")}</a></span>
%endif <div class="wrapper-content wrapper">
<section class="content">
<p>${_("Click to generate a CSV file for all purchase transactions in this course")}</p> %if len(section_data['coupons']):
<table class="coupons-table">
<p><input type="button" name="list-purchase-transaction-csv" value="${_("Download All e-Commerce Purchases")}" data-endpoint="${ section_data['get_purchase_transaction_url'] }" data-csv="true"></p> <thead>
%endif <tr class="coupons-headings">
<th class="c_code">${_("Code")}</th>
<h2>${_("Coupons List")}</h2> <th class="c_dsc">${_("Description")}</th>
<th class="c_course_id">${_("Course_id")}</th>
<h3 class="coupon-errors" id="coupon-error"></h3> <th class="c_discount">${_("Discount(%)")}</th>
<span class="tip">${_("Coupons Information")} <a id="add_coupon_link" href="#add-coupon-modal" rel="leanModal" <th class="c_count">${_("Count")}</th>
class="add blue-button">${_("+ Add Coupon")}</a></span> <th class="c_action">${_("Actions")}</th>
</tr>
</thead>
<tbody>
%for coupon in section_data['coupons']:
%if coupon.is_active == False:
<tr class="coupons-items inactive_coupon">
%else:
<tr class="coupons-items">
%endif
<td>${coupon.code}</td>
<td>${coupon.description}</td>
<td>${coupon.course_id.to_deprecated_string()}</td>
<td>${coupon.percentage_discount}</td>
<td>
${ coupon.couponredemption_set.all().count() }
</td>
<!--<td>${coupon.is_active}</td>-->
<td><a data-item-id="${coupon.id}" class='remove_coupon' href='#'>[x]</a><a href="#edit-modal" data-item-id="${coupon.id}" class="edit-right">Edit</a></td>
</tr>
%endfor
</tbody>
</table>
<a id="edit-modal-trigger" href="#edit-coupon-modal" rel="leanModal"></a>
%endif
</section>
</div>
</div>
</div>
<!-- end wrap -->
</div>
</div> </div>
<div class="wrapper-content wrapper">
<section class="content">
%if len(section_data['coupons']):
<table class="coupons-table">
<thead>
<tr class="coupons-headings">
<th class="c_code">${_("Code")}</th>
<th class="c_dsc">${_("Description")}</th>
<th class="c_course_id">${_("Course_id")}</th>
<th class="c_discount">${_("Discount(%)")}</th>
<th class="c_count">${_("Count")}</th>
<th class="c_action">${_("Actions")}</th>
</tr>
</thead>
<tbody>
%for coupon in section_data['coupons']:
%if coupon.is_active == False:
<tr class="coupons-items inactive_coupon">
%else:
<tr class="coupons-items">
%endif
<td>${coupon.code}</td>
<td>${coupon.description}</td>
<td>${coupon.course_id.to_deprecated_string()}</td>
<td>${coupon.percentage_discount}</td>
<td>
${ coupon.couponredemption_set.all().count() }
</td>
<!--<td>${coupon.is_active}</td>-->
<td><a data-item-id="${coupon.id}" class='remove_coupon' href='#'>[x]</a><a href="#edit-modal" data-item-id="${coupon.id}" class="edit-right">Edit</a></td>
</tr>
%endfor
</tbody>
</table>
<a id="edit-modal-trigger" href="#edit-coupon-modal" rel="leanModal"></a>
%endif
</section>
</div>
<script> <script>
$(function () { $(function () {
$('a[rel*=leanModal]').leanModal();
$.each($("a.edit-right"), function () { var icons = {
if ($(this).parent().parent('tr').hasClass('inactive_coupon')) { header: "ui-icon-circle-arrow-e",
$(this).removeAttr('href') activeHeader: "ui-icon-circle-arrow-s"
} };
}); var act = 0;
$.each($("a.remove_coupon"), function () { $("#accordion").accordion(
if ($(this).parent().parent('tr').hasClass('inactive_coupon')) { {
$(this).removeAttr('href') heightStyle: 'content',
} activate: function(event, ui) {
}); var active = jQuery("#accordion").accordion('option', 'active');
$('a.edit-right').click(function (event) { $.cookie('saved_index', null);
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: none'); $.cookie('saved_index', active);
$('#edit_coupon_form #coupon_form_error').text(); },
event.preventDefault(); animate: 400,
event.stopPropagation(); header: "> div.wrap >h2",
var coupon_id = $(this).data('item-id'); icons:icons,
$('#coupon_id').val(coupon_id); active:isNaN(parseInt($.cookie('saved_index'))) ? 0 : parseInt($.cookie('saved_index')),
if ($(this).parent().parent('tr').hasClass('inactive_coupon')) { collapsible: true
return false; });
}
$.ajax({ $('a[rel*=leanModal]').leanModal();
type: "POST", $.each($("a.edit-right"), function () {
data: {id: coupon_id}, if ($(this).parent().parent('tr').hasClass('inactive_coupon')) {
url: "${section_data['ajax_get_coupon_info']}", $(this).removeAttr('href')
success: function (data) { }
$('#coupon-error').val(''); });
$('#coupon-error').attr('style', 'display: none'); $.each($("a.remove_coupon"), function () {
$('input#edit_coupon_code').val(data.coupon_code); if ($(this).parent().parent('tr').hasClass('inactive_coupon')) {
$('input#edit_coupon_discount').val(data.coupon_discount); $(this).removeAttr('href')
$('textarea#edit_coupon_description').val(data.coupon_description); }
$('input#edit_coupon_course_id').val(data.coupon_course_id); });
$('#edit-modal-trigger').click(); $('a.edit-right').click(function (event) {
}, $('#edit_coupon_form #coupon_form_error').attr('style', 'display: none');
error: function(jqXHR, textStatus, errorThrown) { $('#edit_coupon_form #coupon_form_error').text();
var data = $.parseJSON(jqXHR.responseText); event.preventDefault();
$('#coupon-error').html(data.message).show(); event.stopPropagation();
} var coupon_id = $(this).data('item-id');
}); $('#coupon_id').val(coupon_id);
}); if ($(this).parent().parent('tr').hasClass('inactive_coupon')) {
$('a.remove_coupon').click(function (event) { return false;
var anchor = $(this); }
if (anchor.data("disabled")) { $.ajax({
return false; type: "POST",
} data: {id: coupon_id},
anchor.data("disabled", "disabled"); url: "${section_data['ajax_get_coupon_info']}",
event.preventDefault(); success: function (data) {
if ($(this).parent().parent('tr').hasClass('inactive_coupon')) { $('#coupon-error').val('');
return false; $('#coupon-error').attr('style', 'display: none');
} $('input#edit_coupon_code').val(data.coupon_code);
$.ajax({ $('input#edit_coupon_discount').val(data.coupon_discount);
type: "POST", $('textarea#edit_coupon_description').val(data.coupon_description);
data: {id: $(this).data('item-id')}, $('input#edit_coupon_course_id').val(data.coupon_course_id);
url: "${section_data['ajax_remove_coupon_url']}", $('#edit-modal-trigger').click();
success: function (data) { },
anchor.removeData("disabled"); error: function(jqXHR, textStatus, errorThrown) {
location.reload(true); var data = $.parseJSON(jqXHR.responseText);
}, $('#coupon-error').html(data.message).show();
error: function(jqXHR, textStatus, errorThrown) { }
var data = $.parseJSON(jqXHR.responseText); });
$('#coupon-error').html(data.message).show(); });
anchor.removeData("disabled"); $('a.remove_coupon').click(function (event) {
} var anchor = $(this);
}); if (anchor.data("disabled")) {
}); return false;
$('#edit_coupon_form').submit(function () { }
$("#update_coupon_button").attr('disabled', true); anchor.data("disabled", "disabled");
// Get the Code and Discount value and trim it event.preventDefault();
var code = $.trim($('#edit_coupon_code').val()); if ($(this).parent().parent('tr').hasClass('inactive_coupon')) {
var coupon_discount = $.trim($('#edit_coupon_discount').val()); return false;
}
// Check if empty of not $.ajax({
if (code === '') { type: "POST",
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important'); data: {id: $(this).data('item-id')},
$('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Code')}"); url: "${section_data['ajax_remove_coupon_url']}",
$("#update_coupon_button").removeAttr('disabled'); success: function (data) {
return false; anchor.removeData("disabled");
} location.reload(true);
if (coupon_discount == '0') { },
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important'); error: function(jqXHR, textStatus, errorThrown) {
$('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Value Greater than 0')}"); var data = $.parseJSON(jqXHR.responseText);
$("#update_coupon_button").removeAttr('disabled'); $('#coupon-error').html(data.message).show();
return false; anchor.removeData("disabled");
} }
if (parseInt(coupon_discount) > 100) { });
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important'); });
$('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Less than or Equal to 100')}"); $('#edit_coupon_form').submit(function () {
$("#update_coupon_button").removeAttr('disabled'); $("#update_coupon_button").attr('disabled', true);
return false; // Get the Code and Discount value and trim it
} var code = $.trim($('#edit_coupon_code').val());
if (!$.isNumeric(coupon_discount)) { var coupon_discount = $.trim($('#edit_coupon_discount').val());
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
$('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Greater than 0')}"); // Check if empty of not
$("#update_coupon_button").removeAttr('disabled'); if (code === '') {
return false; $('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
} $('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Code')}");
}); $("#update_coupon_button").removeAttr('disabled');
$('#course_price_link').click(function () { return false;
reset_input_fields(); }
}); if (coupon_discount == '0') {
$('#add_coupon_link').click(function () { $('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
reset_input_fields(); $('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Value Greater than 0')}");
}); $("#update_coupon_button").removeAttr('disabled');
$('#set_price_form').submit(function () { return false;
$("#set_course_button").attr('disabled', true); }
// Get the Code and Discount value and trim it if (parseInt(coupon_discount) > 100) {
var course_price = $.trim($('#mode_price').val()); $('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
var currency = $.trim($('#course_mode_currency').val()); $('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Less than or Equal to 100')}");
$("#update_coupon_button").removeAttr('disabled');
// Check if empty of not return false;
if (course_price === '') { }
$('#set_price_form #course_form_error').attr('style', 'display: block !important'); if (!$.isNumeric(coupon_discount)) {
$('#set_price_form #course_form_error').text("${_('Please Enter the Course Price')}"); $('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
$("#set_course_button").removeAttr('disabled'); $('#edit_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Greater than 0')}");
return false; $("#update_coupon_button").removeAttr('disabled');
} return false;
if (!$.isNumeric(course_price)) { }
$("#set_course_button").removeAttr('disabled'); });
$('#set_price_form #course_form_error').attr('style', 'display: block !important'); $('#course_price_link').click(function () {
$('#set_price_form #course_form_error').text("${_('Please Enter the Numeric value for Discount')}"); reset_input_fields();
return false; });
} $('#add_coupon_link').click(function () {
if (currency == '') { reset_input_fields();
$('#set_price_form #course_form_error').attr('style', 'display: block !important'); });
$('#set_price_form #course_form_error').text("${_('Please Select the Currency')}"); $('#set_price_form').submit(function () {
$("#set_course_button").removeAttr('disabled'); $("#set_course_button").attr('disabled', true);
return false; // Get the Code and Discount value and trim it
} var course_price = $.trim($('#mode_price').val());
}); var currency = $.trim($('#course_mode_currency').val());
$('#add_coupon_form').submit(function () {
$("#add_coupon_button").attr('disabled', true); // Check if empty of not
// Get the Code and Discount value and trim it if (course_price === '') {
var code = $.trim($('#coupon_code').val()); $('#set_price_form #course_form_error').attr('style', 'display: block !important');
var coupon_discount = $.trim($('#coupon_discount').val()); $('#set_price_form #course_form_error').text("${_('Please Enter the Course Price')}");
$("#set_course_button").removeAttr('disabled');
// Check if empty of not return false;
if (code === '') { }
$("#add_coupon_button").removeAttr('disabled'); if (!$.isNumeric(course_price)) {
$('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important'); $("#set_course_button").removeAttr('disabled');
$('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Code')}"); $('#set_price_form #course_form_error').attr('style', 'display: block !important');
return false; $('#set_price_form #course_form_error').text("${_('Please Enter the Numeric value for Discount')}");
} return false;
if (coupon_discount == '0') { }
$('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important'); if (currency == '') {
$('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Greater than 0')}"); $('#set_price_form #course_form_error').attr('style', 'display: block !important');
$("#add_coupon_button").removeAttr('disabled'); $('#set_price_form #course_form_error').text("${_('Please Select the Currency')}");
return false; $("#set_course_button").removeAttr('disabled');
} return false;
if (parseInt(coupon_discount) > 100) { }
$('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important'); });
$('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Less than or Equal to 100')}"); $('#add_coupon_form').submit(function () {
$("#add_coupon_button").removeAttr('disabled'); $("#add_coupon_button").attr('disabled', true);
return false; // Get the Code and Discount value and trim it
} var code = $.trim($('#coupon_code').val());
if (!$.isNumeric(coupon_discount)) { var coupon_discount = $.trim($('#coupon_discount').val());
$("#add_coupon_button").removeAttr('disabled');
$('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important'); // Check if empty of not
$('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Numeric value for Discount')}"); if (code === '') {
return false; $("#add_coupon_button").removeAttr('disabled');
} $('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important');
}); $('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Code')}");
return false;
$('#set_price_form').on('ajax:complete', function (event, xhr) { }
if (xhr.status == 200) { if (coupon_discount == '0') {
location.reload(true); $('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important');
} else { $('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Greater than 0')}");
$("#set_course_button").removeAttr('disabled'); $("#add_coupon_button").removeAttr('disabled');
$('#set_price_form #course_form_error').attr('style', 'display: block !important'); return false;
$('#set_price_form #course_form_error').text(xhr.responseText); }
} if (parseInt(coupon_discount) > 100) {
}); $('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important');
$('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Coupon Discount Value Less than or Equal to 100')}");
$('#add_coupon_form').on('ajax:complete', function (event, xhr) { $("#add_coupon_button").removeAttr('disabled');
if (xhr.status == 200) { return false;
location.reload(true); }
} else { if (!$.isNumeric(coupon_discount)) {
$("#add_coupon_button").removeAttr('disabled'); $("#add_coupon_button").removeAttr('disabled');
$('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important'); $('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important');
$('#add_coupon_form #coupon_form_error').text(xhr.responseText); $('#add_coupon_form #coupon_form_error').text("${_('Please Enter the Numeric value for Discount')}");
} return false;
}); }
});
$('#edit_coupon_form').on('ajax:complete', function (event, xhr) {
if (xhr.status == 200) { $('#set_price_form').on('ajax:complete', function (event, xhr) {
location.reload(true); if (xhr.status == 200) {
} else { location.reload(true);
$("#update_coupon_button").removeAttr('disabled'); } else {
$('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important'); $("#set_course_button").removeAttr('disabled');
$('#edit_coupon_form #coupon_form_error').text(xhr.responseText); $('#set_price_form #course_form_error').attr('style', 'display: block !important');
} $('#set_price_form #course_form_error').text(xhr.responseText);
}); }
// removing close link's default behavior });
$('.close-modal').click(function (e) {
$("#update_coupon_button").removeAttr('disabled'); $('#add_coupon_form').on('ajax:complete', function (event, xhr) {
$("#add_coupon_button").removeAttr('disabled'); if (xhr.status == 200) {
$("#set_course_button").removeAttr('disabled'); location.reload(true);
reset_input_fields(); } else {
e.preventDefault(); $("#add_coupon_button").removeAttr('disabled');
}); $('#add_coupon_form #coupon_form_error').attr('style', 'display: block !important');
$('#add_coupon_form #coupon_form_error').text(xhr.responseText);
var onModalClose = function () { }
$("#add-coupon-modal").attr("aria-hidden", "true"); });
$(".remove_coupon").focus();
$("#edit-coupon-modal").attr("aria-hidden", "true"); $('#edit_coupon_form').on('ajax:complete', function (event, xhr) {
$(".edit-right").focus(); if (xhr.status == 200) {
$("#set-course-mode-price-modal").attr("aria-hidden", "true"); location.reload(true);
$("#add_coupon_button").removeAttr('disabled'); } else {
$("#set_course_button").removeAttr('disabled'); $("#update_coupon_button").removeAttr('disabled');
$("#update_coupon_button").removeAttr('disabled'); $('#edit_coupon_form #coupon_form_error').attr('style', 'display: block !important');
reset_input_fields(); $('#edit_coupon_form #coupon_form_error').text(xhr.responseText);
}; }
});
var cycle_modal_tab = function (from_element_name, to_element_name) { // removing close link's default behavior
$(from_element_name).on('keydown', function (e) { $('.close-modal').click(function (e) {
var keyCode = e.keyCode || e.which; $("#update_coupon_button").removeAttr('disabled');
var TAB_KEY = 9; // 9 corresponds to the tab key $("#add_coupon_button").removeAttr('disabled');
if (keyCode === TAB_KEY) { $("#set_course_button").removeAttr('disabled');
e.preventDefault(); reset_input_fields();
$(to_element_name).focus(); e.preventDefault();
} });
});
}; var onModalClose = function () {
$("#add-coupon-modal").attr("aria-hidden", "true");
$("#add-coupon-modal .close-modal").click(onModalClose); $(".remove_coupon").focus();
$("#edit-coupon-modal .close-modal").click(onModalClose); $("#edit-coupon-modal").attr("aria-hidden", "true");
$("#set-course-mode-price-modal .close-modal").click(reset_input_fields); $(".edit-right").focus();
$("#set-course-mode-price-modal").attr("aria-hidden", "true");
$("#add_coupon_button").removeAttr('disabled');
// Hitting the ESC key will exit the modal $("#set_course_button").removeAttr('disabled');
$("#add-coupon-modal, #edit-coupon-modal, #set-course-mode-price-modal").on("keydown", function (e) { $("#update_coupon_button").removeAttr('disabled');
var keyCode = e.keyCode || e.which; reset_input_fields();
// 27 is the ESC key };
if (keyCode === 27) {
e.preventDefault(); var cycle_modal_tab = function (from_element_name, to_element_name) {
$("#add-coupon-modal .close-modal").click(); $(from_element_name).on('keydown', function (e) {
$("#set-course-mode-price-modal .close-modal").click(); var keyCode = e.keyCode || e.which;
$("#edit-coupon-modal .close-modal").click(); var TAB_KEY = 9; // 9 corresponds to the tab key
} if (keyCode === TAB_KEY) {
}); e.preventDefault();
}); $(to_element_name).focus();
var reset_input_fields = function () { }
$('#coupon-error').val(''); });
$('#coupon-error').attr('style', 'display: none'); };
$('#add_coupon_form #coupon_form_error').attr('style', 'display: none');
$('#set_price_form #course_form_error').attr('style', 'display: none'); $("#add-coupon-modal .close-modal").click(onModalClose);
$('#add_coupon_form #coupon_form_error').text(); $("#edit-coupon-modal .close-modal").click(onModalClose);
$('input#mode_price').val(''); $("#set-course-mode-price-modal .close-modal").click(reset_input_fields);
$('input#coupon_code').val('');
$('input#coupon_discount').val('');
$('textarea#coupon_description').val(''); // Hitting the ESC key will exit the modal
$("#add-coupon-modal, #edit-coupon-modal, #set-course-mode-price-modal").on("keydown", function (e) {
} var keyCode = e.keyCode || e.which;
</script> // 27 is the ESC key
if (keyCode === 27) {
e.preventDefault();
$("#add-coupon-modal .close-modal").click();
$("#set-course-mode-price-modal .close-modal").click();
$("#edit-coupon-modal .close-modal").click();
}
});
});
var reset_input_fields = function () {
$('#coupon-error').val('');
$('#coupon-error').attr('style', 'display: none');
$('#add_coupon_form #coupon_form_error').attr('style', 'display: none');
$('#set_price_form #course_form_error').attr('style', 'display: none');
$('#add_coupon_form #coupon_form_error').text();
$('input#mode_price').val('');
$('input#coupon_code').val('');
$('input#coupon_discount').val('');
$('textarea#coupon_description').val('');
}
</script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment