included glitchtip/sentry

.eslintrc.js

@@ -5,13 +5,13 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:vue/vue3-recommended',
-    'plugin:vue-a11y/base',
+    // 'plugin:vue-a11y/base',
     'standard',
     // 'plugin:prettier/recommended'
   ],
   plugins: [
     'vue',
-    'vue-a11y',
+    // 'vue-a11y',
     'no-autofix'
   ],
   rules: {

build/webpack.config.dev.js

@@ -53,18 +53,18 @@ module.exports = merge(baseConfig, {
     new BundleAnalyzerPlugin({
       'analyzerMode': 'static'
     }),
-    new WebpackShellPluginNext({
-      // onBuildStart:{
-      //   scripts: ['echo "Webpack Start"'],
-      //   blocking: true,
-      //   parallel: false
-      // }, 
-      // drush is not installed in this container so we have to ssh on the php container
-      onAfterDone:{
-        scripts: ['echo "Clearing drupal cache $USER_UNAME $DRUPAL_ROOT"', 'sshpass -p "$USER_UNAME" ssh $USER_UNAME@php "cd $DRUPAL_ROOT && drush cc css-js"', 'echo "Done"'],
-        blocking: true,
-        parallel: false
-      }
-    })
+    // new WebpackShellPluginNext({
+    //   // onBuildStart:{
+    //   //   scripts: ['echo "Webpack Start"'],
+    //   //   blocking: true,
+    //   //   parallel: false
+    //   // }, 
+    //   // drush is not installed in this container so we have to ssh on the php container
+    //   onAfterDone:{
+    //     scripts: ['echo "Clearing drupal cache $USER_UNAME $DRUPAL_ROOT"', 'sshpass -p "$USER_UNAME" ssh $USER_UNAME@php "cd $DRUPAL_ROOT && drush cc css-js"', 'echo "Done"'],
+    //     blocking: true,
+    //     parallel: false
+    //   }
+    // })
   ]
 })

composer.json

@@ -239,7 +239,8 @@
               "migrate_drupal getsetting on null" : "https://www.drupal.org/files/issues/2019-02-13/migrate_drupal-getsetting_on_null.patch",
               "ConfigImporter->checkOp() https://www.drupal.org/project/drupal/issues/3198715": "https://www.drupal.org/files/issues/2021-02-16/error-running-config-import-delete-on-null-3198715-3.patch",
               "Entity view/form mode formatter/widget settings have no translation UI 1 https://www.drupal.org/project/drupal/issues/2546212": "https://www.drupal.org/files/issues/2020-12-04/2546212-168-actions.patch",
