tiroir fichiers

web/themes/custom/reha/dist/css/bundle.css

@@ -2,7 +2,7 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
 .next-site,
 .prev-site, .page-programme .field--type-link {
   text-transform: uppercase;
@@ -13,7 +13,7 @@
   font-size: 0.9rem;
 }
 @media (max-width: 891px) {
-  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link,
   .next-site,
   .prev-site, .page-programme .field--type-link {
     font-size: 1rem;
@@ -924,6 +924,61 @@ input {
   width: fit-content;
 }
 
+aside.layout-sidebar-second {
+  overflow: scroll;
+  padding-top: 110px;
+  z-index: 98;
+  padding-left: 2rem;
+}
+aside.layout-sidebar-second h2 {
+  transform: translateX(-50%) translateY(45vh) rotate(-90deg);
+  text-transform: uppercase;
+  font-weight: 400;
+}
+aside.layout-sidebar-second h2::before {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  display: inline-block;
+  transform: translateY(5px) rotate(90deg);
+}
+aside.layout-sidebar-second .view-current-user-doc-profile {
+  padding: 0 2rem;
+}
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site {
+  font-size: 2rem;
+  font-weight: 900;
+  display: flex;
+  justify-content: space-between;
+}
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site::after {
+  content: url(../images/noun-cross-1151731.svg);
+  cursor: pointer;
+}
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage {
+  text-transform: uppercase;
+  display: flex;
+  flex-direction: column;
+}
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before {
+  content: url("../../dist/images/noun-file-6880430.svg");
+  display: inline-block;
+  width: 70px;
+  height: auto;
+  align-items: center;
+}
+aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item {
+  width: 75%;
+  align-self: flex-end;
+  padding-right: 2rem;
+}
+aside.layout-sidebar-second footer {
+  width: fit-content;
+  padding: 0.3rem;
+  font-weight: 400;
+}
+aside.layout-sidebar-second footer :hover {
+  background-color: #fdc300;
+}
+
 /* Slider */
 .slick-loading .slick-list {
   background: #fff url("./ajax-loader.gif") center center no-repeat;
@@ -2210,7 +2265,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   flex-direction: row;
   grid-column: 5/span 7;
   grid-row: 1;
-  z-index: 99;
+  z-index: 97;
   height: fit-content;
   align-self: end;
 }

web/themes/custom/reha/dist/images/noun-file-6880430.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   viewBox="-5.0 -10.0 110.0 135.0"
+   id="svg4"
+   sodipodi:docname="noun-file-6880430.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="namedview4"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showguides="false"
+     inkscape:zoom="4.3264459"
+     inkscape:cx="46.92073"
+     inkscape:cy="50.850052"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     id="rect4"
+     style="fill:#ffffff;fill-rule:evenodd;stroke-width:2.01356;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     d="M 9.953125 21.921875 C 9.1221258 21.921875 8.453125 22.590876 8.453125 23.421875 L 8.453125 76.574219 C 8.453125 77.405218 9.1221258 78.074219 9.953125 78.074219 L 72.722656 78.074219 L 72.625 79.849609 L 84.396484 79.849609 L 92.318359 43.267578 L 90.849609 41.462891 L 79.347656 41.462891 L 79.347656 23.421875 C 79.347656 22.590876 78.678655 21.921875 77.847656 21.921875 L 9.953125 21.921875 z " />
+  <g
+     id="g3">
+    <path
+       d="m92.699 41.387c-0.875-1.0742-2.1875-1.6992-3.5742-1.6992h-8.5117v-15.961c0-2.7227-2.207-4.9258-4.9258-4.9297h-64.508c-2.7227 0.003906-4.9258 2.207-4.9297 4.9297v50.238c0.003906 3.9922 3.2422 7.2305 7.2344 7.2344 9.7305 0.015625 60.414-0.011719 69.188 0 2.2031-0.003907 4.1016-1.5547 4.5508-3.7109l6.4375-32.254v-0.003906c0.27344-1.3594-0.078125-2.7695-0.96094-3.8438zm-83.324 32.578v-50.238c0-0.99609 0.80859-1.8047 1.8047-1.8047h64.508c0.99609 0 1.8008 0.80859 1.8008 1.8047v15.961h-30.984c-0.39844 0.003906-0.78516-0.15234-1.0703-0.4375-0.28516-0.28125-0.44141-0.66797-0.4375-1.0703-0.003906-2.5586-2.0781-4.6328-4.6367-4.6367h-17.82c-0.74219 0-1.3828 0.52344-1.5312 1.2539l-8.7578 43.066c-1.7031-0.53516-2.8672-2.1133-2.875-3.8984zm81.219-29.348-6.4336 32.25c-0.14844 0.70312-0.76953 1.207-1.4883 1.207-2.2852-0.003907-8.8711 0-11.254 0h-56.02l8.418-41.406h16.543c0.83203 0 1.5078 0.67578 1.5117 1.5117 0.003906 2.5586 2.0742 4.6328 4.6328 4.6328h42.621c0.44922 0.007812 0.87109 0.21484 1.1562 0.5625 0.28125 0.34766 0.39844 0.80469 0.3125 1.2422z"
+       id="path1" />
+    <path
+       d="m46.301 62.312h-14.902c-0.85156 0.015625-1.5352 0.71094-1.5352 1.5625s0.68359 1.5469 1.5352 1.5625h14.902c0.85156-0.015625 1.5312-0.71094 1.5312-1.5625s-0.67969-1.5469-1.5312-1.5625z"
+       id="path2" />
+    <path
+       d="m46.301 68.562h-14.902c-0.85156 0.015625-1.5352 0.71094-1.5352 1.5625s0.68359 1.5469 1.5352 1.5625h14.902c0.85156-0.015625 1.5312-0.71094 1.5312-1.5625s-0.67969-1.5469-1.5312-1.5625z"
+       id="path3" />
+  </g>
+</svg>

web/themes/custom/reha/js/reha.js

@@ -76,6 +76,18 @@ jQuery(document).ready(function($){
     $("#edit-field-dossier-de-candidature-0--description>ul.main").slideToggle();
   });
 
+
+    ////////////// 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);
+    });
+
 });
 
 

