diff options
Diffstat (limited to 'resources/assets/javascripts/lib')
| -rw-r--r-- | resources/assets/javascripts/lib/multi_select.js | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/resources/assets/javascripts/lib/multi_select.js b/resources/assets/javascripts/lib/multi_select.js deleted file mode 100644 index b4abeb9..0000000 --- a/resources/assets/javascripts/lib/multi_select.js +++ /dev/null @@ -1,47 +0,0 @@ -import { $gettext } from './gettext.js'; - -/** - * Turns a select-box into an easy to use multiple select-box - */ - -const MultiSelect = { - create: function (id, itemName, options = {}) { - const count = $(id).find('option:selected').length; - const count_template = _.template(_('<%= count %> ausgewählt')); - const update_counter = function () { - const count = $(id).find('option:selected').length; - $(id).next().find('.counter').text(count_template({count: count})); - }; - - if (!$(id).attr('multiple')) { - $(id).attr('multiple', 'multiple').css('height', '6em'); - } - $(id).multiSelect({ - selectableHeader: - `<div class="header"> - <a href="#" class="button select-all">${$gettext('Alle hinzufügen')}</a> - </div>`, - selectionHeader: - `<div class="header"> - <div class="counter">${count_template({count: count})}.</div> - <a href="#" class="button deselect-all">${$gettext('Alle entfernen')}</a> - </div>`, - keepOrder: true, - cssClass: ['studip-multi-select', options.cssClass || ''].join(' ').trim(), - afterInit: function () { - $(id).next().find('.ms-elem-selectable,.ms-elem-selection').find('br').remove(); - }, - afterSelect: update_counter, - afterDeselect: update_counter - }); - - $(id).next().find('.select-all').click(function () { - $(id).multiSelect('select_all'); - }); - $(id).next().find('.deselect-all').click(function () { - $(id).multiSelect('deselect_all'); - }); - } -}; - -export default MultiSelect; |