-              "Entity view/form mode formatter/widget settings have no translation UI 2 https://www.drupal.org/project/drupal/issues/2546212": "https://www.drupal.org/files/issues/2020-12-04/2546212-168.patch"
+              "Entity view/form mode formatter/widget settings have no translation UI 2 https://www.drupal.org/project/drupal/issues/2546212": "https://www.drupal.org/files/issues/2020-12-04/2546212-168.patch",
+              "Allow to validate Apache/Nginx configuration requirement for aggregation folder before enabling aggregation. https://www.drupal.org/project/drupal/issues/3384272":"https://www.drupal.org/files/issues/2024-08-22/4673.diff"
             },
             "drupal/email_registration": {
               "allow email login through REST https://www.drupal.org/project/email_registration/issues/2856542": "https://www.drupal.org/files/issues/2021-06-11/2856542-13.patch"

package.json

@@ -19,9 +19,12 @@
   "author": "Bachir Soussi Chiadmi",
   "license": "MIT",
   "dependencies": {
+    "@sentry/browser": "^9.8.0",
+    "@sentry/vue": "^9.8.0",
     "axios": "^0.21.0",
     "check-password-strength": "^1.0.15",
     "pretty-bytes": "^5.5.0",
+    "sass": "^1.86.0",
     "vue": "^2.6.12",
     "vue-autofocus-directive": "^1.0.4",
     "vue-cool-lightbox": "^2.7.4",
@@ -58,20 +61,17 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-vue": "^7.1.0",
-    "eslint-plugin-vue-a11y": "0.0.31",
     "eslint-webpack-plugin": "^2.4.0",
     "file-loader": "^6.2.0",
     "graphql": "^15.4.0",
     "graphql-tag": "^2.11.0",
     "lodash": "^4.17.20",
     "mini-css-extract-plugin": "^1.3.1",
-    "node-sass": "^5.0.0",
     "querystring-es3": "^0.2.1",
     "sass-loader": "^10.1.0",
-    "slim-select": "^1.27.0",
+    "slim-select": "^2.10.0",
     "style-loader": "^2.0.0",
     "uglify-es": "^3.3.9",
-    "uglifyjs-webpack-plugin": "^2.2.0",
     "url-loader": "^4.1.1",
     "vue-eslint-parser": "^7.1.1",
     "vue-i18n": "^8.22.2",

web/themes/custom/materiotheme/assets/dist/email.css

@@ -1,2 +1 @@
 body{position:inherit}
-

web/themes/custom/materiotheme/assets/dist/main.js.LICENSE.txt

@@ -1,6 +1,6 @@
 /*!
- * Vue.js v2.6.12
- * (c) 2014-2020 Evan You
+ * Vue.js v2.7.16
+ * (c) 2014-2023 Evan You
  * Released under the MIT License.
  */
 

web/themes/custom/materiotheme/assets/dist/module-blabla.868c565fccaea50f7cf7.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[562],{4829:(t,e,i)=>{i.r(e),i.d(e,{default:()=>m});var a=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"blabla"}},[t.items.length?e("div",{staticClass:"cards-list"},[e("ul",t._l(t.items,(function(t){return e("li",{key:t.nid},[e("ArticleCard",{attrs:{item:t}})],1)})),0),t._v(" "),e("infinite-loading",{on:{infinite:t.nextPage}},[e("div",{attrs:{slot:"no-more"},slot:"no-more"},[t._v("No more articles")])])],1):e("div",{staticClass:"loading"},[e("span",[t._v(t._s(t.$t("default.Loading…")))])])])};a._withStripped=!0;var s=function(){var t=this,e=t._self._c;return e("article",{staticClass:"card article"},[e("header",[e("h1",[e("a",{attrs:{href:t.item.view_node},domProps:{innerHTML:t._s(t.item.title)},on:{click:function(e){return e.preventDefault(),t.onclick.apply(null,arguments)}}})]),t._v(" "),e("aside",{domProps:{innerHTML:t._s(t.item.created)}})]),t._v(" "),e("section",{staticClass:"images"},[e("a",{attrs:{href:t.item.view_node},on:{click:function(e){return e.preventDefault(),t.onclick.apply(null,arguments)}}},[e("figure",{domProps:{innerHTML:t._s(t.item.field_visuel)}})])])])};s._withStripped=!0;var r=i(3611);drupalSettings.path.baseUrl,drupalSettings.path.pathPrefix;const l={name:"ArticleCard",router:r.A,props:["item"],data(){return{alias:this.item.view_node.replace(/^.*\/blabla\//g,"")}},methods:{onclick(){this.alias,this.$router.push({name:"article",params:{alias:this.alias,id:this.item.nid}})}}};var n=i(4486);const o=(0,n.A)(l,s,[],!1,null,"fe8f9ebc",null).exports;var c=i(5353);const d={name:"Blabla",computed:{...(0,c.aH)({items:t=>t.Blabla.items})},created(){this.items.length||this.getItems()},methods:{...(0,c.i0)({getItems:"Blabla/getItems",nextPage:"Blabla/nextPage"})},components:{ArticleCard:o}};const m=(0,n.A)(d,a,[],!1,null,"25cf586c",null).exports}}]);

web/themes/custom/materiotheme/assets/dist/module-blabla.d2a190261f0858b2929c.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[67],{4007:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>p});var a=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{attrs:{id:"blabla"}},[e.items.length?i("div",{staticClass:"cards-list"},[i("ul",e._l(e.items,(function(e){return i("li",{key:e.nid},[i("ArticleCard",{attrs:{item:e}})],1)})),0),e._v(" "),i("infinite-loading",{on:{infinite:e.nextPage}},[i("div",{attrs:{slot:"no-more"},slot:"no-more"},[e._v("No more articles")])])],1):i("div",{staticClass:"loading"},[i("span",[e._v(e._s(e.$t("default.Loading…")))])])])};a._withStripped=!0;var s=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("article",{staticClass:"card article"},[i("header",[i("h1",[i("a",{attrs:{href:e.item.view_node},domProps:{innerHTML:e._s(e.item.title)},on:{click:function(t){return t.preventDefault(),e.onclick(t)}}})]),e._v(" "),i("aside",{domProps:{innerHTML:e._s(e.item.created)}})]),e._v(" "),i("section",{staticClass:"images"},[i("a",{attrs:{href:e.item.view_node},on:{click:function(t){return t.preventDefault(),e.onclick(t)}}},[i("figure",{domProps:{innerHTML:e._s(e.item.field_visuel)}})])])])};s._withStripped=!0;var n=i(4408);drupalSettings.path.baseUrl,drupalSettings.path.pathPrefix;const r={name:"ArticleCard",router:n.Z,props:["item"],data(){return{alias:this.item.view_node.replace(/^.*\/blabla\//g,"")}},methods:{onclick(){this.alias,this.$router.push({name:"article",params:{alias:this.alias,id:this.item.nid}})}}};var l=i(1900),o=(0,l.Z)(r,s,[],!1,null,"08b811fe",null);o.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/ArticleCard.vue";const c=o.exports;var m=i(629);const d={name:"Blabla",computed:{...(0,m.rn)({items:e=>e.Blabla.items})},created(){this.items.length||this.getItems()},methods:{...(0,m.nv)({getItems:"Blabla/getItems",nextPage:"Blabla/nextPage"})},components:{ArticleCard:c}};var u=(0,l.Z)(d,a,[],!1,null,"230b184d",null);u.options.__file="web/themes/custom/materiotheme/vuejs/components/Pages/Blabla.vue";const p=u.exports}}]);

web/themes/custom/materiotheme/assets/dist/module-pricing.46c403a3723d5309dc4b.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[665],{1003:(t,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>v});var r=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{attrs:{id:"pricing"}},[t.products.length?t._l(t.products,(function(t){return s("Product",{key:t.uuid,attrs:{product:t}})})):s("div",{staticClass:"loading"},[s("span",[t._v(t._s(t.$t("default.Loading…")))])])],2)};r._withStripped=!0;var i=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("article",{staticClass:"product"},[s("header",[s("h1",{domProps:{innerHTML:t._s(t.product.title)}})]),t._v(" "),s("section",{staticClass:"content"},[s("div",{staticClass:"description",domProps:{innerHTML:t._s(t.product.body)}})]),t._v(" "),t.isAdherent?t._e():s("aside",[t._l(t.product.variations,(function(e){return s("div",{key:e.id,staticClass:"variation"},[s("div",{staticClass:"variation-description",domProps:{innerHTML:t._s(e.description)}}),t._v(" "),s("div",{staticClass:"actions"},[s("button",{attrs:{type:"button",name:"addtocart"},on:{click:function(s){return s.stopPropagation(),t.checkaddtocart(s,e.id)}}},[t._v("\n          "+t._s(t.$t("default."+t.variation_btn_txt[e.id]))+"\n        ")])])])})),t._v(" "),8==t.product.id?s("div",[s("a",{staticClass:"btn",attrs:{href:"/pricing/multijoueur"}},[t._v("\n        "+t._s(t.$t("default.Ask for a quote"))+"\n      ")])]):t._e()],2)])};i._withStripped=!0;var o=s(4408),n=s(1423);const a={name:"Product",router:o.Z,props:["product"],mixins:[n.Z],data:()=>({quantity:1,variation_btn_txt:{6:"Yeees!",7:"Yay!",8:"Great!",9:"OKAY!"}}),created(){this.product}};var c=s(1900),d=(0,c.Z)(a,i,[],!1,null,"0f9e2147",null);d.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/Product.vue";const u=d.exports;var p=s(629);const l={name:"Pricing",computed:{...(0,p.rn)({products:t=>t.Pages.products})},created(){this.products.length||this.getProducts()},methods:{...(0,p.nv)({getProducts:"Pages/getProducts"})},components:{Product:u}};var _=(0,c.Z)(l,r,[],!1,null,"bdd44e2e",null);_.options.__file="web/themes/custom/materiotheme/vuejs/components/Pages/Pricing.vue";const v=_.exports}}]);

web/themes/custom/materiotheme/assets/dist/module-pricing.976614f4a029aa2c3d63.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[634],{2218:(t,s,r)=>{r.r(s),r.d(s,{default:()=>l});var i=function(){var t=this,s=t._self._c;return s("div",{attrs:{id:"pricing"}},[t.products.length?t._l(t.products,(function(t){return s("Product",{key:t.uuid,attrs:{product:t}})})):s("div",{staticClass:"loading"},[s("span",[t._v(t._s(t.$t("default.Loading…")))])])],2)};i._withStripped=!0;var a=function(){var t=this,s=t._self._c;return s("article",{staticClass:"product"},[s("header",[s("h1",{domProps:{innerHTML:t._s(t.product.title)}})]),t._v(" "),s("section",{staticClass:"content"},[s("div",{staticClass:"description",domProps:{innerHTML:t._s(t.product.body)}})]),t._v(" "),t.isAdherent?t._e():s("aside",[t._l(t.product.variations,(function(r){return s("div",{key:r.id,staticClass:"variation"},[s("div",{staticClass:"variation-description",domProps:{innerHTML:t._s(r.description)}}),t._v(" "),s("div",{staticClass:"actions"},[s("button",{attrs:{type:"button",name:"addtocart"},on:{click:function(s){return s.stopPropagation(),t.checkaddtocart(s,r.id)}}},[t._v("\n          "+t._s(t.$t("default."+t.variation_btn_txt[r.id]))+"\n        ")])])])})),t._v(" "),8==t.product.id?s("div",[s("a",{staticClass:"btn",attrs:{href:"/pricing/multijoueur"}},[t._v("\n        "+t._s(t.$t("default.Ask for a quote"))+"\n      ")])]):t._e()],2)])};a._withStripped=!0;var o=r(3611),e=r(4651);const n={name:"Product",router:o.A,props:["product"],mixins:[e.A],data:()=>({quantity:1,variation_btn_txt:{6:"Yeees!",7:"Yay!",8:"Great!",9:"OKAY!"}}),created(){this.product}};var c=r(4486);const d=(0,c.A)(n,a,[],!1,null,"a02cf0fe",null).exports;var u=r(5353);const p={name:"Pricing",computed:{...(0,u.aH)({products:t=>t.Pages.products})},created(){this.products.length||this.getProducts()},methods:{...(0,u.i0)({getProducts:"Pages/getProducts"})},components:{Product:d}};const l=(0,c.A)(p,i,[],!1,null,"6c4e03c6",null).exports}}]);

