From 48064ae25c65b1f30b6c63767ddcafe39db76f14 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 16 Apr 2025 11:58:17 +0200
Subject: [PATCH] #7485

---
 Discac/Discac.zip             | Bin 8419 -> 8418 bytes
 Discac/_doc/publish.bat       |   2 +-
 Discac/checkbox.png           | Bin 0 -> 1710 bytes
 Discac/index.html             | 510 ++++++++++++++++++++++++++++++++++
 Discac/jquery.multi-select.js | 442 +++++++++++++++++++++++++++++
 5 files changed, 953 insertions(+), 1 deletion(-)
 create mode 100644 Discac/checkbox.png
 create mode 100644 Discac/index.html
 create mode 100644 Discac/jquery.multi-select.js

diff --git a/Discac/Discac.zip b/Discac/Discac.zip
index 4d38196bdb4ae2dde968401f2318bbb84488c0fc..ef28acbdf66f47b791825becb3cc6d4ac72a66cd 100644
GIT binary patch
delta 3656
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
a000000000W0000OlaL@y2C5$b00019@F?K`

delta 3644
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
OlaC-x2CE+c0002-q!zmX

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 0000000000000000000000000000000000000000..9163beacaa5de54e92e744056e35f5402fc52127
GIT binary patch
literal 1710
zcmeAS@N?(olHy`uVBq!ia0vp^Y77jF3><7g*8Tk~hCoWP#5JNMI6tkVJh3R1!7(L2
zDOJHUH!(dmC^a#qvhZZ84FdzSa%M<GNrbPDRdRl=ULr`1UPW#JP&WgEjeSKyVsdtB
zi9%9pdS;%j()-=}l@u~lY?Z=IeGPmIoKrJ0J*tXQgRA^PlB=?lEmM^2?G$V(tbhjO
zrj{fsROII56<bx<DuK<l0<uBE`br95B_-LmN)Sgy_y#CA=NF|anCThlCL0(SE0|mA
z8Jd}x8ky@T7#SED=o<o&sji{9m5GIwv5^84C;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR
zmzV368|&p4rRy77T3YHG80i}s=>k>g7FXt#Bv$C=6)VF`a7isrF3Kz@$;{7F0GXJW
zlwVq6s|0i@#0$9vaAWg|p}_<UF#U?e0)0b01CW<s3VnU?E6vS?t1d1HN=3LAtHH$~
zl?AE#L8-<0rA5iWh)YujSyf==T$Gwvl3x^(pPvH@#ej_blKkR~`~n3dBRxX}jquF8
zl>G8yO|S-EUn|eN;*!L?<Wx@=TP2_odYPFiRxW1FX2z}tj;6*gj)sP=PL{@oMsAjd
zj;^j2CPvO~rZBxO`N^fZsd*(Zy(tL2PB`^~(n4+l&}Ns^qRg_?6t|-MTm`V7tuk@D
z#R8{!P`xR*-C~JTuRhQ*`k<IaifNb-F!_L(@N^60z*Bx|9x%BV0n_zw#<k0V*+tRQ
z#WAGf)|<N<vxNg?4t$(`I@J1wnun{l79V3^VA8}TE0wgGnnmyEdT_szzmW4NLCGrO
zf}^&FwMA!Cj0pS2oky2k;oGXUVlvmOfC3TL`_}qT-%au^nm(ia(RX(H9Wi?EYk%x5
ze?MuvilNn3M~lD-GfRWqBmACS<-Tlbsa+iKqBkqh$f&q2So5w%xrX<_3l=53tHrY;
zbeM10vrFHo3YueE;XcF7zb1jpbka<L-Da|a$?R&j7S85c6Ms10*!gjTgzT=R;?LYe
zA76c*{wu+8#cusikAB|HwA~OE7~9(FSjxNX-LA_svrSi27mL4MH0w~0%cZ;k(>r`w
zIT@GoPRsH?<9_t=(%BE(YqBy_tQEiITc?`Ku!g&;@@{7PTJf=J%hdRV-*P3l^@ko#
zEPT5_>X4o8{*Qb3nzO}Izi%(Ec-vZ)zvp+9n0@_UftC9luYZtAI{)nPqsN~n{rL3v
zZ@jZ<i|fHsuB(@d7D|QinoC~`iC?Gp>f)iR7gj72Ee_Yyod4(cb^Z#i?YsZa`0*jv
zZ%y=N{d4lOgwl$pJ}>qc%kP-ksy%U<<mRi~>2Yylo;zD)?iS`fjqxwq%HnH%e6Q(>
z-=C)|t*=j;(Y;!>vT(2I^{w4qUp#_jSM@b75?*oQ{3(T)<pH_2NB-{cTjX?p;{r?d
z{bnU1SIy2eKQ33@kT65kdAex!j9Z^|j&dy3`T0ub^huqpb@QG|6#XmJIUmc(BVmwm
zpn;K@jed;Z^An!UyyCpJ;r4oegDG<*y{>QkrF>=0<XG<OAwl(GX(tz+-K}k=UA*VE
zM*NC>$5lfjT^7aYiOYn{S(K5nE-2xvkG;-ZzwC)2TB7_tPnj@0pyRaSuH4qi+c!Oa
ze7p3b=(L9i9*LRxysey;)S|Vr_695nUhUQhJf&2}ZNPBK>qFm;1EG<i8pPAp&t;uc
GLK6UAG<WC#

literal 0
HcmV?d00001

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 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="width" content="440">
+    <meta name="height" content="760">
+    <title></title>
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap" rel="stylesheet">
+    <style>
+        * {
+            padding: 0;
+            margin: 0;
+        }
+
+        html, body {
+            height: 100%;
+        }
+
+        body {
+            font-family: "Open Sans", sans-serif;
+            font-size: 17px;
+            color: #fff;
+            background-color: #93c23a;
+        }
+
+        a {
+            color: #fff;
+            text-decoration: none;
+            display: block;
+            background-color: #93c23a;
+            padding: 5px 25px;
+            position: relative;
+        }
+
+        a:hover {
+            background-color: #66a11a;
+            transition: background-color 200ms;
+        }
+
+        a span {
+            position: absolute;
+            right: 25px;
+            top: 5px;
+        }
+
+        h2 {
+            padding: 25px 25px 0px;
+            font-weight: 400;
+            font-size: 17px;
+        }
+
+        main {
+            max-width: 440px;
+            margin: 0 auto;
+        }
+
+        #selects {
+            padding: 25px;
+        }
+
+        .multi-select-container {
+            display: block;
+            position: relative;
+        }
+
+        .multi-select-menu {
+            position: absolute;
+            left: 0;
+            top: 0.8em;
+            float: left;
+            min-width: 100%;
+            background: #fff;
+            margin: 1em 0;
+            padding: 0.4em 0;
+            display: none;
+            z-index: 2;
+        }
+
+
+        .multi-select-menu label {
+            color: #464646;
+            display: block;
+            padding: 3px 10px;
+            font-size: 16px;
+        }
+
+        .multi-select-menu input {
+            margin-right: 0.3em;
+            vertical-align: 0.1em;
+        }
+
+        .multi-select-button {
+            margin: 4px 0;
+            display: block;
+            color: #474747;
+            font-size: 0.875em;
+            padding: 0.2em 2em 0.2em 0.6em;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background-color: #fff;
+            border-radius: 4px;
+            cursor: default;
+            position: relative;
+        }
+
+        .multi-select-button.active {
+            background-color: #66a11a;
+            color: #fff;
+        }
+
+        .multi-select-button.active:after {
+            border-color: #fff transparent transparent transparent;
+        }
+
+        .multi-select-container--open .multi-select-button.active::after {
+            border-color: transparent transparent #fff transparent
+        }
+
+        .multi-select-button:after {
+            content: "";
+            display: inline-block;
+            width: 0;
+            height: 0;
+            border-style: solid;
+            border-width: 0.4em 0.4em 0 0.4em;
+            border-color: #474747 transparent transparent transparent;
+            margin-left: 0.4em;
+            vertical-align: 0.1em;
+            position: absolute;
+            right: 10px;
+            top: 11px;
+        }
+
+        .multi-select-presets {
+            position: relative;
+            padding-top: 5px;
+            border-top: 1px solid #eee;
+        }
+
+        .multi-select-presets button {
+            cursor: pointer;
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            background-color: #66a11a;
+            color: #fff;
+            text-transform: uppercase;
+            border: 0;
+            border-radius: 4px;
+            padding: 2px 15px;
+            font-size: 17px;
+            font-family: "Open Sans", sans-serif;
+        }
+
+        .multi-select-container--open .multi-select-menu {
+            display: block;
+        }
+
+        .multi-select-container--open .multi-select-button:after {
+            border-width: 0 0.4em 0.4em 0.4em;
+            border-color: transparent transparent #999 transparent;
+        }
+
+        .checkbox {
+            display: inline-block;
+            width: 19px;
+            height: 19px;
+            background-image: url("checkbox.png");
+            background-size: 19px auto;
+            background-repeat: no-repeat;
+            background-position: 0 100%;
+            margin-right: 5px;
+            vertical-align: top;
+            position: relative;
+            top: 1px;
+        }
+
+        .checkbox[checked] {
+            background-position: 0 0;
+        }
+
+        #emptyres {
+            padding: 0 25px;
+        }
+
+    </style>
+</head>
+<body>
+<main>
+    <h2>Filtrer ma recherche</h2>
+    <div id="selects">
+
+    </div>
+    <nav>
+        <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="1T,2T" data-profondeur="z54"
+           data-poignees="yes" data-page="4">Loft<span>4</span></a>
+        <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="2T" data-profondeur="z54"
+           data-poignees="no" data-page="10">Allure<span>10</span></a>
+        <a href="#" data-largeur="70,140" data-vasque="VS,VD,VP" data-meuble="2T" data-profondeur="z54"
+           data-poignees="yes" data-page="16">Cozy<span>16</span></a>
+        <a href="#" data-largeur="70,90,105,140" data-vasque="VS,VD,VG,VP" data-meuble="2T,P" data-profondeur="z54"
+           data-poignees="yes" data-page="22">Intégrale<span>22</span></a>
+        <a href="#" data-largeur="105" data-vasque="VG,VP" data-meuble="2T" data-profondeur="z54" data-poignees="yes"
+           data-page="28">Mythic<span>28</span></a>
+        <a href="#" data-largeur="70,90,140" data-vasque="VS,VD,VP" data-meuble="3T" data-profondeur="z54"
+           data-poignees="yes" data-page="32">Trendy<span>32</span></a>
+        <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
+           data-poignees="no" data-page="38">Rivage<span>38</span></a>
+        <a href="#" data-largeur="90,120" data-vasque="VS,VD,VG" data-meuble="2T" data-profondeur="z46"
+           data-poignees="no" data-page="46">Harmonie<span>46</span></a>
+        <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
+           data-poignees="yes" data-page="52">Swing<span>52</span></a>
+        <a href="#" data-largeur="60,90,120" data-vasque="VS,VD,VG,VP" data-meuble="1T,2T" data-profondeur="z46"
+           data-poignees="yes" data-page="60">Millésime<span>60</span></a>
+        <a href="#" data-largeur="90,120" data-vasque="VG,VP" data-meuble="2T" data-profondeur="z46"
+           data-poignees="yes" data-page="68">Jazz<span>68</span></a>
+        <a href="#" data-largeur="90,120" data-vasque="VS,VD,VP" data-meuble="1T,2T" data-profondeur="z46"
+           data-poignees="yes" data-page="74">Fabrik<span>74</span></a>
+        <a href="#" data-largeur="60,70,90,120" data-vasque="VS,VD" data-meuble="2T,P" data-profondeur="z46"
+           data-poignees="yes" data-page="80">Chango<span>80</span></a>
+        <a href="#" data-largeur="w124" data-vasque="VG" data-meuble="P" data-profondeur="z65" data-poignees="yes"
+           data-page="86">Lave-linge<span>86</span></a>
+        <a href="#" data-largeur="w40" data-vasque="VS" data-meuble="P" data-profondeur="z22" data-poignees="yes"
+           data-page="90">Lave-mains<span>90</span></a>
+    </nav>
+    <div id="emptyres">Aucun produit ne correspond aux filtres sélectionnés</div>
+</main>
+<script src="../../jquery.js"></script>
+<script src="jquery.multi-select.js"></script>
+<script>
+    var selects = {
+        profondeur: {
+            label: 'Profondeurs',
+            data: {
+                'z54': '54 cm',
+                'z46': '46 cm',
+                'z22': '22 cm',
+                'z65': '65 cm'
+            }
+        },
+
+        poignees: {
+            label: 'Poignées',
+            data: {
+                'yes': 'Oui',
+                'no': 'Non',
+            }
+        },
+        largeur: {
+            label: 'Largeurs',
+            data: {
+//                '40': '40 cm',
+                '60': '60 cm',
+                '70': '70 cm',
+                '90': '90 cm',
+                '105': '105 cm',
+                '120': '120 cm',
+                //              '124': '124 cm',
+                '140': '140 cm'
+            }
+        },
+
+        vasque: {
+            // Simple vasque,Double vasque,Vasque à gauche,Vasque à poser
+            label: 'Vasques',
+            data: {
+                'VS': 'Simple vasque',
+                'VD': 'Double vasque',
+                'VG': 'Vasque à gauche',
+                'VP': 'Vasque à poser',
+            }
+        },
+
+
+        meuble: {
+            // Simple vasque,Double vasque,Vasque à gauche,Vasque à poser
+            label: 'Sous-vasques',
+            data: {
+                '1T': '1 tiroir',
+                '2T': '2 tiroirs',
+                '3T': '3 tiroirs',
+                'P': 'Porte',
+            }
+        },
+
+
+    }
+
+    $(function () {
+        var se = {};
+        var mem = {profondeur: [], poignees: [], largeur: [], vasque: [], meuble: []};
+        if (parent.fluidbook.discac !== undefined) {
+            mem = $.extend({}, mem, parent.fluidbook.discac);
+        }
+        $.each(selects, function (k, v) {
+            var allValues = [];
+            var s = '<select id="' + k + '" name="' + k + '" multiple>';
+            $.each(v.data, function (value, label) {
+                allValues.push(value);
+                var selected = mem[k].indexOf(value) >= 0 ? ' selected ' : '';
+                s += '<option value="' + value + '"' + selected + '>' + label + '</option>';
+            });
+            s += '</select>';
+            $("#selects").append(s);
+            se[k] = $("#" + k).multiSelect({
+                'noneText': v.label,
+                presets: [
+                    {
+                        name: 'Tout sélectionner',
+                        options: allValues,
+                    },
+                ]
+            }).on('change', function () {
+                updateChapters();
+            });
+        });
+
+        updateChapters();
+
+        function updateCheckboxes() {
+            $(":checkbox").checkbox();
+            $(":radio").checkbox();
+        }
+
+        function updateChapters() {
+            var save = {};
+            $('select').each(function () {
+                save[$(this).attr('name')] = $(this).val();
+            });
+            parent.fluidbook.discac = save;
+
+            var hasVisible = false;
+            $('nav a').each(function () {
+                var hide = false;
+                var a = $(this);
+                $("#selects select").each(function () {
+                    var vals = $(this).val();
+                    if (vals.length === 0) {
+                        return;
+                    }
+                    var name = $(this).attr('name');
+                    var attrvalues = $(a).attr('data-' + name).split(',');
+                    var inter = vals.filter(function (n) {
+                        return attrvalues.indexOf(n) !== -1;
+                    });
+                    if (inter.length === 0) {
+                        hide = true;
+                    }
+                });
+                if (hide) {
+                    $(a).hide();
+                } else {
+                    hasVisible = true;
+                    $(a).show();
+                }
+                updateCheckboxes();
+            });
+
+            if (hasVisible) {
+                $("#emptyres").hide();
+            } else {
+                $("#emptyres").show();
+            }
+
+        }
+
+        $(document).on('click', 'a', function () {
+            parent.location.hash = "#/page/" + $(this).data('page');
+            return false;
+        });
+
+        updateChapters();
+
+
+    });
+    (function ($) {
+        $.propHooks.checked = {
+            set: function (el, value) {
+                if (el.checked !== value) {
+                    el.checked = value;
+                    $(el).trigger('checkboxchange');
+                }
+            }
+        };
+
+        function JQcheckbox(element) {
+            this.element = element;
+            this.type = this.element.attr('type');
+            this.input = element;
+            this.substitute;
+            this.label = element.parents("label");
+            if (this.label.length == 0) {
+                this.label = $('label[for="' + element.attr('id') + '"]');
+            }
+            this.label.attr('data-value', element.attr('value'));
+            this.init();
+        }
+
+        JQcheckbox.prototype = {
+            init: function () {
+                var $this = this;
+                this.element.hide();
+                this.element.next(".checkbox").remove();
+                this.substitute = $('<div class="' + this.type + '"></div>');
+
+                var ignore = ['name', 'id', 'type', 'checked', 'style', 'value', 'class'];
+
+                $.each(this.element.attributes, function (k, v) {
+                    if (ignore == undefined || ignore.indexOf(k) == -1) {
+                        $this.substitute.attr(k, v);
+                    }
+                });
+                this.element.after(this.substitute);
+                this.initEvents();
+                this.initState();
+            },
+            initEvents: function () {
+                var $this = this;
+                this.substitute.off('click');
+                this.substitute.on('click', function () {
+                    $this.click();
+                    return false;
+                });
+
+                this.element.off('checkboxchange');
+                this.element.on('checkboxchange', function () {
+                    $this.initState();
+                });
+                this.label.off('click');
+                this.label.on('click', function (e) {
+                    if (e.target == this) {
+                        $this.click();
+                        return false;
+                    }
+                });
+
+            },
+            click: function () {
+                var change = false;
+                if (this.type == 'radio') {
+                    change = this.check();
+                } else {
+                    change = this.toggle();
+                }
+
+                if (change) {
+                    this.element.trigger('change');
+                }
+            },
+            initState: function () {
+                if (!this.element.prop('checked')) {
+                    this.uncheck();
+                } else {
+                    this.check();
+                }
+            },
+            toggle: function () {
+                this.element.trigger('change');
+                if (this.element.prop('checked')) {
+                    this.uncheck();
+                } else {
+                    this.check();
+                }
+                return true;
+            },
+            check: function () {
+                if (this.type == 'radio') {
+                    try {
+                        $(':radio[name="' + this.element.attr('name') + '"]').not(this.element).each(function () {
+                            $(this).data('checkbox').uncheck();
+                        });
+                    } catch (err) {
+
+                    }
+                }
+
+                if (this.substitute.attr('checked') != 'checked') {
+                    this.substitute.attr('checked', 'checked');
+                    this.element.prop('checked', true);
+                    this.label.attr('data-checked', 'checked');
+                    return true;
+                }
+                return false;
+            },
+            uncheck: function () {
+                this.label.attr('data-checked', null);
+                this.substitute.attr('checked', null);
+                this.element.prop('checked', false);
+            }
+
+
+        };
+
+        jQuery.fn.checkbox = function () {
+            return this.each(function () {
+                var $this = $(this);
+                if ($(this).data('checkbox') != undefined) {
+                    $(this).data('checkbox').initState();
+                    return;
+                }
+                $(this).data('checkbox', new JQcheckbox($this));
+            })
+        };
+    })(jQuery);
+
+</script>
+</body>
+</html>
\ 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': '<div class="multi-select-container">',
+            'menuHTML': '<div class="multi-select-menu">',
+            'buttonHTML': '<span class="multi-select-button">',
+            'menuItemsHTML': '<div class="multi-select-menuitems">',
+            'menuItemHTML': '<label class="multi-select-menuitem">',
+            'presetsHTML': '<div class="multi-select-presets">',
+            '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 <select multiple> elements');
+            }
+        },
+
+        findLabels: function () {
+            this.$labels = $('label[for="' + this.$element.attr('id') + '"]');
+        },
+
+        constructContainer: function () {
+            this.$container = $(this.settings['containerHTML']);
+            this.$element.data('multi-select-container', this.$container);
+            this.$container.insertAfter(this.$element);
+        },
+
+        constructButton: function () {
+            var _this = this;
+            this.$button = $(this.settings['buttonHTML']);
+            this.$button.attr({
+                'role': 'button',
+                'aria-haspopup': 'true',
+                'tabindex': 0,
+                'aria-label': this.$labels.eq(0).text()
+            })
+                .on('keydown.multiselect', function (e) {
+                    var key = e.which;
+                    var returnKey = 13;
+                    var escapeKey = 27;
+                    var spaceKey = 32;
+                    var downArrow = 40;
+                    if ((key === returnKey) || (key === spaceKey)) {
+                        e.preventDefault();
+                        _this.$button.click();
+                    } else if (key === downArrow) {
+                        e.preventDefault();
+                        _this.menuShow();
+                        var group = _this.$presets || _this.$menuItems;
+                        group.children(":first").focus();
+                    } else if (key === escapeKey) {
+                        _this.menuHide();
+                    }
+                }).on('click.multiselect', function (e) {
+                _this.menuToggle();
+            })
+                .appendTo(this.$container);
+
+            this.$element.on('change.multiselect', function () {
+                _this.updateButtonContents();
+            });
+
+            this.updateButtonContents();
+        },
+
+        updateButtonContents: function () {
+            var _this = this;
+            var options = [];
+            var selected = [];
+
+            this.$element.find('option').each(function () {
+                var text = /** @type string */ ($(this).text());
+                options.push(text);
+                if ($(this).is(':selected')) {
+                    selected.push($.trim(text));
+                }
+            });
+
+            this.$button.empty();
+
+            if (selected.length == 0) {
+                this.$button.removeClass('active').text(this.settings['noneText']);
+            } else if ((selected.length === options.length) && this.settings['allText']) {
+                this.$button.removeClass('active').text(this.settings['allText']);
+            } else {
+                this.$button.addClass('active').text(this.settings['noneText'] + ' : ' + selected.join(', '));
+            }
+        },
+
+        constructMenu: function () {
+            var _this = this;
+
+            this.$menu = $(this.settings['menuHTML']);
+            this.$menu.attr({
+                'role': 'menu'
+            }).on('keyup.multiselect', function (e) {
+                var key = e.which;
+                var escapeKey = 27;
+                if (key === escapeKey) {
+                    _this.menuHide();
+                    _this.$button.focus();
+                }
+            })
+                .appendTo(this.$container);
+
+            this.constructMenuItems();
+
+            if (this.settings['presets']) {
+                this.constructPresets();
+            }
+        },
+
+        constructMenuItems: function () {
+            var _this = this;
+
+            this.$menuItems = $(this.settings['menuItemsHTML']);
+            this.$menu.append(this.$menuItems);
+
+            this.$element.on('change.multiselect', function (e, internal) {
+                // Don't need to update the menu items if this
+                // change event was fired by our tickbox handler.
+                if (internal !== true) {
+                    _this.updateMenuItems();
+                }
+            });
+
+            this.updateMenuItems();
+        },
+
+        updateMenuItems: function () {
+            var _this = this;
+            this.$menuItems.empty();
+
+            this.$element.children('optgroup,option').each(function (index, element) {
+                var $item;
+                if (element.nodeName === 'OPTION') {
+                    $item = _this.constructMenuItem($(element), index);
+                    _this.$menuItems.append($item);
+                } else {
+                    _this.constructMenuItemsGroup($(element), index);
+                }
+            });
+        },
+
+        upDown: function (type, e) {
+            var key = e.which;
+            var upArrow = 38;
+            var downArrow = 40;
+
+            if (key === upArrow) {
+                e.preventDefault();
+                var prev = $(e.currentTarget).prev();
+                if (prev.length) {
+                    prev.focus();
+                } else if (this.$presets && type === 'menuitem') {
+                    this.$presets.children(':last').focus();
+                } else {
+                    this.$button.focus();
+                }
+            } else if (key === downArrow) {
+                e.preventDefault();
+                var next = $(e.currentTarget).next();
+                if (next.length || type === 'menuitem') {
+                    next.focus();
+                } else {
+                    this.$menuItems.children(':first').focus();
+                }
+            }
+        },
+
+        constructPresets: function () {
+            var _this = this;
+            this.$presets = $(this.settings['presetsHTML']);
+            this.$menu.append(this.$presets);
+
+            $.each(this.settings['presets'], function (i, preset) {
+                var unique_id = _this.$element.attr('name') + '_preset_' + i;
+                var $item = $(_this.settings['menuItemHTML'])
+                    .attr({
+                        'for': unique_id,
+                        'role': 'menuitem'
+                    })
+                    .text(' ' + preset.name)
+                    .on('keydown.multiselect', _this.upDown.bind(_this, 'preset'))
+                    .appendTo(_this.$presets);
+
+                var $input = $('<input>')
+                    .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('<button>Valider</button>');
+            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 = $('<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);
-- 
2.39.5