Skip to content

Commit

Permalink
trying amd
Browse files Browse the repository at this point in the history
  • Loading branch information
Matthias Opitz committed Dec 18, 2024
1 parent e5b2350 commit 57e2687
Show file tree
Hide file tree
Showing 5 changed files with 1,561 additions and 257 deletions.
330 changes: 330 additions & 0 deletions amd/src/coursework.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,330 @@
define('mod_coursework/coursework', ['jquery', 'core/log'], function($) {
return {
init: function() {
var table_obj_list = [];
// var is_responsive = false;
var tableobject = 0;

$(document).ready(function() {
var langmessage = JSON.parse($('#element_lang_messages').attr('data-lang'));
var base_url = window.location.origin + '/mod/coursework/datatables/js/';

require.config({
paths: {
'datatables.net': base_url + 'jquery.datatables',
'datatables.searchpanes': base_url + 'datatables.searchpanes',
'datatables.buttons': base_url + 'datatables.buttons',
'datatables.select': base_url + 'datatables.select',
'datatables.responsive': base_url + 'datatables.responsive.min',
}
});

require(['datatables.net'], function(DataTable) {

// Ensure jQuery access.
if (!$.fn.dataTable) {
$.fn.dataTable = DataTable;
}

$.fn.DataTable = DataTable;
$.fn.DataTableSettings = DataTable.settings;
$.fn.dataTableExt = DataTable.ext;
DataTable.$ = $;
$.fn.DataTable = function(opts) {
return $(this).dataTable(opts).api();
};

$.fn.dataTable.Api.register('row().show()', function() {
var page_info = this.table().page.info();
// Get row index.
var new_row_index = this.index();
// Row position.
var row_position = this.table()
.rows({search: 'applied'})[0]
.indexOf(new_row_index);
// Already on right page ?
if ((row_position >= page_info.start && row_position < page_info.end) || row_position < 0) {
// Return row object.
return this;
}
// Find page number.
var page_to_display = Math.floor(row_position / this.table().page.len());
// Go to that page.
this.table().page(page_to_display);
// Return row object.
return this;
});
require(['datatables.searchpanes',
'datatables.select',
'datatables.buttons',
'datatables.responsive'],
function() {
if (isMobileDevice() && $(window).width() < 768) {
// is_responsive = true;
initDatatable();

$('.datatabletest').on('order.dt', function() {
$('.submissionrowmulti').removeClass("shown");
});
} else {
initDatatable();
}
});
});

/**
*
* @param {string} tableid
*/
function background_load_table(tableid) {
var tableelement = $('#' + tableid);
var wrapperelement = tableelement.parent('.dataTables_wrapper');
var paginationelement = wrapperelement.find('.dataTables_paginate');
tableobject = table_obj_list[tableid];
var submissionswrapper = tableelement.parent('.dataTables_wrapper');

// Hide buttons.
wrapperelement.find('.dataTables_paginate, .dataTables_info, .dataTables_length,' +
' .dataTables_filter').css('visibility', 'hidden');
wrapperelement.find('thead, .dt-button').each(function() {
var me = $(this);
me.css('pointer-events', 'none');
if (me.hasClass('dt-button')) {
me.find('span').html(' ' + me.find('span').html());
}
});
// console.log(submissionswrapper);

$('<div id="datatable_top_loading_message" class="text-center submission-loading">' +
'<i class="fa fa-spinner fa-spin"></i> ' + langmessage.loadingpagination + '</div>').
insertBefore(submissionswrapper);
$('<div class="text-center pagination-loading"><i class="fa fa-spinner fa-spin"></i> ' +
langmessage.loadingpagination + '</div>').insertAfter(paginationelement);
$('<i class="fa fa-spinner fa-spin pagination-loading"></i>').insertBefore(wrapperelement.
find('.dt-button > span'));

// Prepare params for ajax request.
var params = {
group: tableelement.attr('group'),
perpage: tableelement.attr('perpage'),
sortby: tableelement.attr('sortby'),
sorthow: tableelement.attr('sorthow'),
firstnamealpha: tableelement.attr('firstnamealpha'),
lastnamealpha: tableelement.attr('lastnamealpha'),
groupnamealpha: tableelement.attr('groupnamealpha'),
substatus: tableelement.attr('substatus'),
unallocated: tableelement.attr('unallocated'),
courseworkid: tableelement.attr('courseworkid')
};

$.ajax({
url: '/mod/coursework/actions/ajax/datatable/grading.php',
type: 'POST',
data: params
}).done(function(response) {
// console.log('test remove 1');
$("#datatable_top_loading_message").remove();
tableobject.rows.add($(response)).draw(false);
wrapperelement.find('.submission-loading').remove();
}).fail(function() {}).always(function() {
// Show buttons.
wrapperelement.find('.pagination-loading').remove();
wrapperelement.find('.submission-loading').remove();
wrapperelement.find('thead, .dt-button').css('pointer-events', 'auto');
wrapperelement.find('.dataTables_paginate, .dataTables_info, .dataTables_length,' +
' .dataTables_filter').css('visibility', 'visible');
});
}

/**
*
*/
function initDatatable() {
$(".datatabletest").each(function() {
// Class that determines whether all data for the databale has been full loaded.
var fullloaded = $(this).hasClass('full-loaded');

table_obj_list[$(this).attr('id')] = $(this).DataTable({
'order': [],
stateSave: true,
language: {
searchPanes: {
collapse: {"0": $('#search_pane_button').val() || 'Filter',
_: ($('#search_pane_button').val() || 'Filter') + ' (%d)'}
}
},
buttons: [

],
dom: 'Blfrtip',
columnDefs: [
{
searchPanes: {show: false},
targets: ['studentname', 'addition-multiple-button'],
bSortable: false
},
{
searchPanes: {show: false},
targets: ['lastname_cell', 'firstname_cell', 'tableheadpersonaldeadline',
'tableheaddate', 'tableheadfilename', 'tableheadplagiarismalert',
'plagiarism', 'agreedgrade', 'feedbackandgrading', 'provisionalgrade',
'tableheadmoderationagreement']
},
{
searchPanes: {
show: true,
header: $('#search_pane_group').val() || 'Group',
},
targets: 'tableheadgroups',
},
{
searchPanes: {
show: true,
header: $('#search_pane_status').val() || 'Status',
getFullText: true,
},
targets: 'tableheadstatus',
},
{
searchPanes: {
show: true,
header: $('#search_pane_firstname').val() || 'First Name Initial',
},
targets: 'firstname_letter_cell',
},
{
searchPanes: {
show: true,
header: $('#search_pane_lastname').val() || 'Last Name Initial',
},
targets: 'lastname_letter_cell',
},
{"visible": false, "targets": ['lastname_letter_cell', 'firstname_letter_cell',
'lastname_cell', 'firstname_cell']}
],
select: {
style: 'multi',
selector: '.select-checkbox'
},
stateSaveParams: function(settings, data) {
data.columns = [];
}

});

if (!fullloaded) {
background_load_table($(this).attr('id'));
}
});
}

if (isMobileDevice() && $(window).width() < 768) {
// For small screens.
var table = $('.datatabletest tbody').on('click', 'td.details-control', function() {
var tr = $(this).closest("tr");
var row_id = tr.attr('id').replace('allocatable_', '');
var table_id = 'assessorfeedbacktable_' + row_id;

if ($(tr).next('tr.row_assessors').length > 0) {
$(tr).next('tr.row_assessors').remove();
} else {
// As originally written this code created a new table with duplicate IDs.
// See comment on CTP-3783 below for more info.
const oldTable = $('#' + table_id);
const newRow = $(
'<tr class = "submissionrowmultisub row_assessors"><td class="assessors" colspan = "11"></td></tr>'
);
oldTable.addClass('assessors_expanded').css('width', '95%').appendTo(newRow.find('td'));
}
$(tr).toggleClass('shown');
});
} else {
// Add event listener for opening and closing details.
$('.datatabletest tbody').on('click', 'td.details-control', function() {
var tr = $(this).closest("tr");
var table_key = $(this).closest('.datatabletest').attr('id');
var table = table_obj_list[table_key];
if (table) {
var row = table.row(tr);

var row_id = tr.attr('id').replace('allocatable_', '');
var table_id = 'assessorfeedbacktable_' + row_id;
const oldTable = $('#' + table_id);
const subRow = $('#sub-row-' + tr.data('allocatable'));
if (oldTable.length) {
if (subRow.length === 0) {
// Open this row - create as sub-row.
// CTP-3783 As originally written this code cloned the old table and
// added its HTML again to the new row.
// This meant that we had 2 x tables do duplicate IDs, with the old table hidden and
// new one visible.
// Then multiple behat tests failed when trying to click the hidden feedback button
// not visible one.
const newRow = $(
'<tr class = "submissionrowmultisub" id="sub-row-' + tr.data('allocatable')
+ '"><td class="assessors" colspan = "11"></td></tr>'
);
oldTable.addClass('assessors_expanded').css('width', '95%').appendTo(newRow.find('td'));
oldTable.show();
row.child(newRow).show();
tr.addClass('shown');
} else {
// Sub-row already exists.
if (subRow.css('display') === 'none') {
subRow.show();
tr.addClass('shown');
} else {
// This row is already open - close it.
tr.removeClass('shown');
subRow.hide();
}
}
} else {
// No need to move table - just open/close.
if (subRow.css('display') === 'none') {
subRow.show();
tr.addClass('shown');
} else {
// This row is already open - close it.
subRow.hide();
tr.removeClass('shown');
}
}
}
});
}

$('.datatabletest').on('click', '.splitter-firstname, .splitter-lastname, .splitter-email', function(event) {
event.preventDefault();
var node = $(event.target),
isAscending = node.hasClass('sorting_asc'),
currentsort = 'asc',
sortby = 'desc';
if (!isAscending) {
currentsort = 'desc';
sortby = 'asc';
}
var table_id = $(this).closest('.datatabletest').attr('id');
table = table_obj_list[table_id];
var headerclass = $(this).hasClass('splitter-firstname') ? 'firstname_cell' : 'lastname_cell';
headerclass = $(this).hasClass('splitter-email') ? 'email_cell' : headerclass;
// console.log(headerclass);
var sortColumn = table.column('.' + headerclass).index();
table.order([sortColumn, sortby]).draw();

node.addClass('sorting_' + sortby).removeClass('sorting sorting_' + currentsort);
node.parent().removeClass('sorting sorting_asc sorting_desc');
node.siblings().removeClass('sorting_asc sorting_desc').addClass('sorting');
});
});

/**
*
*/
function isMobileDevice() {
return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
}
}
};
});

Loading

0 comments on commit 57e2687

Please sign in to comment.