web/themes/custom/materiotheme/assets/dist/module-showrooms.9cd6970c1371e165e3dc.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[413],{7556:(t,e,s)=>{s.r(e),s.d(e,{default:()=>h});var o=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"showrooms"}},[t.items.length?t._l(t.items,(function(t){return e("Showroom",{key:t.uuid,attrs:{item:t}})})):e("div",{staticClass:"loading"},[e("span",[t._v(t._s(t.$t("default.Loading…")))])])],2)};o._withStripped=!0;var i=function(){var t=this,e=t._self._c;return e("article",{staticClass:"showroom"},[e("section",{directives:[{name:"switcher",rawName:"v-switcher"}],staticClass:"images"},t._l(t.item.images,(function(s,o){return e("figure",{directives:[{name:"lazy",rawName:"v-lazy",value:o,expression:"index"}],key:s.url,staticClass:"lazy"},[e("img",{attrs:{"data-src":s.style_showroomhome.url},on:{click:function(e){return t.setLightBox(o)}}})])})),0),t._v(" "),e("section",{staticClass:"content"},[e("header",[e("h1",[t._v(t._s(t.item.name))])]),t._v(" "),e("section",{staticClass:"description",domProps:{innerHTML:t._s(t.item.description)}}),t._v(" "),e("address",[t.item.address.organization?e("span",[t._v(t._s(t.item.address.organization)),e("br")]):t._e(),t._v(" "),t.item.address.address_line1?e("span",[t._v(t._s(t.item.address.address_line1)),e("br")]):t._e(),t._v(" "),t.item.address.locality?e("span",[t._v(t._s(t.item.address.locality)),e("br")]):t._e(),t._v(" "),t.item.country.country_name?e("span",[t._v(t._s(t.item.country.country_name))]):t._e()]),t._v(" "),e("div",{staticClass:"phone",domProps:{innerHTML:t._s(t.item.phone)}}),t._v(" "),e("a",{staticClass:"email",attrs:{href:"mailto:"+t.item.email},domProps:{innerHTML:t._s(t.item.email)}}),t._v(" "),e("div",{staticClass:"website"},[e("a",{attrs:{_target:"_blank",href:t.item.website.url}},[t._v(t._s(t.item.website.title))])])])])};i._withStripped=!0;var a=s(5353),r=s(3611),n=s(9811);drupalSettings.path.baseUrl,drupalSettings.path.pathPrefix;const m={name:"Showroom",router:r.A,mixins:[n.A],props:["item"],computed:{...(0,a.aH)({coolLightBoxItems:t=>t.Common.coolLightBoxItems,coolLightBoxIndex:t=>t.Common.coolLightBoxIndex})},methods:{...(0,a.i0)({setcoolLightBoxItems:"Common/setcoolLightBoxItems",setcoolLightBoxIndex:"Common/setcoolLightBoxIndex"}),setLightBox(t){this.setcoolLightBoxItems(this.item.images),this.setcoolLightBoxIndex(t)}}};var l=s(4486);const c=(0,l.A)(m,i,[],!1,null,"582a0cbe",null).exports,d={name:"Showrooms",computed:{...(0,a.aH)({items:t=>t.Showrooms.items})},created(){this.items.length||this.getShowrooms()},methods:{...(0,a.i0)({getShowrooms:"Showrooms/getShowrooms"})},components:{Showroom:c}};const h=(0,l.A)(d,o,[],!1,null,"5891e183",null).exports}}]);

