From: Vincent Vanwaelscappel Date: Wed, 16 Apr 2025 09:58:17 +0000 (+0200) Subject: #7485 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=48064ae25c65b1f30b6c63767ddcafe39db76f14;p=Animations.git #7485 --- diff --git a/Discac/Discac.zip b/Discac/Discac.zip index 4d38196..ef28acb 100644 Binary files a/Discac/Discac.zip and b/Discac/Discac.zip differ diff --git a/Discac/_doc/publish.bat b/Discac/_doc/publish.bat index 21e3cc3..01f857e 100644 --- a/Discac/_doc/publish.bat +++ b/Discac/_doc/publish.bat @@ -1,3 +1,3 @@ @echo off "C:\Program Files\7-Zip\7z.exe" a -tzip ../Discac.zip ../ -xr0!_doc -xr0!*.zip -xr0!*.less -xr0!*.map -scp ../Discac.zip extranet@workshop.fluidbook.com:/data1/extranet/www/fluidbook/books/working/21516 \ No newline at end of file +scp -P 51895 ../Discac.zip toolbox@toolbox.fluidbook.com:/application/protected/fluidbookpublication/working/32262 \ No newline at end of file diff --git a/Discac/checkbox.png b/Discac/checkbox.png new file mode 100644 index 0000000..9163bea Binary files /dev/null and b/Discac/checkbox.png differ diff --git a/Discac/index.html b/Discac/index.html new file mode 100644 index 0000000..b599f08 --- /dev/null +++ b/Discac/index.html @@ -0,0 +1,510 @@ + + + + + + + + + + + + +

Filtrer ma recherche

+ +

Aucun produit ne correspond aux filtres sÃ©lectionnÃ©s

+ + + + + \ No newline at end of file diff --git a/Discac/jquery.multi-select.js b/Discac/jquery.multi-select.js new file mode 100644 index 0000000..8143f30 --- /dev/null +++ b/Discac/jquery.multi-select.js @@ -0,0 +1,442 @@ +// jquery.multi-select.js +// by mySociety +// https://github.com/mysociety/jquery-multi-select + +;(function ($) { + + "use strict"; + + var pluginName = "multiSelect", + defaults = { + 'containerHTML': '

', + 'menuHTML': '

', + 'buttonHTML': '', + 'menuItemsHTML': '

', + 'menuItemHTML': '', + 'presetsHTML': '

