@imiobe/plonetheme-smartweb-base 0.0.6 → 0.1.0

package/dist/js/theme.js

@@ -0,0 +1 @@
+(()=>{"use strict";$(document).ready((function(){$("#portal-globalnav-collapse").on("show.bs.collapse",(function(){document.body.classList.add("open-nav-overflow"),document.documentElement.classList.add("open-nav-overflow")})),$("#portal-globalnav-collapse").on("hidden.bs.collapse",(function(){document.body.classList.remove("open-nav-overflow"),document.documentElement.classList.remove("open-nav-overflow")}))}))})();

package/package.json

@@ -17,13 +17,13 @@
       "url": "https://imio.be"
     }
   ],
-  "homepage": "https://imio.be",
+  "homepage": "https://",
   "keywords": [
     "imio",
     "plone",
     "smartweb"
   ],
-  "version": "0.0.6",
+  "version": "0.1.0",
   "license": "GPL version 2",
   "scripts": {
     "stylelint": "npx stylelint 'src/**/*.{css,less}' 'src/**/*.{css,less}",
@@ -36,5 +36,23 @@
   "devDependencies": {
     "@plone/plonetheme-barceloneta-base": "3.0.0",
     "@popperjs/core": "^2.11.6"
+  },
+  "release-it": {
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular",
+        "infile": "CHANGELOG.md"
+      }
+    },
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    }
   }
 }

package/src/index.js

@@ -1,16 +1,62 @@
 import "./scss/main.scss";
-$( document ).ready(function() {
-    $('#portal-globalnav-collapse').on('show.bs.collapse', function () {
-        document.body.classList.add('open-nav-overflow');
-        document.documentElement.classList.add('open-nav-overflow');
-    })
-    $('#portal-globalnav-collapse').on('hidden.bs.collapse', function () {
-        document.body.classList.remove('open-nav-overflow');
-        document.documentElement.classList.remove('open-nav-overflow');
-    })
+$(document).ready(function () {
+  $("#portal-globalnav-collapse").on("show.bs.collapse", function () {
+    document.body.classList.add("open-nav-overflow");
+    document.documentElement.classList.add("open-nav-overflow");
+  });
+  $("#portal-globalnav-collapse").on("hidden.bs.collapse", function () {
+    document.body.classList.remove("open-nav-overflow");
+    document.documentElement.classList.remove("open-nav-overflow");
+  });
 
-    // For custom slider
-    // var newsSwiper = $('.sectionnews .swiper')[0].swiper
-    // newsSwiper.params.spaceBetween=30;
-    // newsSwiper.update();
-});
+  // For custom slider
+  // var newsSwiper = $('.sectionnews .swiper')[0].swiper
+  // newsSwiper.params.spaceBetween=30;
+  // newsSwiper.update();
+
+  // function addElement() {
+  //   // create a new div element
+  //   const newDiv = document.createElement("div");
+  //   newDiv.classList.add('test');
+
+  //   // add the newly created element and its content into the DOM
+  //   const currentDiv = $('.swiper-wrapper')
+  //   console.log(currentDiv)
+  //   document.body.insertBefore(newDiv, currentDiv);
+  // }
+
+  // For custom slider
+
+  // if ($('.smartweb_herobanner .swiper').length > 0) {
+  //     var newsSwiper = $('.smartweb_herobanner .swiper')[0].swiper
+  //     newsSwiper.params.spaceBetween = 300;
+  //     newsSwiper.params.speed = 1000,
+  //         newsSwiper.params.loop = true,
+  //         newsSwiper.params.pagination = {
+  //             el: '.test',
+  //             type: 'bullets',
+  //         },
+  //         newsSwiper.update();
+  // }
+  // console.log(newsSwiper.params)
+
+  // var divExistante = document.querySelector('.swiper-wrapper');
+  // var nouvelleDiv = document.createElement('div');
+  // nouvelleDiv.classList.add('swiper-pagination');
+  // divExistante.insertAdjacentElement('afterend', nouvelleDiv);
+
+  // let swiper;
+  // const params = {
+  //     pagination: {
+  //         el: ".swiper-pagination",
+  //         type: 'bullets',
+  //         clickable:true,
+  //     },
+  //     speed: 100,
+  //     loop:true,
+  // };
+  // function initSwiper(params) {
+  //     swiper = new Swiper(".smartweb_herobanner .swiper", params);
+  // }
+  // initSwiper(params);
+});

package/src/scss/_breadcrum.scss

@@ -3,6 +3,7 @@
   position: relative;
   margin-bottom: 0;
   background-color: $breadcrumb-bg;