web/themes/custom/materiotheme/assets/dist/module-showrooms.ea51a71e33e126273a2e.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkmaterio_com=self.webpackChunkmaterio_com||[]).push([[204],{281:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>u});var o=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{attrs:{id:"showrooms"}},[e.items.length?e._l(e.items,(function(e){return s("Showroom",{key:e.uuid,attrs:{item:e}})})):s("div",{staticClass:"loading"},[s("span",[e._v(e._s(e.$t("default.Loading…")))])])],2)};o._withStripped=!0;var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("article",{staticClass:"showroom"},[s("section",{directives:[{name:"switcher",rawName:"v-switcher"}],staticClass:"images"},e._l(e.item.images,(function(t,o){return s("figure",{directives:[{name:"lazy",rawName:"v-lazy",value:o,expression:"index"}],key:t.url,staticClass:"lazy"},[s("img",{attrs:{"data-src":t.style_showroomhome.url},on:{click:function(t){return e.setLightBox(o)}}})])})),0),e._v(" "),s("section",{staticClass:"content"},[s("header",[s("h1",[e._v(e._s(e.item.name))])]),e._v(" "),s("section",{staticClass:"description",domProps:{innerHTML:e._s(e.item.description)}}),e._v(" "),s("address",[e.item.address.organization?s("span",[e._v(e._s(e.item.address.organization)),s("br")]):e._e(),e._v(" "),e.item.address.address_line1?s("span",[e._v(e._s(e.item.address.address_line1)),s("br")]):e._e(),e._v(" "),e.item.address.locality?s("span",[e._v(e._s(e.item.address.locality)),s("br")]):e._e(),e._v(" "),e.item.country.country_name?s("span",[e._v(e._s(e.item.country.country_name))]):e._e()]),e._v(" "),s("div",{staticClass:"phone",domProps:{innerHTML:e._s(e.item.phone)}}),e._v(" "),s("a",{staticClass:"email",attrs:{href:"mailto:"+e.item.email},domProps:{innerHTML:e._s(e.item.email)}}),e._v(" "),s("div",{staticClass:"website"},[s("a",{attrs:{_target:"_blank",href:e.item.website.url}},[e._v(e._s(e.item.website.title))])])])])};i._withStripped=!0;var r=s(629),a=s(4408),n=s(8357);drupalSettings.path.baseUrl,drupalSettings.path.pathPrefix;const m={name:"Showroom",router:a.Z,mixins:[n.Z],props:["item"],computed:{...(0,r.rn)({coolLightBoxItems:e=>e.Common.coolLightBoxItems,coolLightBoxIndex:e=>e.Common.coolLightBoxIndex})},methods:{...(0,r.nv)({setcoolLightBoxItems:"Common/setcoolLightBoxItems",setcoolLightBoxIndex:"Common/setcoolLightBoxIndex"}),setLightBox(e){this.setcoolLightBoxItems(this.item.images),this.setcoolLightBoxIndex(e)}}};var l=s(1900),c=(0,l.Z)(m,i,[],!1,null,"695652b0",null);c.options.__file="web/themes/custom/materiotheme/vuejs/components/Content/Showroom.vue";const h=c.exports,d={name:"Showrooms",computed:{...(0,r.rn)({items:e=>e.Showrooms.items})},created(){this.items.length||this.getShowrooms()},methods:{...(0,r.nv)({getShowrooms:"Showrooms/getShowrooms"})},components:{Showroom:h}};var _=(0,l.Z)(d,o,[],!1,null,"7566e5fe",null);_.options.__file="web/themes/custom/materiotheme/vuejs/components/Pages/Showrooms.vue";const u=_.exports}}]);

