Download as
Browse Code »

Commit ead82eeb2f6cf5cb1771d7b9aec1ea1bd1197bbb

Authored by Leonardo Merlin
1 parent 67b81aad
Exists in master and in 8 other branches css-list, feature-captcha, feature-proposal-vote, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

Add condition to featured event

Showing 2 changed files with 16 additions and 11 deletions   Show diff stats
src/app/pages/inicio/inicio.controller.js
  Diff comments   View file @ead82ee
... ... @@ -28,6 +28,8 @@
28 28 var vm = this;
29 29  
30 30 vm.article = null;
  31 + vm.events = null;
  32 + vm.featuredEvent = true;
31 33 vm.themes = null;
32 34 vm.selectedTheme = null;
33 35 vm.programs = null;
... ...
src/app/pages/inicio/inicio.html
  Diff comments   View file @ead82ee
... ... @@ -2,21 +2,24 @@
2 2 <section class="section-video">
3 3 <div class="container">
4 4 <div class="row">
5   - <div class="col-sm-10 col-sm-offset-1">
6   - <div class="video-wrapper">
7   - <div class="video-player js-youtube">
8   - <div class="embed-responsive embed-responsive-16by9">
9   - <div class="js-iframe" ng-if="pageInicio.article.videoIsLoaded" ng-bind-html="pageInicio.article.abstractTrusted"></div>
10   - <div class="video-background" ng-click="pageInicio.showVideo()">
11   - <div class="video-thumbnail" aria-hidden="true" style="background-image:url(/assets/images/youtube-background.png)"></div>
12   - <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
13   - <svg height="100%" version="1.1" viewbox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
14   - </button>
15   - </div>
  5 + <div class="col-sm-8" ng-class="{'col-sm-offset-2': !pageInicio.featuredEvent}">
  6 + <div class="video-player js-youtube">
  7 + <div class="embed-responsive embed-responsive-16by9">
  8 + <div class="js-iframe" ng-if="pageInicio.article.videoIsLoaded" ng-bind-html="pageInicio.article.abstractTrusted"></div>
  9 + <div class="video-background" ng-click="pageInicio.showVideo()">
  10 + <div class="video-thumbnail" aria-hidden="true" style="background-image:url(/assets/images/youtube-background.png)"></div>
  11 + <button class="video-play-button" aria-live="assertive" aria-label="Assistir o vídeo tutorial Dialoga Brasil">
  12 + <svg height="100%" version="1.1" viewbox="0 0 68 48" width="100%"><path class="ytp-play-button-bg" d="m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z" fill="#1f1f1e" fill-opacity="0.9"></path><path d="m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z" fill="#fff"></path><path d="M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z" fill="#ccc"></path></svg>
  13 + </button>
16 14 </div>
17 15 </div>
18 16 </div>
19 17 </div>
  18 + <div class="col-sm-2" ng-if="pageInicio.featuredEvent">
  19 + <div class="featured-event--box">
  20 + Evento em destaque
  21 + </div>
  22 + </div>
20 23 </div>
21 24 </div>
22 25 </section>
... ...