Ross
273 lines
10 KiB
HTML
273 lines
10 KiB
HTML
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
// send request to change the is_private state on customSwitches toggle
|
|
$("#exam-active-switch, .exam-active-switch").on("change", function (evt) {
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
active: this.checked // true if checked else false
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info(`Exam: ${data.name} [${data.id}]
|
|
Active state changed to: ${data.active}.`)
|
|
}
|
|
// show some message according to the response.
|
|
// For eg. A message box showing that the status has been changed
|
|
})
|
|
.fail(function (data) {
|
|
console.log(data)
|
|
toastr.error(`Failed to change state<br/>${data.responseJSON.status}`);
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
})
|
|
$("#exam-publish-results-switch, .exam-publish-results-switch").on("change", function (evt) {
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
publish_results: this.checked // true if checked else false
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info(`Exam: ${data.name} [${data.id}]
|
|
Published state changed to: ${data.publish_results}.`)
|
|
}
|
|
// show some message according to the response.
|
|
// For eg. A message box showing that the status has been changed
|
|
})
|
|
.fail(function (data) {
|
|
toastr.error(`Failed to change state`);
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
})
|
|
$(".exam-archived-switch").on("change", function (evt) {
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
archive: this.checked // true if checked else false
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info(`Exam: ${data.name} [${data.id}]
|
|
Archived state changed to: ${data.archive}.`)
|
|
}
|
|
// show some message according to the response.
|
|
// For eg. A message box showing that the status has been changed
|
|
})
|
|
.fail(function (data) {
|
|
toastr.error(`Failed to change state`);
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
})
|
|
$("#button-open-access").click(function (evt) {
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
set_open_access: true,
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info('Question access state changed.');
|
|
} else {
|
|
toastr.warning("Error");
|
|
toastr.info(data.status);
|
|
}
|
|
})
|
|
.fail((e) => {
|
|
toastr.warning(`Error, ${e}`);
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
})
|
|
$("#button-closed-access").click(function (evt) {
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
set_open_access: false,
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info('Question access state changed.');
|
|
} else {
|
|
toastr.warning("Error");
|
|
toastr.info(data.status);
|
|
}
|
|
})
|
|
.fail((e) => {
|
|
toastr.warning(`Error, ${e}`);
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
})
|
|
$("#button-edit-order").click(function (evt) {
|
|
$(this).remove();
|
|
sortable('.sortable');
|
|
$("#full-question-list").addClass('sorting');
|
|
|
|
// Add tooltip to each li to indicate drag-to-reorder
|
|
$("#full-question-list li").attr("title", "Drag to reorder");
|
|
|
|
$("#full-question-list").after($("<button id='random-order-button'>Randomise order</button>").click(() =>{
|
|
var ul = document.getElementById("full-question-list");
|
|
for (var i = ul.children.length; i >= 0; i--) {
|
|
ul.appendChild(ul.children[Math.random() * i | 0]);
|
|
}
|
|
}))
|
|
|
|
|
|
$("#full-question-list li").each((n, el) => {
|
|
// Add up/down arrows at the start of each <li>
|
|
const upBtn = $("<button class='move-up btn btn-sm' title='Move up'>↑</button>").click(function(e){
|
|
e.preventDefault();
|
|
const li = $(this).closest("li");
|
|
const prev = li.prev();
|
|
if (prev.length) {
|
|
prev.before(li);
|
|
}
|
|
});
|
|
const downBtn = $("<button class='move-down btn btn-sm' title='Move down'>↓</button>").click(function(e){
|
|
e.preventDefault();
|
|
const li = $(this).closest("li");
|
|
const next = li.next();
|
|
if (next.length) {
|
|
next.after(li);
|
|
}
|
|
});
|
|
$(el).prepend(downBtn).prepend(upBtn);
|
|
|
|
// Existing delete button logic
|
|
$(el).append($(
|
|
"<span class='exam-question-delete flex-col'><button title='Remove this question from the exam/collection'>Remove</button></span>"
|
|
).click(() => {
|
|
el.remove();
|
|
}));
|
|
});
|
|
|
|
$("#full-question-list").after($(
|
|
"<button title='click and drag questions to change order'>Save exam order</button>"
|
|
).click(() => {
|
|
new_order = [];
|
|
$("#full-question-list li").each((n, el) => {
|
|
new_order.push(el.dataset.question_pk)
|
|
})
|
|
$.ajax({
|
|
url: evt.currentTarget.dataset.posturl,
|
|
data: {
|
|
csrfmiddlewaretoken: "{{ csrf_token }}",
|
|
set_exam_order: JSON.stringify(new_order),
|
|
},
|
|
type: "POST",
|
|
dataType: "json",
|
|
})
|
|
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
|
|
.done(function (data) {
|
|
console.log(data);
|
|
|
|
if (data.status == "success") {
|
|
toastr.info('Exam order changed.')
|
|
}
|
|
})
|
|
.always(function () {
|
|
console.log('[Done]');
|
|
})
|
|
}));
|
|
// Add cancel button
|
|
$("#full-question-list").after($(
|
|
"<button id='cancel-order-button' class='ms-2 btn btn-secondary btn-sm'>Cancel</button>"
|
|
).click(() => {
|
|
location.reload();
|
|
}));
|
|
});
|
|
|
|
|
|
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
#full-question-list .move-up,
|
|
#full-question-list .move-up,
|
|
#full-question-list .move-down {
|
|
margin-right: 4px;
|
|
padding: 2px 6px;
|
|
font-size: 1em;
|
|
background: #23272b;
|
|
color: #f8f9fa;
|
|
border: 1px solid #495057;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
transition: background 0.2s, color 0.2s;
|
|
}
|
|
#full-question-list .move-up:hover,
|
|
#full-question-list .move-down:hover {
|
|
background: #495057;
|
|
color: #fff;
|
|
}
|
|
|
|
#full-question-list.sorting li {
|
|
border: 1px dashed #495057;
|
|
}
|
|
#full-question-list .exam-question-delete button {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
display: block;
|
|
float: right;
|
|
padding: 1px 6px;
|
|
font-size: 0.85em;
|
|
opacity: 1;
|
|
background: #dc3545;
|
|
color: #fff;
|
|
border: 1px solid #b52a37;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
transition: background 0.2s, color 0.2s;
|
|
}
|
|
#full-question-list .exam-question-delete button:hover {
|
|
background: #b52a37;
|
|
color: #fff;
|
|
}
|
|
|
|
</style> |