web/themes/custom/reha/scss/pages/node-site.scss

@@ -20,7 +20,7 @@
             flex-direction: row;
             grid-column: 5 /span 7;
             grid-row: 1;   
-            z-index: 99;  
+            z-index: 97;  
             height: fit-content;
             align-self: end;
         }

web/themes/custom/reha/scss/partials/_aside.scss

@@ -31,4 +31,68 @@
     }
 
    
+}
+
+////// tiroirs fichers
+
+aside.layout-sidebar-second{
+    overflow: scroll;
+    padding-top: $header-height;
+    z-index: 98;
+    padding-left: 2rem;
+    h2{
+        transform: translateX(-50%) translateY(45vh) rotate(-90deg);
+        text-transform: uppercase;
+        font-weight: 400;
+        &::before{
+            content:url('../../dist/images/noun-arrow-1569918-black.svg');
+            display: inline-block;
+            transform: translateY(5px) rotate(90deg);
+        }
+    }
+    .view-current-user-doc-profile{
+        padding: 0 2rem ;
+    }
+    .profile--type--collaborateur{
+        .field--name-field-site{
+            font-size: 2rem;
+            font-weight: 900;
+            display: flex;
+            justify-content: space-between;
+            &::after{
+                content: url(../images/noun-cross-1151731.svg);
+                cursor: pointer;
+            }
+        }
+        .field--name-field-dossier-de-pilotage{
+            text-transform: uppercase;
+            display: flex;
+            flex-direction: column;
+
+            > div:nth-child(1)::before{
+                content: url('../../dist/images/noun-file-6880430.svg');
+                display: inline-block;
+                width: 70px;
+                height: auto;
+                // align-content: center;
+         
+                align-items: center;
+            }
+            .field__item{
+                width: 75%;
+                align-self: flex-end;
+                padding-right: 2rem;
+
+            }
+        }
+    }  
+    footer{
+        @extend %buttonwithborder;
+        width: fit-content;
+        padding: 0.3rem;
+        font-weight: 400;
+        :hover{
+            background-color: $yellow-puca;
+        }
+    }  
 }