diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index 0b542b5..28c051b 100644 --- a/web/themes/custom/reha/dist/bundle.js +++ b/web/themes/custom/reha/dist/bundle.js @@ -15,7 +15,7 @@ \********************/ /***/ (() => { -eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n\n ////////////// tiroir fichiers ///////\n\n $(\".profile--type--collaborateur\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").animate({translate:'90%'},350);\n });\n $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").animate({translate:'0%'},350);\n });\n \n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n adaptiveHeight: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); +eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n\n ////////////// tiroir fichiers ///////\n\n // $(\".profile--type--collaborateur\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'90%'},350);\n // });\n // $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'0%'},350);\n // });\n $(document).ready(function() {\n // Vérifier l'état initial depuis sessionStorage\n if (sessionStorage.getItem('asideOpened') === 'true') {\n $(\".layout-sidebar-second\").addClass('open');\n }\n\n $(\".profile--type--collaborateur\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").addClass('open');\n sessionStorage.setItem('asideOpened', 'true');\n });\n\n $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // Fermer .tiroir fichiers\n $(\".layout-sidebar-second\").removeClass('open');\n sessionStorage.setItem('asideOpened', 'false');\n });\n });\n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n adaptiveHeight: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); /***/ }), diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index d26389e..98e36f9 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -615,15 +615,14 @@ header #block-reha-views-block-current-user-block-block-1 .connected { } header #block-reha-views-block-current-user-block-block-1 .connected .connected-full { display: none; - right: -100%; - top: 36px; + right: -40%; position: absolute; background-color: rgb(255, 255, 255); width: 550px; height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); - padding: 5% 10% 110px 45%; + padding: 5% 10% 110px 20%; } @media (max-width: 500px) { header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre { @@ -941,6 +940,7 @@ aside.layout-sidebar-second h2 { transform: translateX(-50%) translateY(40vh) rotate(-90deg); text-transform: uppercase; font-weight: 400; + cursor: pointer; } aside.layout-sidebar-second h2::before { content: url("../../dist/images/noun-arrow-1569918-black.svg"); @@ -986,6 +986,15 @@ aside.layout-sidebar-second footer :hover { background-color: #fdc300; } +aside.layout-sidebar-second.open { + transform: translateX(90%); /* Par défaut ouvert */ + transition: transform 0.35s; +} + +aside.layout-sidebar-second { + transform: translateX(0%); +} + /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; @@ -1872,6 +1881,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div order: 4; font-size: 1.5rem; } +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { + display: inline; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { + content: ","; + padding-right: 0.5rem; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { + content: ""; +} .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { width: fit-content; margin: auto; @@ -2375,6 +2399,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-top: 0.5rem; font-size: 1.2rem; } +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { + display: inline; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { + content: ","; + padding-right: 0.5rem; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { + content: ""; +} .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links { order: 5; text-transform: uppercase; diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 2cd465c..842b6a8 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -79,15 +79,32 @@ jQuery(document).ready(function($){ ////////////// tiroir fichiers /////// - $(".profile--type--collaborateur").click(function(event) { - // Ouvrir .tiroir fichiers - $(".layout-sidebar-second").animate({translate:'90%'},350); - }); - $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { - // Ouvrir .tiroir fichiers - $(".layout-sidebar-second").animate({translate:'0%'},350); - }); - + // $(".profile--type--collaborateur").click(function(event) { + // // Ouvrir .tiroir fichiers + // $(".layout-sidebar-second").animate({translate:'90%'},350); + // }); + // $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { + // // Ouvrir .tiroir fichiers + // $(".layout-sidebar-second").animate({translate:'0%'},350); + // }); + $(document).ready(function() { + // Vérifier l'état initial depuis sessionStorage + if (sessionStorage.getItem('asideOpened') === 'true') { + $(".layout-sidebar-second").addClass('open'); + } + + $(".profile--type--collaborateur").click(function(event) { + // Ouvrir .tiroir fichiers + $(".layout-sidebar-second").addClass('open'); + sessionStorage.setItem('asideOpened', 'true'); + }); + + $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { + // Fermer .tiroir fichiers + $(".layout-sidebar-second").removeClass('open'); + sessionStorage.setItem('asideOpened', 'false'); + }); + }); }); diff --git a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss index 7489e93..0541a4e 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss +++ b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss @@ -116,6 +116,22 @@ .field--name-field-architecte{ order: 4; font-size: 1.5rem; + .field__items{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .field__item{ + display: inline; + &::after{ + content:','; + padding-right: 0.5rem; + } + + } + } + .field__item:last-of-type::after { + content: ''; + } } } } diff --git a/web/themes/custom/reha/scss/pages/node-site.scss b/web/themes/custom/reha/scss/pages/node-site.scss index 14c0162..e9abce9 100644 --- a/web/themes/custom/reha/scss/pages/node-site.scss +++ b/web/themes/custom/reha/scss/pages/node-site.scss @@ -124,6 +124,22 @@ order: 4; padding-top: 0.5rem; font-size: 1.2rem; + .field__items{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .field__item{ + display: inline; + &::after{ + content:','; + padding-right: 0.5rem; + } + + } + } + .field__item:last-of-type::after { + content: ''; + } } ul.links{ order: 5; diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss index f6ef3f9..1290206 100644 --- a/web/themes/custom/reha/scss/partials/_aside.scss +++ b/web/themes/custom/reha/scss/partials/_aside.scss @@ -44,6 +44,7 @@ aside.layout-sidebar-second{ transform: translateX(-50%) translateY(40vh) rotate(-90deg); text-transform: uppercase; font-weight: 400; + cursor: pointer; &::before{ content:url('../../dist/images/noun-arrow-1569918-black.svg'); display: inline-block; @@ -95,4 +96,13 @@ aside.layout-sidebar-second{ background-color: $yellow-puca; } } + + +} +aside.layout-sidebar-second.open { + transform: translateX(90%); /* Par défaut ouvert */ + transition: transform 0.35s; +} +aside.layout-sidebar-second { + transform: translateX(0%); } \ No newline at end of file diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index bb1ab12..0f6eb8c 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -359,15 +359,15 @@ header{ position: relative; .connected-full{ display: none; - right:-100%; - top: 36px; // Positionnez-les sous les boutons + right:-40%; + // top: 36px; position: absolute; background-color: $white-header; width: $width-menu-slidedown; height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); - padding: 5% 10% $header-height 45%; + padding: 5% 10% $header-height 20%; .titre{ @media (max-width:500px) { font-size: 1.4rem; diff --git a/web/themes/custom/reha/templates/paragraph--partenaire--complet.html.twig b/web/themes/custom/reha/templates/paragraph.html.twig similarity index 100% rename from web/themes/custom/reha/templates/paragraph--partenaire--complet.html.twig rename to web/themes/custom/reha/templates/paragraph.html.twig