From: Vincent Vanwaelscappel Date: Thu, 24 Nov 2022 11:06:37 +0000 (+0100) Subject: wip #5026 @0.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=dfd568add42ad868b828ad7c44cfb7da8844b51f;p=Animations.git wip #5026 @0.5 --- diff --git a/Discac/checkbox.png b/Discac/checkbox.png deleted file mode 100644 index 9163bea..0000000 Binary files a/Discac/checkbox.png and /dev/null differ diff --git a/Discac/index.html b/Discac/index.html deleted file mode 100644 index f8e256b..0000000 --- a/Discac/index.html +++ /dev/null @@ -1,512 +0,0 @@ - - - - - - - - - - - - -

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 deleted file mode 100644 index 8143f30..0000000 --- a/Discac/jquery.multi-select.js +++ /dev/null @@ -1,442 +0,0 @@ -// 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); diff --git a/Michelin/Michelin.zip b/Michelin/Michelin.zip new file mode 100644 index 0000000..d9a757d Binary files /dev/null and b/Michelin/Michelin.zip differ diff --git a/Michelin/_doc/publish.bat b/Michelin/_doc/publish.bat new file mode 100644 index 0000000..5ac2fa5 --- /dev/null +++ b/Michelin/_doc/publish.bat @@ -0,0 +1,3 @@ +@echo off +"C:\Program Files\7-Zip\7z.exe" a -tzip ../Michelin.zip ../ -xr0!_doc -xr0!*.zip -xr0!*.less -xr0!*.map +scp -P 51895 ../Michelin.zip extranet@workshop.fluidbook.com:/application/fluidbook/books/working/20687 \ No newline at end of file diff --git a/Michelin/checkbox.png b/Michelin/checkbox.png new file mode 100644 index 0000000..9163bea Binary files /dev/null and b/Michelin/checkbox.png differ diff --git a/Michelin/index.html b/Michelin/index.html new file mode 100644 index 0000000..f8e256b --- /dev/null +++ b/Michelin/index.html @@ -0,0 +1,512 @@ + + + + + + + + + + + + +

Filtrer ma recherche

+ +

+ + + + + \ No newline at end of file diff --git a/Michelin/jquery.multi-select.js b/Michelin/jquery.multi-select.js new file mode 100644 index 0000000..8143f30 --- /dev/null +++ b/Michelin/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);