bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tiroir fichiers

Browse Source
This commit is contained in:
ouidade
2024-06-25 12:45:18 +02:00
parent ed75c51849
commit 3e9cf18246
6 changed files with 185 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/bundle.js
Vendored
+1 -1
View File
@@ -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\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\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?");
/***/ }),
web/themes/custom/reha/dist/css/bundle.css
Vendored
+58 -3
View File
@@ -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
Vendored
+49
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

web/themes/custom/reha/js/reha.js
+12
View File
@@ -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
+1 -1
View File
@@ -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
+64
View File
@@ -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;
}
}
}