web/themes/custom/materiotheme/assets/dist/print.css

@@ -1,2 +1 @@
-body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}body{margin:0;padding:0}#printable-root-page{box-sizing:border-box;width:21cm;padding:1cm .5cm 2cm}#printable-root-page>header{display:flex;flex-flow:nowrap;align-items:baseline}#printable-root-page>header h1{margin:0;font-weight:600}#printable-root-page>article{padding-top:1em}#printable-root-page>article>h2{font-weight:600;margin:0}#printable-root-page>article .field--name-field-reference{margin:0 0 1em 0}#printable-root-page>article .field--name-body,#printable-root-page>article .field--name-field-samples{display:inline-block;vertical-align:top}#printable-root-page>article .field--name-body{width:75%}#printable-root-page>article .field--name-body p{margin:0}#printable-root-page>article .field__label{font-size:0.756em;font-weight:700}#printable-root-page>article .field--name-field-samples{width:23%;text-align:right}#printable-root-page>article .field--name-field-samples .field__item{font-size:0.756em}#printable-root-page>article .field--name-field-manufacturer,#printable-root-page>article .field--name-field-distributor{margin-top:1em;display:inline-block;vertical-align:top;width:49%}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term,#printable-root-page>article .field--name-field-distributor .taxonomy-term{padding-bottom:0.5em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term>h2,#printable-root-page>article .field--name-field-distributor .taxonomy-term>h2{margin:0;font-weight:600;font-size:1em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term p,#printable-root-page>article .field--name-field-distributor .taxonomy-term p{margin:0}#printable-root-page>article .field--name-field-materiau-images{margin-top:1em;display:flex;flex-flow:row wrap;justify-content:space-between}#printable-root-page>article .field--name-field-materiau-images .field__item{flex:0 0 33%}#printable-root-page>article .field--name-field-materiau-images .field__item img{width:100%;height:auto}
-
+body{font-size:16px;font-family:"Ubuntu",Arial,"MS Trebuchet",sans-serif;font-weight:500;font-style:normal;line-height:1.3}body{margin:0;padding:0}#printable-root-page{box-sizing:border-box;width:21cm;padding:1cm .5cm 2cm}#printable-root-page>header{display:flex;flex-flow:nowrap;align-items:baseline}#printable-root-page>header h1{margin:0;font-weight:600}#printable-root-page>article{padding-top:1em}#printable-root-page>article>h2{font-weight:600;margin:0}#printable-root-page>article .field--name-field-reference{margin:0 0 1em 0}#printable-root-page>article .field--name-body,#printable-root-page>article .field--name-field-samples{display:inline-block;vertical-align:top}#printable-root-page>article .field--name-body{width:75%}#printable-root-page>article .field--name-body p{margin:0}#printable-root-page>article .field__label{font-size:.756em;font-weight:700}#printable-root-page>article .field--name-field-samples{width:23%;text-align:right}#printable-root-page>article .field--name-field-samples .field__item{font-size:.756em}#printable-root-page>article .field--name-field-manufacturer,#printable-root-page>article .field--name-field-distributor{margin-top:1em;display:inline-block;vertical-align:top;width:49%}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term,#printable-root-page>article .field--name-field-distributor .taxonomy-term{padding-bottom:.5em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term>h2,#printable-root-page>article .field--name-field-distributor .taxonomy-term>h2{margin:0;font-weight:600;font-size:1em}#printable-root-page>article .field--name-field-manufacturer .taxonomy-term p,#printable-root-page>article .field--name-field-distributor .taxonomy-term p{margin:0}#printable-root-page>article .field--name-field-materiau-images{margin-top:1em;display:flex;flex-flow:row wrap;justify-content:space-between}#printable-root-page>article .field--name-field-materiau-images .field__item{flex:0 0 33%}#printable-root-page>article .field--name-field-materiau-images .field__item img{width:100%;height:auto}

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -56,13 +56,46 @@ import GlobCoolLightBox from 'vuejs/components/Content/GlobCoolLightBox'
 import { mapState } from 'vuex'
 
 // import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
