78 lines
3.4 KiB
JavaScript
78 lines
3.4 KiB
JavaScript
(function($) {
|
|
'use strict';
|
|
$(function() {
|
|
var $levelSelect = $('#id_classroom');
|
|
var $subjectSelect = $('#id_subscribed_subjects');
|
|
// Check if we are in the admin change form
|
|
if (!$levelSelect.length || !$subjectSelect.length) return;
|
|
|
|
var isArabic = $('html').attr('lang') === 'ar' || $('body').hasClass('rtl');
|
|
|
|
function updateSubjects(levelId, selectedValues) {
|
|
if (!levelId) {
|
|
$subjectSelect.html('');
|
|
refreshSelectFilter();
|
|
return;
|
|
}
|
|
|
|
$.getJSON('/ajax/get-subjects-by-level/', {level_id: levelId}, function(data) {
|
|
var options = '';
|
|
$.each(data, function(index, subject) {
|
|
var selected = '';
|
|
if (selectedValues && selectedValues.indexOf(subject.id.toString()) !== -1) {
|
|
selected = ' selected';
|
|
}
|
|
var name = isArabic ? subject.name_ar : subject.name_en;
|
|
options += '<option value="' + subject.id + '"' + selected + '>' + name + '</option>';
|
|
});
|
|
$subjectSelect.html(options);
|
|
refreshSelectFilter();
|
|
});
|
|
}
|
|
|
|
function refreshSelectFilter() {
|
|
// Django's filter_horizontal uses SelectFilter2
|
|
if (typeof SelectFilter2 !== 'undefined') {
|
|
var fieldName = 'subscribed_subjects';
|
|
// Remove the existing widget elements
|
|
$('.selector').has('#id_' + fieldName + '_from').remove();
|
|
|
|
// Re-initialize it
|
|
// SelectFilter2.init(field_id, field_name, is_stacked)
|
|
SelectFilter2.init('id_' + fieldName, fieldName, false);
|
|
} else if (typeof SelectFilter !== 'undefined') {
|
|
var fieldName = 'subscribed_subjects';
|
|
$('.selector').has('#id_' + fieldName + '_from').remove();
|
|
SelectFilter.init('id_' + fieldName, fieldName, false);
|
|
}
|
|
}
|
|
|
|
$levelSelect.on('change', function() {
|
|
var selectedValues = [];
|
|
// When level changes, we might want to keep currently selected subjects if they still belong to the level?
|
|
// Actually, usually when level changes, we reset subjects or only keep valid ones.
|
|
// For now, let's reset to avoid confusion, or the user can re-select.
|
|
updateSubjects($(this).val(), []);
|
|
});
|
|
|
|
// If we are editing an existing student, we should filter the subjects on load
|
|
// but KEEP the currently selected ones.
|
|
if ($levelSelect.val()) {
|
|
// Get currently selected values from the "chosen" side if possible,
|
|
// or from the original select before it was widgetized.
|
|
var selectedValues = [];
|
|
$('#id_subscribed_subjects_to option').each(function() {
|
|
selectedValues.push($(this).val());
|
|
});
|
|
|
|
// If empty (new form or nothing selected), try the main select
|
|
if (selectedValues.length === 0) {
|
|
$subjectSelect.find('option:selected').each(function() {
|
|
selectedValues.push($(this).val());
|
|
});
|
|
}
|
|
|
|
updateSubjects($levelSelect.val(), selectedValues);
|
|
}
|
|
});
|
|
})(django.jQuery); |