From 261f3aa09ab8c0dc1087bc14f107fae66e4706a3 Mon Sep 17 00:00:00 2001
From: Leonardo Merlin <leonardo.merlin@serpro.gov.br>
Date: Fri, 25 Sep 2015 11:26:00 -0300
Subject: [PATCH] fix: show featured event into main area

---
 src/app/pages/inicio/inicio.controller.js | 11 ++++++++++-
 src/app/pages/inicio/inicio.html          | 18 ++++++++++++------
 src/app/pages/inicio/inicio.scss          |  4 ++--
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/app/pages/inicio/inicio.controller.js b/src/app/pages/inicio/inicio.controller.js
index 3070428..98d9817 100644
--- a/src/app/pages/inicio/inicio.controller.js
+++ b/src/app/pages/inicio/inicio.controller.js
@@ -79,7 +79,7 @@
     vm.DialogaService.getEvents().then(function(data) {
       vm.$log.debug('getEvents.success', data);
       vm.events = data.articles;
-
+      vm.featuredEvent = vm.events[0];
     }, function(error) {
       vm.$log.debug('Error on getEvents.', error);
       vm.eventsError = error;
@@ -165,6 +165,15 @@
     vm.article.videoIsLoaded = true;
   };
 
+  InicioPageController.prototype.showEventVideo = function() {
+    var vm = this;
+
+    hideBackground(0); // force to hide
+
+    vm.featuredEvent.canView = true;
+    vm.featuredEvent.bodyTrusted = vm.$sce.trustAsHtml(vm.featuredEvent.body);
+  };
+
   InicioPageController.prototype.submitSearch = function() {
     var vm = this;
 
diff --git a/src/app/pages/inicio/inicio.html b/src/app/pages/inicio/inicio.html
index 78ac812..a9206a9 100644
--- a/src/app/pages/inicio/inicio.html
+++ b/src/app/pages/inicio/inicio.html
@@ -5,7 +5,12 @@
         <div class="col-md-8" ng-class="{'col-md-offset-2': !pageInicio.featuredEvent}">
           <div class="video-player js-youtube">
             <div class="embed-responsive embed-responsive-16by9">
-              <div class="js-iframe" ng-if="pageInicio.article.videoIsLoaded" ng-bind-html="pageInicio.article.abstractTrusted"></div>
+              <div ng-if="!pageInicio.featuredEvent || !pageInicio.featuredEvent.canView">
+                <div class="js-iframe" ng-if="pageInicio.article.videoIsLoaded" ng-bind-html="pageInicio.article.abstractTrusted"></div>
+              </div>
+              <div ng-if="pageInicio.featuredEvent && pageInicio.featuredEvent.canView">
+                <div class="js-iframe" ng-bind-html="pageInicio.featuredEvent.bodyTrusted"></div>
+              </div>
               <div class="video-background" ng-click="pageInicio.showVideo()">
                 <div class="video-thumbnail" aria-hidden="true" style="background-image:url(/assets/images/youtube-background.png)"></div>
                 <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
@@ -22,15 +27,16 @@
                 <h2 class="box-title">Bate papo com <b>MINISTROS/AS</b></h2>
               </div>
               <div class="box-middle col-xs-12 col-sm-4 col-md-12">
-                <div class="video" style="background-image: url(/assets/images/event-video-area.png)">
+                <div class="video"
+                ng-style="{'background-image': 'url(' + pageInicio.featuredEvent.image.url + ')'}"
+                ng-click="pageInicio.showEventVideo()"
+                >
                 </div>
               </div>
               <div class="box-bottom col-xs-12 col-sm-4 col-md-12">
-                <div class="date">DD/MM/YYYY</div>
+                <div class="date">{{pageInicio.featuredEvent.start_date | date : "dd/MM/yyyy"}}</div>
                 <div class="live">AO VIVO</div>
-                <p>
-                  Lorem ipsum dolor sit amet, mei at facete constituto partiendo et.
-                </p>
+                <div class="description" ng-bind-html="pageInicio.featuredEvent.abstract"></div>
               </div>
               <div class="clearfix"></div>
             </div>
diff --git a/src/app/pages/inicio/inicio.scss b/src/app/pages/inicio/inicio.scss
index 3d58eec..f407ddd 100644
--- a/src/app/pages/inicio/inicio.scss
+++ b/src/app/pages/inicio/inicio.scss
@@ -53,9 +53,9 @@
             padding: 0;
 
             .video {
+                cursor: pointer;
                 width: 100%;
                 min-height: 125px;
-                background-color: #4A4A0E;
                 background-size: cover;
                 background-position: center;
             }
@@ -84,7 +84,7 @@
                 border-radius: 20px;
             }
 
-            p { padding: 10px 0;}
+            .description { padding: 10px 0;}
         }
 
         @media screen and (min-width: $screen-lg) {
--
libgit2 0.21.2