-import 'slim-select/slimselect.min.css'
 
 import 'theme/assets/styles/main.scss'
 import 'theme/assets/styles/print.scss'
 
 import MA from 'vuejs/api/ma-axios'
 
+import * as Sentry from '@sentry/browser'
+import * as VueSentry from '@sentry/vue'
+
+Sentry.init({
+  dsn: 'https://7c0e73518188407d9d1f1b1f1f87d457@frontlog.figli.io/3',
+  // release: "",
+  integrations: [
+    Sentry.browserTracingIntegration()
+    // Sentry.replayIntegration(),
+  ],
+  tracesSampleRate: 1.0
+  // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
+  // tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+  // // Capture Replay for 10% of all sessions,
+  // // plus for 100% of sessions with an error
+  // // Learn more at
+  // // https://docs.sentry.io/platforms/javascript/session-replay/configuration/#general-integration-configuration
+  // replaysSessionSampleRate: 0.1,
+  // replaysOnErrorSampleRate: 1.0,
+})
+
+// setTimeout(() => {
+//   throw new Error('Sentry Test Error')
+// })
+
+VueSentry.init({
+  Vue,
+  dsn: 'https://7c0e73518188407d9d1f1b1f1f87d457@frontlog.figli.io/3',
+  integrations: [
+  ]
+  // Set `tracePropagationTargets` to control for which URLs trace propagation should be enabled
+  // tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+})
+
 export let _v_sitebranding_block, _v_user_block, _v_header_menu, _v_language_switcher,
   _v_pagetitle_block, _v_search_block,
   _v_main_content, _v_left_content,

web/themes/custom/materiotheme/assets/styles/base/_colors.scss

@@ -9,6 +9,6 @@ $color-blabla:#9458aa;
 $color-webshowroom:rgb(255, 159, 80);
 $color-focus:#8bc4ff;
 $alpha: 0.90;
-$color-base-transparent: change-color($color-base, $alpha: $alpha);
-$color-showrooms-transparent: change-color($color-showrooms, $alpha: $alpha);
-$color-blabla-transparent: change-color($color-blabla, $alpha: $alpha);
+$color-base-transparent: color.change($color-base, $alpha: $alpha);
+$color-showrooms-transparent: color.change($color-showrooms, $alpha: $alpha);
+$color-blabla-transparent: color.change($color-blabla, $alpha: $alpha);

web/themes/custom/materiotheme/assets/styles/base/_grid.scss

@@ -21,7 +21,7 @@ $large-bp:1900px;
   }
 }
 