+
   @if $enable-full-width-breacrumb {
     &::after {
       @include full-width;

package/src/scss/_fonts.scss

@@ -6,7 +6,7 @@ h5,
 h6 {
   font-family: $font-family-title;
   color: $font-title-color;
-  font-weight:$font-title-weight;
+  font-weight: $font-title-weight;
 }
 
 @if $enable-title-uppercase {
@@ -20,11 +20,12 @@ h6 {
   }
 }
 
-.portaltype-imio-smartweb-portalpage{
-  .section-title{
+.portaltype-imio-smartweb-portalpage {
+  .section-title {
     font-size: $home-section-title-size;
   }
 }
+
 #edit-bar .nav-link {
-	font-size: 16x !important;
-}
+  font-size: 16px !important;
+}

package/src/scss/_general.scss

@@ -1,110 +1,118 @@
 .frontend ul {
-    padding-left: 0;
+  padding-left: 0;
 }
+
 .offcanvas-start {
-    top: 0;
-    left: 0;
-    width: 95%!important;
+  top: 0;
+  left: 0;
+  width: 95% !important;
 }
 
 .contact_gallery {
-    img {
-        max-width: 100%;
-    }
+  img {
+    max-width: 100%;
+  }
 }
 
 // affichage horraire
 .section-contact .table_schedule {
-	display: none;
-}
-.schedule .opening_informations:after{
-    content: "";
-    width: 9px;
-    height: 6px;
-    display: block;
-    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
-    background-size: contain;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin-left: .4rem;
-    display: inline-block;
-    vertical-align: middle;
+  display: none;
+}
+
+.schedule .opening_informations::after {
+  content: "";
+  width: 9px;
+  height: 6px;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="8.444" height="5.2"><path fill="black" d="M.247.254a.831.831 0 0 1 1.2 0l2.78 2.854L7.011.254A.831.831 0 0 1 8.2.264a.882.882 0 0 1 .01 1.215L4.825 4.946a.835.835 0 0 1-.6.254 1.529 1.529 0 0 1-.6-.254L.247 1.479a.882.882 0 0 1 0-1.226Z"/></svg>');
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+  margin-left: 0.4rem;
+  display: inline-block;
+  vertical-align: middle;
 }
 
 //Cacher le bouton téléverser et l’afficher là ou il est utile
 #content .navbar a#btn-upload {
-    visibility: hidden;
- }
- 
-.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
-.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
-.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload{
-   visibility: visible;
+  visibility: hidden;
 }
 
-// Aligner le logo et le titre sur les sous-sites
-.subsite-container #subsite-logo a {
-    display: flex;
-    align-items: center;
+.portaltype-imio-smartweb-sectionfiles #content .navbar a#btn-upload,
+.portaltype-imio-smartweb-sectiongallery #content .navbar a#btn-upload,
+.portaltype-imio-smartweb-sectionhtml #content .navbar a#btn-upload {
+  visibility: visible;
 }
 
 .select2-results .select2-highlighted {
-    background: #f9f9f9;
- }
- 
+  background: #f9f9f9;
+}
 
 // img placeholder
 
-.r-item-img-placeholder{
-    background: $img-placeholder;
-    background-size: cover;
-    background-position: center;
+.r-item-img-placeholder {
+  background: $img-placeholder;
+  background-size: cover;
+  background-position: center;
 }
 
 .block-menu-element .newsImage.no-image {
-    background: $img-placeholder;
-    background-size: cover;
-    background-position: center;
+  background: $img-placeholder;
+  background-size: cover;
+  background-position: center;
 }
 
 // Afficher les intitulés sur une ligne et l’info (numéro de téléphone, email) sur une ligne suivante.
 
 .section-contact .contact_informations a {
-    display: block;
- }
+  display: block;
+}
+
 .userrole-authenticated.template-edit #content-core .edit .form-label {
-    font-weight: 600;
+  font-weight: 600;
 }
+
 .linkTypes a#tinymce-autotoc-autotoc-1 {
-    display: none;
- }
- 
+  display: none;
+}
+
 // backoffie icon
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1%;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1%;
 }
-.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text{
-    width:100%;
+
+.kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .form-text {
+  width: 100%;
 }
 
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option {
-    position: relative;
-    flex-basis: 15%;
-    padding: 0.75rem;
-    text-align: center;
+  position: relative;
+  flex-basis: 15%;
+  padding: 0.75rem;
+  text-align: center;
 }
+
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .plone-icon {
-    width: auto;
-    height: 2.5rem;
+  width: auto;
+  height: 2.5rem;
 }
+
 .kssattr-fieldset-icons div#formfield-form-widgets-svg_icon .option label {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-size:14px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 14px;
+}
+
+.mb-ign-mode-liste-carte {
+  z-index: 0;
 }
-.mb-ign-mode-liste-carte{
-    z-index:0;
+
+.procedure a::after {
+  content: "\F135";
+  font-family: Bootstrap-icons;
+  margin-left: 0.5rem;
+  position: relative;
+  top: 3px;
 }

package/src/scss/_header.scss

@@ -1,16 +1,20 @@
 #portal-globalnav-wrapper {
   background: transparent;
 }
+
 .portaltype-imio-smartweb-portalpage #portal-breadcrumbs {
   display: none;
 }
+
 #portal-header {
   display: block;
   margin-top: 0;
   margin-bottom: 1.25rem;