', + 'modalHTML': undefined, + 'menuItemTitleClass': 'multi-select-menuitem--titled', + 'activeClass': 'multi-select-container--open', + 'noneText': '-- Select --', + 'allText': undefined, + 'presets': undefined, + 'positionedMenuClass': 'multi-select-container--positioned', + 'positionMenuWithin': undefined, + 'viewportBottomGutter': 20, + 'menuMinHeight': 200 + }; + + /** + * @constructor + */ + function MultiSelect(element, options) { + this.element = element; + this.$element = $(element); + this.settings = $.extend({}, defaults, options); + this._defaults = defaults; + this._name = pluginName; + this.init(); + } + + function arraysAreEqual(array1, array2) { + if (array1.length != array2.length) { + return false; + } + + array1.sort(); + array2.sort(); + + for (var i = 0; i < array1.length; i++) { + if (array1[i] !== array2[i]) { + return false; + } + } + + return true; + } + + $.extend(MultiSelect.prototype, { + + init: function () { + this.checkSuitableInput(); + this.findLabels(); + this.constructContainer(); + this.constructButton(); + this.constructMenu(); + this.constructModal(); + + this.setUpBodyClickListener(); + this.setUpLabelsClickListener(); + + this.$element.hide(); + }, + + checkSuitableInput: function (text) { + if (this.$element.is('select[multiple]') === false) { + throw new Error('$.multiSelect only works on ') + .attr({ + 'type': 'checkbox', + 'name': _this.$element.attr('name') + '_presets', + 'id': unique_id + }) + .prependTo($item); + + $input.on('change.multiselect', function () { + if ($(this).prop('checked')) { + _this.$element.val(preset.options); + } else { + _this.$element.val([]); + } + _this.$element.trigger('change'); + }); + }); + _this.$presets.append(''); + this.$presets.on('click','button',function(){ + _this.menuHide(); + return false; + }); + + this.$element.on('change.multiselect', function () { + _this.updatePresets(); + }); + + this.updatePresets(); + }, + + updatePresets: function () { + var _this = this; + + $.each(this.settings['presets'], function (i, preset) { + var unique_id = _this.$element.attr('name') + '_preset_' + i; + var $input = _this.$presets.find('#' + unique_id); + + if (arraysAreEqual(preset.options || [], _this.$element.val() || [])) { + $input.prop('checked', true); + } else { + $input.prop('checked', false); + } + }); + }, + + constructMenuItemsGroup: function ($optgroup, optgroup_index) { + var _this = this; + + $optgroup.children('option').each(function (option_index, option) { + var $item = _this.constructMenuItem($(option), optgroup_index + '_' + option_index); + var cls = _this.settings['menuItemTitleClass']; + if (option_index !== 0) { + cls += 'sr'; + } + $item.addClass(cls).attr('data-group-title', $optgroup.attr('label')); + _this.$menuItems.append($item); + }); + }, + + constructMenuItem: function ($option, option_index) { + var unique_id = this.$element.attr('name') + '_' + option_index; + var $item = $(this.settings['menuItemHTML']) + .attr({ + 'for': unique_id, + 'role': 'menuitem' + }) + .on('keydown.multiselect', this.upDown.bind(this, 'menuitem')) + .text(' ' + $option.text()); + + var $input = $('') + .attr({ + 'type': 'checkbox', + 'id': unique_id, + 'value': $option.val() + }) + .prependTo($item); + + if ($option.is(':disabled')) { + $input.attr('disabled', 'disabled'); + } + if ($option.is(':selected')) { + $input.prop('checked', 'checked'); + } + + $input.on('change.multiselect', function () { + if ($(this).prop('checked')) { + $option.prop('selected', true); + } else { + $option.prop('selected', false); + } + + // .prop() on its own doesn't generate a change event. + // Other plugins might want to do stuff onChange. + $option.trigger('change', [true]); + }); + + return $item; + }, + + constructModal: function () { + var _this = this; + + if (this.settings['modalHTML']) { + this.$modal = $(this.settings['modalHTML']); + this.$modal.on('click.multiselect', function () { + _this.menuHide(); + }) + this.$modal.insertBefore(this.$menu); + } + }, + + setUpBodyClickListener: function () { + var _this = this; + + // Hide the $menu when you click outside of it. + $('html').on('click.multiselect', function () { + _this.menuHide(); + }); + + // Stop click events from inside the $button or $menu from + // bubbling up to the body and closing the menu! + this.$container.on('click.multiselect', function (e) { + e.stopPropagation(); + }); + }, + + setUpLabelsClickListener: function () { + var _this = this; + this.$labels.on('click.multiselect', function (e) { + e.preventDefault(); + e.stopPropagation(); + _this.menuToggle(); + }); + }, + + menuShow: function () { + $('html').trigger('click.multiselect'); // Close any other open menus + this.$container.addClass(this.settings['activeClass']); + + if (this.settings['positionMenuWithin'] && this.settings['positionMenuWithin'] instanceof $) { + var menuLeftEdge = this.$menu.offset().left + this.$menu.outerWidth(); + var withinLeftEdge = this.settings['positionMenuWithin'].offset().left + + this.settings['positionMenuWithin'].outerWidth(); + + if (menuLeftEdge > withinLeftEdge) { + this.$menu.css('width', (withinLeftEdge - this.$menu.offset().left)); + this.$container.addClass(this.settings['positionedMenuClass']); + } + } + + var menuBottom = this.$menu.offset().top + this.$menu.outerHeight(); + var viewportBottom = $(window).scrollTop() + $(window).height(); + if (menuBottom > viewportBottom - this.settings['viewportBottomGutter']) { + this.$menu.css({ + 'maxHeight': Math.max( + viewportBottom - this.settings['viewportBottomGutter'] - this.$menu.offset().top, + this.settings['menuMinHeight'] + ), + 'overflow': 'scroll' + }); + } else { + this.$menu.css({ + 'maxHeight': '', + 'overflow': '' + }); + } + }, + + menuHide: function () { + this.$container.removeClass(this.settings['activeClass']); + this.$container.removeClass(this.settings['positionedMenuClass']); + this.$menu.css('width', 'auto'); + }, + + menuToggle: function () { + if (this.$container.hasClass(this.settings['activeClass'])) { + this.menuHide(); + } else { + this.menuShow(); + } + } + + }); + + $.fn[pluginName] = function (options) { + return this.each(function () { + if (!$.data(this, "plugin_" + pluginName)) { + $.data(this, "plugin_" + pluginName, + new MultiSelect(this, options)); + } + }); + }; + +})(jQuery);