From 931491e0f94709631b2221c9d0518429f29684ba Mon Sep 17 00:00:00 2001 From: Bachir Soussi Chiadmi Date: Thu, 9 Mar 2017 17:07:59 +0100 Subject: [PATCH] added date display for episodes --- .../clameurs/css/dist/styles.css | 29 ++++++++++++++----- .../figureslibres/clameurs/css/styles.scss | 16 ++++++++-- .../clameurs/preprocess/node.pre.php | 17 ++++++++++- .../clameurs/templates/node.tpl.php | 1 + 4 files changed, 53 insertions(+), 10 deletions(-) diff --git a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css index eeb2af55..7abeaeed 100755 --- a/sites/all/themes/figureslibres/clameurs/css/dist/styles.css +++ b/sites/all/themes/figureslibres/clameurs/css/dist/styles.css @@ -227,7 +227,8 @@ input { .node-thematique.node-32 .node-documentair .field-name-field-doc, .node-thematique.node-32 .node-documentair .field-name-title-field, .node-thematique.node-32 .field-name-field-episodes .field-label, - .node-thematique.node-32 .node-episode .field-name-title-field { + .node-thematique.node-32 .node-episode .field-name-title-field, + .node-thematique.node-32 .node-episode span.date { color: #2f82ff; } .node-thematique.node-32 .field-name-body .summary { border-left-color: #2f82ff; } @@ -239,7 +240,8 @@ input { .node-thematique.node-14 .node-documentair .field-name-field-doc, .node-thematique.node-14 .node-documentair .field-name-title-field, .node-thematique.node-14 .field-name-field-episodes .field-label, - .node-thematique.node-14 .node-episode .field-name-title-field { + .node-thematique.node-14 .node-episode .field-name-title-field, + .node-thematique.node-14 .node-episode span.date { color: #ff0000; } .node-thematique.node-14 .field-name-body .summary { border-left-color: #ff0000; } @@ -251,7 +253,8 @@ input { .node-thematique.node-38 .node-documentair .field-name-field-doc, .node-thematique.node-38 .node-documentair .field-name-title-field, .node-thematique.node-38 .field-name-field-episodes .field-label, - .node-thematique.node-38 .node-episode .field-name-title-field { + .node-thematique.node-38 .node-episode .field-name-title-field, + .node-thematique.node-38 .node-episode span.date { color: #88aa00; } .node-thematique.node-38 .field-name-body .summary { border-left-color: #88aa00; } @@ -263,7 +266,8 @@ input { .node-thematique.node-3 .node-documentair .field-name-field-doc, .node-thematique.node-3 .node-documentair .field-name-title-field, .node-thematique.node-3 .field-name-field-episodes .field-label, - .node-thematique.node-3 .node-episode .field-name-title-field { + .node-thematique.node-3 .node-episode .field-name-title-field, + .node-thematique.node-3 .node-episode span.date { color: #ff6600; } .node-thematique.node-3 .field-name-body .summary { border-left-color: #ff6600; } @@ -275,7 +279,8 @@ input { .node-thematique.node-20 .node-documentair .field-name-field-doc, .node-thematique.node-20 .node-documentair .field-name-title-field, .node-thematique.node-20 .field-name-field-episodes .field-label, - .node-thematique.node-20 .node-episode .field-name-title-field { + .node-thematique.node-20 .node-episode .field-name-title-field, + .node-thematique.node-20 .node-episode span.date { color: #ff2ad4; } .node-thematique.node-20 .field-name-body .summary { border-left-color: #ff2ad4; } @@ -287,7 +292,8 @@ input { .node-thematique.node-26 .node-documentair .field-name-field-doc, .node-thematique.node-26 .node-documentair .field-name-title-field, .node-thematique.node-26 .field-name-field-episodes .field-label, - .node-thematique.node-26 .node-episode .field-name-title-field { + .node-thematique.node-26 .node-episode .field-name-title-field, + .node-thematique.node-26 .node-episode span.date { color: #8800aa; } .node-thematique.node-26 .field-name-body .summary { border-left-color: #8800aa; } @@ -517,7 +523,8 @@ input { padding: 5%; background-color: rgba(255, 255, 255, 0.9); opacity: 1; - transition: opacity,background-color 0.3s ease-in-out; } + transition: opacity,background-color 0.3s ease-in-out; + z-index: 11; } .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode .content .group-txt .field-name-title-field { font-size: 4em; font-weight: 300; @@ -547,6 +554,14 @@ input { z-index: 10; background-color: #fff; opacity: 0.8; } + .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content .field-name-title-field { + font-size: 3em; } + .node-thematique .content aside.bottom .field-name-field-episodes > .field-items > .field-item .node-episode.en_attente > .content .field-name-title-field span.date { + display: block; + font-size: 0.3em; + font-weight: 500; + font-style: normal; + padding-top: 0.3em; } #DOMWindow .embedded-video, #DOMWindow .player, #DOMWindow iframe { width: 100%; diff --git a/sites/all/themes/figureslibres/clameurs/css/styles.scss b/sites/all/themes/figureslibres/clameurs/css/styles.scss index c950c67d..9f7bb112 100755 --- a/sites/all/themes/figureslibres/clameurs/css/styles.scss +++ b/sites/all/themes/figureslibres/clameurs/css/styles.scss @@ -337,7 +337,8 @@ $header_height_large:400px; .node-documentair .field-name-field-doc, .node-documentair .field-name-title-field, .field-name-field-episodes .field-label, - .node-episode .field-name-title-field{color: $coul;} + .node-episode .field-name-title-field, + .node-episode span.date{color: $coul;} .field-name-body .summary{ border-left-color: $coul; @@ -663,7 +664,7 @@ $header_height_large:400px; .node-episode{ .content{ position: relative; - .group-txt{ + .group-txt{ cursor: pointer; pointer-events: none; box-sizing: border-box; position:absolute; z-index: 2; overflow: hidden; @@ -672,6 +673,7 @@ $header_height_large:400px; background-color: rgba(255, 255, 255, 0.9); opacity: 1; transition:opacity,background-color 0.3s ease-in-out; + z-index: 11; .field-name-title-field{ font-size: 4em; font-weight: 300; @@ -703,6 +705,16 @@ $header_height_large:400px; background-color: #fff; opacity: 0.8; } + .field-name-title-field{ + font-size: 3em; + span.date{ + display: block; + font-size: 0.3em; + font-weight: 500; + font-style: normal; + padding-top: 0.3em; + } + } } } } diff --git a/sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php b/sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php index 36df3e51..5b3d8a03 100755 --- a/sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php +++ b/sites/all/themes/figureslibres/clameurs/preprocess/node.pre.php @@ -34,9 +34,24 @@ if($node->workflow == 3){ $scheduled_transitions = WorkflowScheduledTransition::load('node', $node->nid, NULL, 1); $transition = false; if(count($scheduled_transitions)){ - // dsm($scheduled_transitions, "scheduled_transitions"); + // if($node->type == "episode"){ + // dsm($scheduled_transitions, "scheduled_transitions"); + // } $transition = $scheduled_transitions[0]; } $vars['wf_stamp'] = $transition ? $transition->scheduled : false; +if($node->type == "episode" && $transition){ + // dsm($transition, "transition"); + // dsm($vars['content'], "content"); + // $vars['content']['transition'] = array( + // "#type"=> "markup", + // "#markup"=> format_date($transition->scheduled, 'custom', "d F Y"), + // "#prefix"=>"", + // "#suffix"=>"" + // ); + $vars['content']['title_field'][0]['#markup'] .= "".format_date($transition->scheduled, 'custom', "d F Y").""; +} + + $vars["classes_array"][] = "node-".$node->nid; diff --git a/sites/all/themes/figureslibres/clameurs/templates/node.tpl.php b/sites/all/themes/figureslibres/clameurs/templates/node.tpl.php index 493f83b7..a9d20714 100644 --- a/sites/all/themes/figureslibres/clameurs/templates/node.tpl.php +++ b/sites/all/themes/figureslibres/clameurs/templates/node.tpl.php @@ -106,6 +106,7 @@ print render($content); ?> +