htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add UI for adding exercises to collection

Browse Source
This commit is contained in:
Maximilian Grundke
2018-07-13 15:42:26 +02:00
parent 7da7bd5f3a
commit 5ea30b5625
6 changed files with 48 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/assets/javascripts/exercise_collections.js.erb
View File

@@ -130,6 +130,31 @@ $(function() {
var list = $("#sortable");
list.sortable();
list.disableSelection();
var addExercisesForm = $('#exercise-selection');
var addExercisesButton = $('#add-exercises');
var collectContainedExercises = function () {
return exerciseList.find('tbody > tr').toArray().map(function (item) {return $(item).data('id')});
}
addExercisesButton.on('click', function (e) {
e.preventDefault();
var collectionExercises = collectContainedExercises();
var selectedExercises = addExercisesForm.find('select')[0].selectedOptions;
for (var i = 0; i < selectedExercises.length; i++) {
var exercise = {id: selectedExercises[i].value, title: selectedExercises[i].label}
if (collectionExercises.indexOf(exercise.id) === -1) {
// only add exercises that are not already contained in the collection
var template = '<tr data-id="' + exercise.id + '">' +
'<td><span class="fa fa-bars"></span></td>' +
'<td>' + exercise.title + '</td>' +
'<td><a href="/exercises/' + exercise.id + '"><%= I18n.t('shared.show') %></td>' +
'<td><a class="remove-exercise" href="#"><%= I18n.t('shared.destroy') %></td></tr>';
exerciseList.find('tbody').append(template);
}
}
});
}
}
});