From 9aa8f7c9ed8a75f642938f0f126827eefc207d27 Mon Sep 17 00:00:00 2001 From: Vincent Vanwaelscappel Date: Wed, 30 Nov 2022 09:09:20 +0100 Subject: [PATCH] wait #5026 @3 --- Michelin/Michelin.zip | Bin 15433 -> 19863 bytes Michelin/checkbox.png | Bin 1710 -> 0 bytes Michelin/{ => images}/arrow-header-left.svg | 0 Michelin/{ => images}/arrow-header-right.svg | 0 Michelin/images/back.svg | 6 + Michelin/images/icon-set.svg | 10 ++ Michelin/images/icon-tyre.svg | 6 + Michelin/{ => images}/list.svg | 0 Michelin/index.html | 9 +- Michelin/script.js | 32 ++++- Michelin/style.css | 120 +++++++++++++++++-- Michelin/style.css.map | 2 +- Michelin/style.less | 106 ++++++++++++---- 13 files changed, 251 insertions(+), 40 deletions(-) delete mode 100644 Michelin/checkbox.png rename Michelin/{ => images}/arrow-header-left.svg (100%) rename Michelin/{ => images}/arrow-header-right.svg (100%) create mode 100644 Michelin/images/back.svg create mode 100644 Michelin/images/icon-set.svg create mode 100644 Michelin/images/icon-tyre.svg rename Michelin/{ => images}/list.svg (100%) diff --git a/Michelin/Michelin.zip b/Michelin/Michelin.zip index ae744a3f476af6ec9d078d099f43f51fa60ecd5d..ac6d4f4bc269d220f7754fdf82941bd2bbeccb53 100644 GIT binary patch delta 6767 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 + + + + + diff --git a/Michelin/images/icon-set.svg b/Michelin/images/icon-set.svg new file mode 100644 index 0000000..e4232b2 --- /dev/null +++ b/Michelin/images/icon-set.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Michelin/images/icon-tyre.svg b/Michelin/images/icon-tyre.svg new file mode 100644 index 0000000..a31d9e3 --- /dev/null +++ b/Michelin/images/icon-tyre.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Michelin/list.svg b/Michelin/images/list.svg similarity index 100% rename from Michelin/list.svg rename to Michelin/images/list.svg diff --git a/Michelin/index.html b/Michelin/index.html index 8485baa..e1ead5e 100644 --- a/Michelin/index.html +++ b/Michelin/index.html @@ -3,7 +3,7 @@ - + @@ -39,8 +39,15 @@
+ +
+
+
+
+
+
diff --git a/Michelin/script.js b/Michelin/script.js index 814e29d..6078d1c 100644 --- a/Michelin/script.js +++ b/Michelin/script.js @@ -30,6 +30,17 @@ $(function () { $(document).on('change', 'select,input', function () { updateForm(); }); + + $('#back').on('click', function () { + $('select[name="universe"]').val(''); + updateForm(); + return false; + }); + + $(window).on('resize', function () { + + }); + updateForm(); }); @@ -59,7 +70,7 @@ function updateForm() { return; } STEP++; - createSelectList('set', [{key: 'set', value: getTranslation('Set')}, {key: 'tyre', value: getTranslation('Tyre')}]); + createSetList('set', [{key: 'set', value: getTranslation('Set')}, {key: 'tyre', value: getTranslation('Tyre')}]); if (!isDefined(FORMDATA.set)) { updateSteps(); return; @@ -214,6 +225,11 @@ function updateSteps() { $('header li:visible:eq(' + (STEP) + ')').addClass('next'); $('header li:visible:eq(' + (STEP - 2) + ')').addClass('previous'); $('form .field:last').show(); + if (STEP > 1) { + $("#back").show(); + } else { + $("#back").hide(); + } } function createSelect(name, options, placeholder) { @@ -225,12 +241,13 @@ function createSelect(name, options, placeholder) { $.each(options, function (k, v) { s.append(''); }); - var f = $('
') + var f = $('
') $(f).append(s); $('form').append(f); } function createResults(options) { + var list = $('
    '); $.each(options, function (k, v) { var o = v.Gamme; @@ -245,8 +262,15 @@ function createResults(options) { $("#results").append(list); } -function createSelectList(name, options, value) { - return createSelect(name, options, value); +function createSetList(name, options, placeholder) { + let value = FORMDATA[name]; + var s = $('
      '); + $.each(options, function (k, v) { + s.append('
      • '); + }); + var f = $('
      ') + $(f).append(s); + $('form').append(f); } (function ($) { diff --git a/Michelin/style.css b/Michelin/style.css index 28e9200..d5f6bcf 100644 --- a/Michelin/style.css +++ b/Michelin/style.css @@ -15,13 +15,13 @@ h2 { height: 60px; padding: 18px 30px; } -main { - padding: 0 20px; -} form .field { display: none; padding: 40px 0; } +form .field.select { + padding: 40px 20px; +} form select { width: 100%; padding: 20px; @@ -29,7 +29,7 @@ form select { font-size: 16px; } #noresult { - padding: 40px 0; + padding: 40px 20px; } #results { padding: 40px 0; @@ -37,22 +37,70 @@ form select { #results li { list-style: none; } -#results li a { +#results li a, +#results li label { display: block; + padding: 15px 20px; color: #fff; - padding: 15px 0; text-decoration: none; cursor: pointer; position: relative; + transition: background-color 300ms; +} +#results li a:hover, +#results li label:hover { + background-color: #4874b9; } -#results li a::after { +#results li a::after, +#results li label::after { content: ''; position: absolute; height: 15px; width: 10px; top: 18px; - right: 0px; - background-image: url("list.svg"); + right: 20px; + background-image: url("images/list.svg"); +} +.selectlist li { + list-style: none; +} +.selectlist li a, +.selectlist li label { + display: block; + padding: 15px 20px; + color: #fff; + text-decoration: none; + cursor: pointer; + position: relative; + transition: background-color 300ms; +} +.selectlist li a:hover, +.selectlist li label:hover { + background-color: #4874b9; +} +.selectlist li a::after, +.selectlist li label::after { + content: ''; + position: absolute; + height: 15px; + width: 10px; + top: 18px; + right: 20px; + background-image: url("images/list.svg"); +} +.selectlist li label { + height: 82px; +} +.selectlist li label input { + visibility: hidden; + position: absolute; +} +.selectlist li label img { + vertical-align: middle; + margin-right: 15px; +} +.selectlist li label:after { + top: 33px; } header { position: relative; @@ -107,11 +155,11 @@ header ul li.active::before { background-size: auto 100%; } header ul li.active::after { - background-image: url("arrow-header-right.svg"); + background-image: url("images/arrow-header-right.svg"); right: 30px; } header ul li.active::before { - background-image: url("arrow-header-left.svg"); + background-image: url("images/arrow-header-left.svg"); left: 30px; } header ul li.active.first { @@ -129,4 +177,54 @@ header ul li.active.last::after { position: relative; overflow: hidden; } +#back { + cursor: pointer; + color: #fff; + text-decoration: none; + position: fixed; + left: 20px; + bottom: 20px; +} +#back:before { + content: ''; + display: inline-block; + width: 10px; + height: 16px; + background-image: url("images/back.svg"); + margin-right: 20px; + position: relative; + top: 1px; +} +.list-item { + list-style: none; +} +.list-item a, +.list-item label { + display: block; + padding: 15px 20px; + color: #fff; + text-decoration: none; + cursor: pointer; + position: relative; + transition: background-color 300ms; +} +.list-item a:hover, +.list-item label:hover { + background-color: #4874b9; +} +.list-item a::after, +.list-item label::after { + content: ''; + position: absolute; + height: 15px; + width: 10px; + top: 18px; + right: 20px; + background-image: url("images/list.svg"); +} +#preload { + opacity: 0; + position: absolute; + pointer-events: none; +} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/Michelin/style.css.map b/Michelin/style.css.map index 54d9e24..230cc97 100644 --- a/Michelin/style.css.map +++ b/Michelin/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA;EACE,UAAA;EACA,SAAA;EACA,sBAAA;;AAGF;EACE,aAAa,6CAAb;EACA,WAAA;EACA,yBAAA;EACA,eAAA;;AAGF;EACE,eAAA;EACA,gBAAA;EACA,YAAA;EACA,kBAAA;;AAGF;EACE,eAAA;;AAGF,IAEE;EACE,aAAA;EACA,eAAA;;AAJJ,IAOE;EACE,WAAA;EACA,aAAA;EACA,SAAA;EACA,eAAA;;AAIJ;EACE,eAAA;;AAGF;EACE,eAAA;;AADF,QAGE;EACE,gBAAA;;AAJJ,QAGE,GAEE;EACE,cAAA;EACA,WAAA;EACA,eAAA;EACA,qBAAA;EACA,eAAA;EACA,kBAAA;;AAEA,QAVJ,GAEE,EAQG;EACC,SAAS,EAAT;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,sBAAsB,WAAtB;;AAMR;EACE,kBAAA;EACA,mBAAA;EACA,YAAA;;AAHF,MAKE;EACE,eAAA;;AAEA,MAHF,GAGG;AAAO,MAHV,GAGW;EACP,aAAA;;AATN,MAKE,GAOE;EACE,kBAAA;EACA,eAAA;EACA,qBAAA;EACA,YAAA;EACA,YAAA;EACA,gBAAA;EACA,+BAAA;EACA,yBAAA;EACA,kBAAkB,4EAAlB;EACA,iBAAA;EACA,4BAAA;EACA,UAAA;EACA,gBAAA;;AAEA,MAtBJ,GAOE,GAeG;EACC,UAAA;;AAGF,MA1BJ,GAOE,GAmBG;EACC,kBAAA;EACA,WAAA;;AAGF,MA/BJ,GAOE,GAwBG;EACC,sBAAA;EACA,yBAAA;EACA,WAAA;EACA,UAAA;EACA,OAAA;;AAEA,MAtCN,GAOE,GAwBG,OAOE;AAAS,MAtChB,GAOE,GAwBG,OAOY;EACT,SAAS,EAAT;EACA,kBAAA;EACA,SAAA;EACA,cAAA;EACA,YAAA;EACA,WAAA;EAEA,wBAAA;EACA,0BAAA;;AAIF,MAnDN,GAOE,GAwBG,OAoBE;EACC,sBAAsB,yBAAtB;EACA,WAAA;;AAGF,MAxDN,GAOE,GAwBG,OAyBE;EACC,sBAAsB,wBAAtB;EACA,UAAA;;AAGF,MA7DN,GAOE,GAwBG,OA8BE;EACC,kBAAA;;AAEA,MAhER,GAOE,GAwBG,OA8BE,MAGE;EACC,aAAA;;AAKF,MAtER,GAOE,GAwBG,OAsCE,KACE;EACC,aAAA;;AAQZ;EACE,YAAA;EACA,cAAA;EACA,kBAAA;EACA,gBAAA","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.less"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/Michelin/style.less b/Michelin/style.less index 65c39fe..e682ff4 100644 --- a/Michelin/style.less +++ b/Michelin/style.less @@ -18,15 +18,14 @@ h2 { padding: 18px 30px; } -main { - padding: 0 20px; -} - form { - .field { display: none; padding: 40px 0; + + &.select { + padding: 40px 20px; + } } select { @@ -38,30 +37,37 @@ form { } #noresult { - padding: 40px 0; + padding: 40px 20px; } #results { padding: 40px 0; li { - list-style: none; - a { - display: block; - color: #fff; - padding: 15px 0; - text-decoration: none; - cursor: pointer; - position: relative; + .list-item(); + } +} + +.selectlist { + li { + .list-item(); + - &::after { - content: ''; + label { + input { + visibility: hidden; position: absolute; - height: 15px; - width: 10px; - top: 18px; - right: 0px; - background-image: url("list.svg"); + } + + img { + vertical-align: middle; + margin-right: 15px; + } + + height: 82px; + + &:after { + top: 33px; } } } @@ -124,12 +130,12 @@ header { } &::after { - background-image: url("arrow-header-right.svg"); + background-image: url("images/arrow-header-right.svg"); right: 30px; } &::before { - background-image: url("arrow-header-left.svg"); + background-image: url("images/arrow-header-left.svg"); left: 30px; } @@ -157,3 +163,57 @@ header { position: relative; overflow: hidden; } + +#back { + cursor: pointer; + color: #fff; + text-decoration: none; + position: fixed; + left: 20px; + bottom: 20px; + + &:before { + content: ''; + display: inline-block; + width: 10px; + height: 16px; + background-image: url("images/back.svg"); + margin-right: 20px; + position: relative; + top: 1px + } +} + +.list-item { + list-style: none; + + a, label { + display: block; + padding: 15px 20px; + color: #fff; + text-decoration: none; + cursor: pointer; + position: relative; + transition: background-color 300ms; + + &:hover { + background-color: #4874b9; + } + + &::after { + content: ''; + position: absolute; + height: 15px; + width: 10px; + top: 18px; + right: 20px; + background-image: url("images/list.svg"); + } + } +} + +#preload { + opacity: 0; + position: absolute; + pointer-events: none; +} \ No newline at end of file -- 2.39.5