bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

page ressources slider

Browse Source
This commit is contained in:
armansansd
2021-08-11 12:36:27 +02:00
parent 9b9c9397f4
commit f221420e15
7 changed files with 470 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
web/themes/custom/popsu/css/styles.css
View File

@@ -1827,6 +1827,41 @@ footer {
.path-centre-de-ressources {
background-color: #eff2f9; }
.path-centre-de-ressources .programme-1 {
color: #4dabc1; }
.path-centre-de-ressources .programme-1 .views-field-field-programme .field-content {
background: #4dabc1;
color: white; }
.path-centre-de-ressources .programme-2 {
color: #61ab32; }
.path-centre-de-ressources .programme-2 .views-field-field-programme .field-content {
background: #61ab32;
color: white; }
.path-centre-de-ressources .programme-3 {
color: #646578; }
.path-centre-de-ressources .programme-3 .views-field-field-programme .field-content {
background: #646578;
color: white; }
.path-centre-de-ressources .programme-4 {
color: #28429f; }
.path-centre-de-ressources .programme-4 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources .programme-5 {
color: #ab9569; }
.path-centre-de-ressources .programme-5 .views-field-field-programme .field-content {
background: #ab9569;
color: white; }
.path-centre-de-ressources .programme-6 {
color: #e01a35; }
.path-centre-de-ressources .programme-6 .views-field-field-programme .field-content {
background: #e01a35;
color: white; }
.path-centre-de-ressources .programme-7 {
color: #28429f; }
.path-centre-de-ressources .programme-7 .views-field-field-programme .field-content {
background: #28429f;
color: white; }
.path-centre-de-ressources main {
flex: 0 0 100%;
max-width: 100%; }
@@ -1834,36 +1869,94 @@ footer {
margin-bottom: 0; }
.path-centre-de-ressources header .slick-slide {
margin: 0 1rem; }
.path-centre-de-ressources header .slick-slide .views-row {
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) {
display: grid !important;
grid-template-columns: 1fr;
background-color: white;
position: relative;
height: auto; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-image {
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1;
padding-top: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row .views-field:not(.views-field-field-image) {
background: blue;
width: 50%;
margin-left: 1rem;
padding-left: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-title {
padding-bottom: 1rem;
grid-column: 1;
grid-row: 3;
font-weight: 600; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-view-node {
padding-top: 1rem;
grid-column: 1;
grid-row: 1; }
.path-centre-de-ressources header .slick-slide .views-row .views-field-field-programme {
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-image img {
width: 100%; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme {
grid-row: 1 / span 1;
grid-column: 1 / span 2; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase;
grid-column: 1;
grid-row: 2; }
.path-centre-de-ressources header .slick-slide .views-row a {
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-title {
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .views-row:not(.type-74) a {
text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 {
display: grid !important;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources header .slick-slide .type-74 a {
text-decoration: none; }
.path-centre-de-ressources header .slick-slide .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-image img {
width: 80%; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources header .slick-slide .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources header .slick-arrow {
position: absolute;
height: 100%;
@@ -1895,8 +1988,10 @@ footer {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-programme {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page {
.path-centre-de-ressources form .form-item-field-collections-target-id {
grid-column-start: 2; }
.path-centre-de-ressources form .form-item-items-per-page {
grid-column-start: 3; }
.path-centre-de-ressources form select, .path-centre-de-ressources form input {
display: inline-block;
width: auto;
@@ -1927,54 +2022,94 @@ footer {
align-items: flex-start; }
.path-centre-de-ressources .views-view-grid .views-row .views-col:first-child {
grid-column-start: 2; }
.path-centre-de-ressources .views-view-grid .views-col {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) {
display: grid;
grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources .views-view-grid .views-col a {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a {
text-decoration: none; }
.path-centre-de-ressources .views-view-grid .views-col a:hover {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) a:hover {
text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field:not(:first-child) {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-image {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme {
grid-row: 1 / span 1;
grid-column: 1 / span 2; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-programme .field-content {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme .field-content {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-type-de-ressource {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
grid-row: 2 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-title {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-title {
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-sous-titre {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-sous-titre {
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .views-col .views-field-field-theme {
.path-centre-de-ressources .views-view-grid .views-col:not(.type-74) .views-field-field-theme {
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: 0.45rem; }
.path-centre-de-ressources .views-view-grid .type-74 {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
background-color: white;
width: 100% !important;
padding: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 a {
text-decoration: none; }
.path-centre-de-ressources .views-view-grid .type-74 a:hover {
text-decoration: underline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field:not(:first-child) {
padding: 0 0 0 .4rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-image {
grid-row: 2; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme {
grid-row: 1 / span 1; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme .field-content {
color: black; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-type-de-ressource {
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: 0.45rem;
margin-top: .3rem; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-title {
font-style: italic; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-sous-titre {
margin-bottom: 1rem;
align-self: baseline; }
.path-centre-de-ressources .views-view-grid .type-74 .views-field-field-theme {
font-size: 0.45rem;
text-align: right; }
.path-centre-de-ressources .js-pager__items {
text-align: center; }
@@ -2267,10 +2402,11 @@ article p, .paragraph p {
.page-node-type-programme .block-region-third .views-field a:hover {
text-decoration: underline; }
.page-node-type-programme article {
font-size: 0.45rem; }
.page-node-type-programme article h2:first-child {
display: none; }
.page-node-type-programme article h2:first-child {
display: none; }
.page-node-type-programme article .body {
font-size: 0.8rem; }
.page-node-type-programme .block-region-bottom {
background: url(../images/motif_croix.svg); }

2
web/themes/custom/popsu/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/js/main.js
View File

File diff suppressed because one or more lines are too long

5
web/themes/custom/popsu/lib/script.js
View File

@@ -72,7 +72,7 @@ $(function(){
slidesToShow: 1,
slidesToScroll: 1,
centerMode: true,
// centerPadding: '60px'
centerPadding: '100px'
});
}
@@ -114,9 +114,6 @@ $(function(){
//console.log("squik")
$("#home_map_container").fadeIn();
}
}
if($('.page-node-type-programme').length > 0){

54
web/themes/custom/popsu/popsu.theme
View File

@@ -38,11 +38,12 @@ function popsu_preprocess_field(&$variables){
// $items = &$variables['items'];
if (isset($element['#field_name'])) {
// kint($element['#field_name']);
if ($element['#field_name'] == 'field_sous_parties') {
$variables['attributes']['class'][] = $element['#field_name'];
// if ($element['#field_name'] == 'field_sous_parties') {
// ['attributes'] = new Attribute();
// $variables['classes_array'][] = 'field_sous_parties';
// kint($variables);
}
// }
}
}
@@ -66,6 +67,11 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
$c = $entity->get('field_programme')->getString();
$variables['rows'][$id]['attributes'] = new Attribute();
$variables['rows'][$id]['attributes']->addClass("programme-".$c);
if ($entity->hasField('field_type_de_ressource') && $entity->get('field_type_de_ressource')->getString() == "74" ) {
$type = $entity->get('field_type_de_ressource')->getString();
// $variables['rows'][$id]['attributes'] = new Attribute();
$variables['rows'][$id]['attributes']['class'][] = "type-".$type;
}
}
}else if(isset($row['content']['#node'])){
$r = $row['content']['#node'];
@@ -79,43 +85,9 @@ function popsu_preprocess_views_view_unformatted(&$variables) {
}
// foreach ($row['#rows'] as $j => &$elem) {
// $entity = $elem["#row"]->_entity;
// if ($entity->hasField('field_programme')) {
// $prog_id = $entity->get('field_programme')->getString();
// kint($prog_id);die();
// $class = "programme-".$prog_id;
// // $elem["#row"]['attributes']["class"] = $class;
// // $attributes = array(
// // "class" => $class
// // );
// }
// }
// kint($rows);die();
// $variables['rows'][$id]['attributes'] = new Attribute();
// $c = $variables['rows'][$id]['content']["#row"]->nid;
// $variables['rows'][$id]['attributes']->addClass("programme-".$c);
}
}
// $storage = $view->storage;
// if(isset($storage['css_class'])){
// kint($storage);die();
// $rows = &$variables['rows'];
// foreach ( $rows as $i => &$row ){
// foreach ($row['#rows'] as $j => &$elem) {
// $entity = $elem["#row"]->_entity;
// if ($entity->hasField('field_programme')) {
// $prog_id = $entity->get('field_programme')->getString();
// $class = "programme-".$prog_id;
// // $elem["#row"]['attributes']["class"] = $class;
// // $attributes = array(
// // "class" => $class
// // );
// }
// }
// }
// }
};
@@ -153,12 +125,16 @@ function popsu_preprocess_views_view_grid(&$variables){
$entity->getEntityTypeId().'-'.$entity->bundle(),
$entity->getEntityTypeId().'-'.$entity->bundle().'-'.$entity->id(),
);
// kint($entity);die();
// if field_programme exists, add a class
if ($entity->hasField('field_programme')) {
$prog_id = $entity->get('field_programme')->getString();
$classes[] = "programme-".$prog_id;
}
if ($entity->hasField('field_type_de_ressource')) {
$type = $entity->get('field_type_de_ressource')->getString();
$classes[] = "type-".$type;
}
// add the classes to the column
// Drupal\Core\Template\Attribute

5
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@@ -220,10 +220,13 @@
}
article{
font-size: $font-small;
// font-size: $font-small;
h2:first-child{
display: none;
}
.body{
font-size: $font-medium;
}
}
.block-region-bottom{
background: $trame;

297
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@@ -1,4 +1,73 @@
.path-centre-de-ressources{
//colo programme
.programme-1{
color: $col-1;
.views-field-field-programme{
.field-content{
background: $col-1;
color:white;
}
}
}
.programme-2{
color: $col-2;
.views-field-field-programme{
.field-content{
background: $col-2;
color:white;
}
}
}
.programme-3{
color: $col-eur;
.views-field-field-programme{
.field-content{
background: $col-eur;
color:white;
}
}
}
.programme-4{
color: $col-met;
.views-field-field-programme{
.field-content{
background: $col-met;
color:white;
}
}
}
.programme-5{
color: $col-mond;
.views-field-field-programme{
.field-content{
background: $col-mond;
color:white;
}
}
}
.programme-6{
color: $col-ter;
.views-field-field-programme{
.field-content{
background: $col-ter;
color:white;
}
}
}
.programme-7{
color: $col-met;
.views-field-field-programme{
.field-content{
background: $col-met;
color:white;
}
}
}
/// end colo
main{
flex: 0 0 100%;
max-width: 100%;
@@ -8,46 +77,148 @@
margin-bottom: 0;
.slick-slide{
margin: 0 1rem;
.views-row{
.views-row:not(.type-74){
display: grid !important;
grid-template-columns: 1fr;
background-color: rgb(255, 255, 255);
// flex-direction: column;
// flex-direction: column-reverse;
position: relative;
height: auto;
.views-field-field-image{
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1;
padding-top: 1rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field:not(.views-field-field-image){
background: blue;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
.views-field-field-image{
grid-row: 3 / span 2;
margin-top: -1.5rem;
img{
width: 100%;
}
}
.views-field-field-programme{
grid-row: 1 / span 1;
grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
}
}
.views-field-title{
padding-bottom: 1rem;
grid-column: 1;
grid-row: 3;
font-weight: 600;
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-view-node{
padding-top: 1rem;
grid-column: 1;
grid-row: 1;
}
.views-field-field-programme{
.views-field-field-type-de-ressource{
text-transform: uppercase;
grid-column: 1;
grid-row: 2;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
grid-row: 2 / span 1;
grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
grid-row: 3 / span 1;
grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
grid-row: 4 / span 1;
grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: $font-small;
}
a{
text-decoration: none;
}
}
.type-74{
display: grid !important;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important;
padding: .3rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 2;
img{
width: 80%;
}
// margin-top: -1.5rem;
}
.views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
}
}
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
// grid-row: 2 / span 1;
// grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
// grid-row: 3 / span 1;
// grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
// grid-row: 4 / span 1;
// grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
// grid-row: 5 / span 1;
// grid-column: 1 / span 2;
font-size: $font-small;
text-align: right;
}
}
}
.slick-arrow{
position: absolute;
@@ -95,9 +266,12 @@
grid-column-start: 2;
}
.form-item-items-per-page{
.form-item-field-collections-target-id{
grid-column-start: 2;
}
.form-item-items-per-page{
grid-column-start: 3;
}
select, input{
display: inline-block;
width: auto;
@@ -142,7 +316,7 @@
grid-column-start: 2;
}
}
.views-col{
.views-col:not(.type-74){
display: grid;
grid-template-columns: 40% 60%;
grid-auto-rows: min-content;
@@ -209,6 +383,77 @@
grid-row: 5 / span 1;
grid-column: 1 / span 2;
font-size: $font-small;
}
}
.type-74{
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
a{
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
background-color: rgb(255, 255, 255);
// background-clip: content-box;
width: 100% !important;
padding: .3rem;
.views-field:not(:first-child){
padding: 0 0 0 .4rem;
}
.views-field-field-image{
grid-row: 2;
// margin-top: -1.5rem;
}
.views-field-field-programme{
grid-row: 1 / span 1;
// grid-column: 1 / span 2;
.field-content{
font-weight: 600;
display: inline-block;
width: auto;
color: white;
padding: .15rem .3rem;
margin-bottom: 1rem;
}
}
.views-field-field-theme{
.field-content{
color:black;
}
}
.views-field-field-type-de-ressource{
text-transform: uppercase;
font-weight: 600;
margin-bottom: .5rem;
font-size: $font-small;
margin-top: .3rem;
// grid-row: 2 / span 1;
// grid-column: 2 / span 1;
}
.views-field-title{
font-style: italic;
// grid-row: 3 / span 1;
// grid-column: 2 / span 1;
}
.views-field-field-sous-titre{
margin-bottom: 1rem;
// grid-row: 4 / span 1;
// grid-column: 2 / span 1;
align-self: baseline;
}
.views-field-field-theme{
// grid-row: 5 / span 1;
// grid-column: 1 / span 2;
font-size: $font-small;
text-align: right;
}
}