-  @include media-breakpoint-up(md){
+
+  @include media-breakpoint-up(md) {
     position: relative;
   }
+
   #portal-header-top {
     @include media-breakpoint-down(lg) {
       justify-content: space-between;
@@ -20,13 +24,16 @@
     display: flex;
     align-items: center;
     padding: $header-top-padding;
+
     @if $header-center-nav {
       justify-content: space-between;
+
       #portal-globalnav-wrapper {
         margin-right: 0 !important;
       }
     }
-    &:after {
+
+    &::after {
       content: "";
       position: absolute;
       width: 100vw;
@@ -37,15 +44,18 @@
       z-index: -1;
       background: $header-top-background;
     }
+
     #portal-logo {
       max-width: $main-logo-max-width;
       margin-top: 0;
       width: 100%;
-      img, svg {
+
+      svg {
         max-width: 100%;
         height: 100%;
       }
     }
+
     #portal-globalnav-wrapper {
       margin: $header-nav-margin;
     }
@@ -54,26 +64,32 @@
       display: flex;
       align-items: center;
       gap: 26px;
+
       @include media-breakpoint-up(lg) {
         margin-left: auto;
       }
+
       @include media-breakpoint-down(lg) {
         order: -2;
       }
+
       #header-actions {
         @include media-breakpoint-down(lg) {
           display: none !important;
         }
       }
+
       a,
       span {
         color: $header-links-color;
       }
+
       .account {
         margin: $header-links-account-margin;
         padding: $header-links-account-padding;
         border: $header-links-account-border;
         background: $header-links-account-bg;
+
         &:hover,
         &:focus {
           border: $header-links-account-hover-border;
@@ -81,8 +97,10 @@
           color: $header-links-account-hover-color !important;
         }
       }
+
       #search-link {
         cursor: pointer;
+
         a {
           width: 46px;
           height: 46px;
@@ -91,7 +109,8 @@
           align-items: center;
           border: 1px solid #c1c1c1;
           border-radius: 50px;
-          &:before {
+
+          &::before {
             content: "";
             width: 14px;
             height: 14px;
@@ -116,19 +135,20 @@
 .mask-menu {
   position: fixed;
   z-index: 1;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   display: block;
   background-color: $nav-mask-background;
-  opacity: 0;
-  transition: opacity 0.05s, visibility 0s linear 0.25s;
+  opacity: 0%;
+  transition:
+    opacity 0.05s,
+    visibility 0s linear 0.25s;
   visibility: hidden;
 
   &.in {
-    opacity: 1;
-    transition: opacity 0.2s ease, visibility 0s;
+    opacity: 100%;
+    transition:
+      opacity 0.2s ease,
+      visibility 0s;
     visibility: visible;
   }
-}
+}

package/src/scss/_mixin.scss

@@ -1,50 +1,58 @@
 @mixin full-width {
-    content: "";
-    position: absolute;
-    width: 100vw;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    transform: translateX(-50vw);
-    z-index: -1;
+  content: "";
+  position: absolute;
+  width: 100vw;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50vw);
+  z-index: -1;
 }
 
 @mixin last-item-no-margin-bottom {
-    &:last-child {
-        margin-bottom: 0;
-    }
+  &:last-child {
+    margin-bottom: 0;
+  }
 }
+
 @mixin first-item-no-margin-top {
-    &:first-child {
-        margin-top: 0;
-    }
+  &:first-child {
+    margin-top: 0;
+  }
 }
+
 @mixin ul-rm-padding {
-    padding-left: 0;
+  padding-left: 0;
 }
+
 @mixin section-padding-top {
-    padding-top: map-get($section-padding, sm);
-    @include media-breakpoint-up(md) {
-        padding-top: map-get($section-padding, md);
-    }
-    @include media-breakpoint-up(lg) {
-        padding-top: map-get($section-padding, lg);
-    }
+  padding-top: map-get($section-padding, sm);
+
+  @include media-breakpoint-up(md) {
+    padding-top: map-get($section-padding, md);
+  }
+
+  @include media-breakpoint-up(lg) {
+    padding-top: map-get($section-padding, lg);
+  }
 }
+
 @mixin section-padding-bottom {
-    padding-bottom: map-get($section-padding, sm);
-    @include media-breakpoint-up(md) {
-        padding-bottom: map-get($section-padding, md);
-    }
-    @include media-breakpoint-up(lg) {
-        padding-bottom: map-get($section-padding, lg);
-    }
+  padding-bottom: map-get($section-padding, sm);
+
+  @include media-breakpoint-up(md) {
+    padding-bottom: map-get($section-padding, md);
+  }
+
+  @include media-breakpoint-up(lg) {
+    padding-bottom: map-get($section-padding, lg);
+  }
 }
 
 @mixin fit-cover {
-    position: absolute;
-    object-fit: cover;
-    width: 100%;
-    height: 100%;
-    object-position: top;
-}
+  position: absolute;
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+  object-position: top;
+}