-%col-reset {
+@mixin col-reset {
     width: 100%;
     // display: inline-block;
     // white-space:normal;
@@ -31,7 +31,7 @@ $large-bp:1900px;
 }
 
 @mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
-  @extend %col-reset;
+  @include col-reset;
   padding-left: $gap*$offset;
   @if $col == $default_sum {
     padding-right: 0;
@@ -40,10 +40,10 @@ $large-bp:1900px;
   }
   &:last-child{padding-right: 0;}
 
-  margin-left: percentage(($col/$sum)*$offset);
+  margin-left: math.percentage(math.div($col, $sum)*$offset);
 
   // @media only screen and (min-width: 768px) {
-    width: percentage($col/$sum);
+    width: math.percentage(math.div($col, $sum));
     // vertical-align: $align;
   // }
 }

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -1,6 +1,10 @@
+@use "sass:math";
+@use "sass:color";
 
 // @import '~slim-select/scss';
 
+@import 'slim-select/styles';
+
 $mdi-font-path: './mdi/fonts/';
 @import './mdi/css/materialdesignicons.css';
 @import './mdi/scss/variables';
@@ -765,7 +769,7 @@ aside.messages{
     nav.tabs{
       ul.tabs.primary{
         li{
-          background-color: change-color($color-base, $alpha: 0.5);
+          background-color: color.change($color-base, $alpha: 0.5);
           color:#fff;
           &.is-active{
             background-color: $color-base;
@@ -1039,11 +1043,11 @@ article.node--type-frontpage{
 							justify-content: space-around;
 						}
             li{
-              padding:0 0 $column_goutiere / 2 0;
+              padding:0 0 math.div($column_goutiere, 2) 0;
               box-sizing: border-box;
               // padding-top: 140%;
-              width: $column_width / 2;
-              height: $card_height / 2;
+              width: math.div($column_width, 2);
+              height: math.div($card_height, 2);
               position: relative;
               list-style: none;
               margin:0;
@@ -1666,6 +1670,8 @@ article.card{
     background-color: #fff;
     box-sizing: content-box;
     padding: 0.3em 0.1em;
+    opacity: 0;
+    transition: opacity 0.2s ease-in-out;
     >*{
       overflow: visible;
       position: relative;
@@ -1769,8 +1775,6 @@ article.card{
         }
       }
     }
-    opacity: 0;
-    transition: opacity 0.2s ease-in-out;
   }
 
   @include hover{
@@ -2177,7 +2181,7 @@ article.card{
       display: inline-block;
       width:$column_width;
       margin:0 $column_goutiere $column_goutiere*0.6 0;
-      height:$card_height / 2;
+      height:math.div($card_height, 2);
       background-size: cover;
       cursor: pointer;
     }

web/themes/custom/materiotheme/vuejs/components/Form/SearchForm.vue

@@ -8,6 +8,7 @@ import { mapState } from 'vuex'
 
 import SlimSelect from 'slim-select'
 
+
 export default {
   router,
   props: ['form'],