event-list.html
3.75 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<div class="event-list">
<section class="color-theme-common-bg">
<div class="container">
<div class="event-bar--trigger" ng-click="vm.toggleView()">
<div class="event-bar--trigger-top">
<div class="col-sm-6">
<h1 class="title">
<span class="glyphicon glyphicon-calendar icon-circle color-theme-common-fg"></span>
Agenda <b>Dialoga Brasil</b>
</h1>
</div>
<div class="col-sm-6 text-right">
<h2 class="event-bar--trigger-toggle text-right">
<span><b>{{vm.events.length}}</b> bate papos <b>agendados</b></span>
<span ng-if="vm.isCollapsed" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
<span ng-if="!vm.isCollapsed" class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
</h2>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</section>
<section class="section-table">
<div class="container">
<div class="event-list--panel ng-hide" ng-show="!vm.isCollapsed">
<div class="event-list--table-wrapper">
<div class="row row-level-1" ng-repeat="event in vm.events | orderBy:'start_date':false">
<div class="col-xs-12 col-sm-4 col-md-3 vcenter">
<span class="date-wrapper">
<span class="glyphicon glyphicon-calendar"></span>
<span class="date">{{event.start_date | date : "dd/MM/yyyy"}}</span>
</span>
<span class="time-wrapper">
<span class="glyphicon glyphicon-time"></span>
<span class="time">{{event.start_date | date : "HH:mm"}}</span>
</span>
</div>
<div class="col-xs-12 col-sm-4 col-md-5 vcenter">
<span class="description">{{::event.setting.presenter}}</span>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 text-right vcenter" style="padding-right: 20px;">
<div class="row">
<div class="col-xs-6 text-right">
<div ng-if="event.followers_count > 50">
<b>{{::event.followers_count}}</b>
<br/>
<span>Inscritos</span>
</div>
</div>
<div class="col-xs-6">
<div ng-show="!event.already_follow">
<button type="button" class="btn btn-subscribe" ng-click="vm.subscribe(event)">
Inscreva-se
<span class="sr-only">no bate-papo com (ministro) no dia {event.start_date | date : "dd/MM/yyyy"}} as {{event.start_date | date : "HH:mm"}} horas</span>
</button>
</div>
<div ng-show="event.already_follow">
<button type="button" class="btn btn-subscribed disabled" disabled="disabled">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
Inscrito
<span class="sr-only">Você já está inscrito neste evento.</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container visible-xs" ng-show="!vm.isCollapsed">
<div class="minimize" ng-click="vm.toggleView()">
<div class="row color-theme-common-bg">
<div class="col-xs-6">
<button type="button" class="btn btn-link" ng-click="">MINIMIZAR</button>
</div>
<div class="col-xs-5 text-right">
<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</section>
</div>