diff --git a/6/ecolyo.2d69c974d9f5967c346e.js b/6/ecolyo.dd703094e8c00e5f18d6.js similarity index 91% rename from 6/ecolyo.2d69c974d9f5967c346e.js rename to 6/ecolyo.dd703094e8c00e5f18d6.js index 8067c0f4c911034168c637969d572039db2f813d..9e872af4e9c88e6d194379a941db71744b143256 100644 --- a/6/ecolyo.2d69c974d9f5967c346e.js +++ b/6/ecolyo.dd703094e8c00e5f18d6.js @@ -506,7 +506,7 @@ exports.default = _default; exports = module.exports = __webpack_require__("JPst")(false); // Module -exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem 1.5rem 2.5rem 1.5rem;\n}\n.ecogesture-root .efficiency-button-content {\n max-width: 52rem;\n width: 97%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n@media only screen and (max-width : 1023px) {\n .ecogesture-root .efficiency-button-content {\n width: 97%;\n }\n}\n@media only screen and (max-width : 768px) {\n .ecogesture-root .efficiency-button-content {\n width: 97%;\n }\n}\n.ecogesture-root .efficiency-button-content .selection {\n display: flex;\n align-items: center;\n flex-direction: column;\n color: white;\n text-align: center;\n margin: 1rem auto;\n}\n.ecogesture-root .efficiency-button-content .selection button.btn-highlight {\n padding: 0.625rem;\n}\n.ecogesture-root .efficiency-button-content .filters {\n display: flex;\n align-items: center;\n height: 50px;\n color: white;\n position: relative;\n}\n.ecogesture-root .efficiency-button-content .filters .filter {\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n}\n.ecogesture-root .efficiency-button-content .filters .filter svg {\n margin-right: 1rem;\n}\n.ecogesture-root .efficiency-button-content .filters .filter .checkicon {\n opacity: 0;\n margin-left: auto;\n transition: all 300ms ease;\n}\n.ecogesture-root .efficiency-button-content .filters .filter .checkicon.active {\n opacity: 1;\n}\n.ecogesture-root .efficiency-button-content .filters .ecogestures {\n font-size: 0.95rem;\n text-transform: initial;\n padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .filters .ecogestures.opened {\n color: #e3b82a;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button {\n display: flex;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative {\n margin: auto;\n display: flex;\n align-items: center;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative span {\n display: inline-flex;\n margin-bottom: 0;\n transition: all 300ms ease;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative svg {\n margin-right: 1rem;\n margin-left: -0.5rem;\n}\n.ecogesture-root .efficiency-button-content button.btn-secondary-negative {\n margin: 0;\n padding: 0.3rem 0.5rem;\n min-width: 11rem;\n height: 2.25rem;\n justify-content: left;\n}\n.ecogesture-root .efficiency-button-content button.btn-secondary-negative.btn-info {\n margin: 0 0 0 1rem;\n padding: 0;\n width: 2.25rem;\n min-width: 2.25rem;\n justify-content: center;\n}\n.ecogesture-root .ecogesture-content {\n display: flex;\n flex-wrap: wrap;\n max-width: 53rem;\n animation: appear 600ms ease;\n width: 100%;\n}\n@keyframes appear {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item {\n width: 48%;\n height: 8rem;\n margin: 1% 1%;\n animation: appear 600ms ease;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n height: 100%;\n overflow: hidden;\n animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n color: #e0e0e0;\n text-align: center;\n margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n margin-top: 3.5rem;\n margin-left: -0.5rem;\n color: white;\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid #a0a0a0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n z-index: 3;\n width: 220px;\n padding: 0.5rem 0rem;\n font-size: 0.875rem;\n left: 0;\n transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n display: block;\n}\ndiv.filter-menu .filter {\n padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n color: #ffffff;\n text-transform: initial;\n font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n font-weight: 700;\n}\n\n.filter-menu-icon {\n margin-left: auto;\n min-width: 0;\n}\n\n.reinit-button {\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.6);\n border-radius: 2px;\n margin: 20px 6px;\n padding: 3px;\n width: 100%;\n cursor: pointer;\n}\n.reinit-button span {\n color: #ffffff;\n display: inline-block;\n max-width: 200px;\n}", ""]); +exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.ecogesture-root {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem 1.5rem 2.5rem 1.5rem;\n gap: 1rem;\n}\n.ecogesture-root .efficiency-button-content {\n max-width: 52rem;\n width: 100%;\n}\n.ecogesture-root .efficiency-button-content .selection {\n display: flex;\n align-items: center;\n flex-direction: column;\n color: white;\n text-align: center;\n margin: 1rem auto;\n}\n.ecogesture-root .efficiency-button-content .selection button.btn-highlight {\n padding: 0.625rem;\n}\n.ecogesture-root .efficiency-button-content .filters {\n display: flex;\n align-items: center;\n height: 50px;\n color: white;\n position: relative;\n}\n.ecogesture-root .efficiency-button-content .filters .filter {\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n}\n.ecogesture-root .efficiency-button-content .filters .filter svg {\n margin-right: 1rem;\n}\n.ecogesture-root .efficiency-button-content .filters .filter .checkicon {\n opacity: 0;\n margin-left: auto;\n transition: all 300ms ease;\n}\n.ecogesture-root .efficiency-button-content .filters .filter .checkicon.active {\n opacity: 1;\n}\n.ecogesture-root .efficiency-button-content .filters .ecogestures {\n font-size: 0.95rem;\n text-transform: initial;\n padding-left: 0.5rem;\n}\n.ecogesture-root .efficiency-button-content .filters .ecogestures.opened {\n color: #e3b82a;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button {\n display: flex;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative {\n margin: auto;\n display: flex;\n align-items: center;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative span {\n display: inline-flex;\n margin-bottom: 0;\n transition: all 300ms ease;\n}\n.ecogesture-root .efficiency-button-content .filters .filter-button .button.btn-secondary-negative svg {\n margin-right: 1rem;\n margin-left: -0.5rem;\n}\n.ecogesture-root .efficiency-button-content button.btn-secondary-negative {\n margin: 0;\n padding: 0.3rem 0.5rem;\n min-width: 11rem;\n height: 2.25rem;\n justify-content: left;\n}\n.ecogesture-root .efficiency-button-content button.btn-secondary-negative.btn-info {\n margin: 0 0 0 1rem;\n padding: 0;\n width: 2.25rem;\n min-width: 2.25rem;\n justify-content: center;\n}\n.ecogesture-root .ecogesture-content {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n max-width: 53rem;\n animation: appear 600ms ease;\n width: 100%;\n gap: 1rem;\n}\n@media only screen and (max-width : 1023px) {\n .ecogesture-root .ecogesture-content {\n gap: 0.5rem;\n }\n}\n@keyframes appear {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n.ecogesture-root .ecogesture-content .ecogesture-content-loading {\n height: 80vh;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #e0e0e0;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item {\n box-sizing: border-box;\n height: 8rem;\n animation: appear 600ms ease;\n display: flex;\n flex: 1;\n flex-basis: 45%;\n}\n.ecogesture-root .ecogesture-content .ecogesture-list-item > button {\n height: 100%;\n overflow: hidden;\n animation: appear 600ms ease;\n}\n.ecogesture-root .ec-filter-error {\n color: #e0e0e0;\n text-align: center;\n margin-top: 2rem;\n}\n.ecogesture-root .ec-filter-error div:first-child {\n margin-bottom: 1rem;\n}\n\ndiv.filter-menu {\n margin-top: 3.5rem;\n margin-left: -0.5rem;\n color: white;\n background: linear-gradient(0deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), linear-gradient(180deg, #323339 0%, #25262b 100%);\n border: 1px solid #a0a0a0;\n box-sizing: border-box;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);\n border-radius: 4px;\n z-index: 3;\n width: 220px;\n padding: 0.5rem 0rem;\n font-size: 0.875rem;\n left: 0;\n transition: all 300ms ease;\n}\ndiv.filter-menu.opened {\n display: block;\n}\ndiv.filter-menu .filter {\n padding: 0 1rem;\n}\ndiv.filter-menu .filter.filter-active {\n background: rgba(160, 160, 160, 0.2);\n}\n\n.filter-menu-list li {\n color: #ffffff;\n text-transform: initial;\n font-family: Lato, sans-serif;\n}\n.filter-menu-list li.item-active {\n font-weight: 700;\n}\n\n.filter-menu-icon {\n margin-left: auto;\n min-width: 0;\n}", ""]); @@ -580,7 +580,6 @@ var CardBase = (0, _styles.withStyles)({ boxSizing: 'border-box', boxShadow: '0px 4px 16px black', borderRadius: '4px', - margin: '10px 0px 10px 0px', padding: '0.5rem 1rem', minHeight: '72px' } @@ -957,17 +956,15 @@ var EcogestureList = function EcogestureList(_ref) { setAnchorEl(null); }; - var filterEcogesture = function filterEcogesture(_ecogestures) { - var filtered = _ecogestures.filter(function (ecogesture) { + var filterEcogesture = function filterEcogesture(ecogestures) { + var filtered = ecogestures.filter(function (ecogesture) { return _ecogesture.Usage[ecogesture.usage] === activeFilter; }).map(function (ecogesture) { - return /*#__PURE__*/_react.default.createElement("div", { + return /*#__PURE__*/_react.default.createElement(_EcogestureCard.default, { key: ecogesture.id, - className: "ecogesture-list-item" - }, /*#__PURE__*/_react.default.createElement(_EcogestureCard.default, { ecogesture: ecogesture, selectionCompleted: selectionViewed === selectionTotal - })); + }); }); if (filtered.length > 0) { @@ -1082,10 +1079,13 @@ var EcogestureList = function EcogestureList(_ref) { }))); }))))), /*#__PURE__*/_react.default.createElement("div", { className: "ecogesture-content" - }, renderEcogestureContent(), !displaySelection && handleReinitClick && /*#__PURE__*/_react.default.createElement("button", { - className: "reinit-button", - onClick: handleReinitClick - }, /*#__PURE__*/_react.default.createElement("span", null, t('ecogesture.reinit'))))); + }, renderEcogestureContent(), !displaySelection && handleReinitClick && /*#__PURE__*/_react.default.createElement(_Button.default, { + onClick: handleReinitClick, + classes: { + root: 'btn-secondary-negative', + label: 'text-16-normal' + } + }, t('ecogesture.reinit')))); }; var _default = EcogestureList; diff --git a/app/ecolyo.9f5a83d8c8dc6246dc90.js b/app/ecolyo.262c2f9064bc0d78d31e.js similarity index 99% rename from app/ecolyo.9f5a83d8c8dc6246dc90.js rename to app/ecolyo.262c2f9064bc0d78d31e.js index 65b4804efd337876df499ae5411573f4affb3a5d..3aee0f1f2de3e454871309e0ad7affe65d74247d 100644 --- a/app/ecolyo.9f5a83d8c8dc6246dc90.js +++ b/app/ecolyo.262c2f9064bc0d78d31e.js @@ -64,7 +64,7 @@ /******/ /******/ // script path function /******/ function jsonpScriptSrc(chunkId) { -/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"c44aefc530d1de68ee3f","3":"740f12bc0ccead1472ad","4":"39d7b1099221e57244fe","5":"6b6b7a737312b80a3d2d","6":"2d69c974d9f5967c346e","7":"d2a6fc631880361b47a0","8":"5a104e5906433ba909f2","9":"d4e0f8345c64c54574af"}[chunkId] + ".js" +/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"1":"c44aefc530d1de68ee3f","3":"740f12bc0ccead1472ad","4":"39d7b1099221e57244fe","5":"6b6b7a737312b80a3d2d","6":"dd703094e8c00e5f18d6","7":"d2a6fc631880361b47a0","8":"5a104e5906433ba909f2","9":"d4e0f8345c64c54574af"}[chunkId] + ".js" /******/ } /******/ /******/ // The require function @@ -4827,7 +4827,7 @@ exports.default = PartnersInfoService; exports = module.exports = __webpack_require__("JPst")(false); // Module -exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n position: relative;\n min-height: inherit;\n margin: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #e0e0e0;\n max-width: 45.75rem;\n}\n@media only screen and (max-width : 768px) {\n .eg-selection-detail-container {\n margin: 0 1rem;\n max-width: unset;\n }\n}\n.eg-selection-detail-container .content {\n display: flex;\n gap: 0.5rem;\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n}\n.eg-selection-detail-container .content .title {\n color: #a0a0a0;\n font-weight: 700;\n}\n@media only screen and (max-width : 576px) {\n .eg-selection-detail-container .content .icon {\n width: 50%;\n height: 50%;\n }\n}\n@media only screen and (max-width : 320px) {\n .eg-selection-detail-container .content .icon {\n width: 30%;\n height: 30%;\n }\n}\n.eg-selection-detail-container .content .text {\n min-height: 4.875rem;\n display: flex;\n align-items: center;\n margin: 0 1rem;\n}\n.eg-selection-detail-container .buttons {\n margin: 1rem 0;\n display: flex;\n gap: 0.5rem;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative {\n margin: 0;\n padding: 0.75rem 0.25rem;\n height: 7.375rem;\n border: 1px solid #e0e0e0;\n border-radius: 0.25rem;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative:focus, .eg-selection-detail-container .buttons button.btn-secondary-negative.active, .eg-selection-detail-container .buttons button.btn-secondary-negative:disabled, .eg-selection-detail-container .buttons button.btn-secondary-negative:hover {\n background: transparent;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative span {\n flex-direction: column;\n color: #e0e0e0;\n}\n.eg-selection-detail-container .buttons button.noFocus {\n background: transparent;\n}", ""]); +exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n min-height: inherit;\n display: flex;\n flex-direction: column;\n text-align: center;\n color: #e0e0e0;\n padding: 0 1.5rem;\n}\n.eg-selection-detail-container .content {\n display: flex;\n gap: 0.5rem;\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n}\n.eg-selection-detail-container .content .title {\n color: #a0a0a0;\n font-weight: 700;\n}\n@media only screen and (max-width : 576px) {\n .eg-selection-detail-container .content .icon {\n width: 50%;\n height: 50%;\n }\n}\n@media only screen and (max-width : 320px) {\n .eg-selection-detail-container .content .icon {\n width: 30%;\n height: 30%;\n }\n}\n.eg-selection-detail-container .content .text {\n min-height: 4.875rem;\n display: flex;\n align-items: center;\n margin: 0 1rem;\n}\n.eg-selection-detail-container .buttons {\n margin: 1rem 0;\n display: flex;\n gap: 0.5rem;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative {\n margin: 0;\n padding: 0.75rem 0.25rem;\n height: 7.375rem;\n border: 1px solid #e0e0e0;\n border-radius: 0.25rem;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative:focus, .eg-selection-detail-container .buttons button.btn-secondary-negative.active, .eg-selection-detail-container .buttons button.btn-secondary-negative:disabled, .eg-selection-detail-container .buttons button.btn-secondary-negative:hover {\n background: transparent;\n}\n.eg-selection-detail-container .buttons button.btn-secondary-negative span {\n flex-direction: column;\n color: #e0e0e0;\n}\n.eg-selection-detail-container .buttons button.noFocus {\n background: transparent;\n}", ""]); diff --git a/index.html b/index.html index 9dfd42d4577999167368fa3f7dafbf3aed11cf0c..46bcbcaaf704c19ba1c186a2ed8efd1668885792 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.9f5a83d8c8dc6246dc90.js"></script></div></body></html> \ No newline at end of file +<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.d332a37d84cf028b68a7.js"></script><script src="app/ecolyo.262c2f9064bc0d78d31e.js"></script></div></body></html> \ No newline at end of file