added date display for episodes

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%;

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;
+                  }
+                }
 							}
 						}
 					}

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"=>"<span class='date'>",
+  //   "#suffix"=>"</span>"
+  // );
+  $vars['content']['title_field'][0]['#markup'] .= "<span class='date'>".format_date($transition->scheduled, 'custom', "d F Y")."</span>";
+}
+
+
 $vars["classes_array"][] = "node-".$node->nid;

sites/all/themes/figureslibres/clameurs/templates/node.tpl.php

@@ -106,6 +106,7 @@
       print render($content);
     ?>
   </div>
+
   <?php //print render($content['links']); ?>