proposal-carousel.html
1.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div class="proposal-carousel">
<div ng-if="vm.proposals">
<div class="proposal-carousel-top color-theme-bg-complementar-2">
<div class="proposal-carousel-position" ng-repeat="proposal in vm.proposals">
<span ng-show="vm.activeIndex === $index">{{::($index+1)}}º</span>
<span ng-show="vm.activeIndex === $index">Lugar</span>
</div>
<div class="proposal-carousel-top-triggers" ng-if="vm.proposals">
<ul class="list-inline">
<li class="item-dot" ng-repeat="proposal in vm.proposals">
<button type="button" ng-class="{'active': vm.activeIndex === $index}" ng-click="vm.switchProposal($index)" title="Apersentar proposta {{ ( $index + 1 ) }}"></button>
</li>
</ul>
</div>
</div>
<div class="proposal-carousel-middle" ng-swipe-left="vm.swipeLeft()" ng-swipe-right="vm.swipeRight()">
<div ng-repeat="proposal in vm.proposals" class="animation-swipe">
<div class="content">
<div ng-show="vm.activeIndex === $index">
<div class="inner">{{::proposal.abstract}}</div>
</div>
</div>
<div class="join" ng-if="vm.archived === false" ng-show="vm.activeIndex === $index">
<button type="button" class="btn btn-link btn-rate color-theme-common-fg" ng-click="vm.showContent(proposal)">
Participe
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</button>
</div>
<div class="proposal-carousel-middle-watermark" ng-show="vm.activeIndex === $index">
<span>{{::($index+1)}}º</span>
</div>
</div>
</div>
<div class="proposal-carousel-bottom color-theme-common-bg" ng-click="vm.showProposalsList()">
<div>Veja as propostas mais votadas</div>
<div class="proposal-carousel-bottom-icon">
<span class="glyphicon glyphicon-chevron-down pull-right color-theme-common-fg" aria-hidden="true"></span>
</div>
</div>
</div>
</div>