1 | <% |
---|
2 | |
---|
3 | var decoder = {status: {1: 'Sem ações', 2: 'Em processo', 3: 'Completo', 4: 'Cancelado'}, priority: {1: 'Alta', 2: 'Normal', 3: 'Baixa'}} |
---|
4 | |
---|
5 | %> |
---|
6 | |
---|
7 | <div title="<%=data.tab_title%>" class="events-list events-list-win active"> |
---|
8 | |
---|
9 | |
---|
10 | <div class="events-list pagination"> |
---|
11 | <input name="results" type="hidden" value="<%=data.count%>"></input> |
---|
12 | <input name="page_index" type="hidden" value="<%=data.page_index%>"></input> |
---|
13 | <input name="keyword" type="hidden" value="<%=data.keyword%>"></input> |
---|
14 | </div> |
---|
15 | |
---|
16 | <table cellspacing='0' cellpadding='0'> |
---|
17 | <tbody> |
---|
18 | <% //for (var i=0; i<data.events_list.length; i++) |
---|
19 | for (var i in data.events_list) { %> |
---|
20 | <% for (j=0; j<data.events_list[i].events.length; j++) { %> |
---|
21 | <!-- a variável _event é um alias para data.events_list[i].events[j] --> |
---|
22 | <% var _event = data.events_list[i].events[j]; |
---|
23 | // se houver mais de um evento no mesmo dia... |
---|
24 | if (data.events_list[i].events.length > 1) { %> |
---|
25 | <!-- se não for a última linha do evento multiplo no mesmo dia... --> |
---|
26 | <% if (data.events_list[i].events.length != j+1) { %> |
---|
27 | <tr class='start-date same-start-date'> |
---|
28 | <% } else { %> <!-- se for a ultima linha do evento multiplo no mesmo dia... --> |
---|
29 | <tr class='start-date same-start-date last-event-same-start-date'> |
---|
30 | <% } %> |
---|
31 | |
---|
32 | <% if (j==0) { %> |
---|
33 | <!-- coluna 1 - multiplos eventos na mesma data --> |
---|
34 | <th width='100' rowspan='<%= data.events_list[i].events.length %>' class='start-date start-date-multiple-events'> |
---|
35 | <span><%= data.events_list[i].startDate %></span> |
---|
36 | </th> |
---|
37 | <% } %> |
---|
38 | <% } else { %> |
---|
39 | <tr> |
---|
40 | <% if (j>0) %> |
---|
41 | <!-- coluna 1 - evento unico na mesma data --> |
---|
42 | <th width='100' class="start-date"> |
---|
43 | <span><%= data.events_list[i].startDate %></span> <% |
---|
44 | } %> |
---|
45 | </th> |
---|
46 | <td width='100'> |
---|
47 | <span><%= _event.time %></span> |
---|
48 | </td> |
---|
49 | <td> |
---|
50 | <span> |
---|
51 | <% |
---|
52 | var img_type = ""; |
---|
53 | var title_type = ""; |
---|
54 | if(_event.type == '1'){ |
---|
55 | img_type = "../prototype/modules/calendar/img/big-event.png"; |
---|
56 | title_type = "Evento"; |
---|
57 | }if(_event.type == '2'){ |
---|
58 | img_type = "../prototype/modules/calendar/img/big-task.png"; |
---|
59 | title_type = "Tarefa"; |
---|
60 | }if(_event.type == '3'){ |
---|
61 | img_type = "../prototype/modules/calendar/img/big-activity.png"; |
---|
62 | title_type = "Atividade"; |
---|
63 | } |
---|
64 | %> |
---|
65 | <img title="<%= title_type %>" src="<%= img_type %>"> |
---|
66 | <a class="title event-details-item" title='<%= _event.summary %>' aria-expanded='false' role='button' tabindex='0'><%= _event.summary %></a> |
---|
67 | <!-- TODO: FAZER FUNCIONAR DESTA FORMA --> |
---|
68 | <% |
---|
69 | /* |
---|
70 | var title = ""; |
---|
71 | var url_image = ""; |
---|
72 | if (_event.repeat) { |
---|
73 | title = "Este evento tem repetição"; |
---|
74 | url_image = "img/repeat.png"; |
---|
75 | } |
---|
76 | if ((_event.alarms) && (_event.alarms.length > 0)) { |
---|
77 | title = "Este evento tem lembretes"; |
---|
78 | url_image = "img/alarm.png"; |
---|
79 | } |
---|
80 | if ((_event.attachments) && (_event.attachments.length > 0)) { |
---|
81 | title = "Este evento tem anexos"; |
---|
82 | url_image = "img/attachment.png"; |
---|
83 | } |
---|
84 | if ((_event.participants) && (_event.participants.length > 0)) { |
---|
85 | title = "Este evento tem participantes"; |
---|
86 | url_image = "img/user.png"; |
---|
87 | } |
---|
88 | */ |
---|
89 | %> |
---|
90 | <!-- <img title='<%= title %>' src='<%= url_image %>'> --> |
---|
91 | <!-- ESSA FORMA DE EXIBIR AS OPÇÕES É ARCAICA, SUBSTITUIR PELO CÓDIGO ACIMA DEPOIS DE AJUSTADO --> |
---|
92 | <% if (_event.options) { |
---|
93 | for (var o=0; o < _event.options.length; o++) { |
---|
94 | var url_image = ""; |
---|
95 | var type_option = _event.options[o].type; |
---|
96 | if (type_option == "repeat") |
---|
97 | url_image = "img/repeat.png"; |
---|
98 | if (type_option == "alarm") |
---|
99 | url_image = "img/alarm.png"; |
---|
100 | if (type_option == "attachment") |
---|
101 | url_image = "img/attachment.png"; |
---|
102 | if (type_option == "participant") |
---|
103 | url_image = "img/user.png"; %> |
---|
104 | <img title='<%= _event.options[o].title %>' src='<%= url_image %>'> <% |
---|
105 | } |
---|
106 | } |
---|
107 | %> |
---|
108 | </span> |
---|
109 | <div class="details-event-list hidden <%= (title_type == "Evento" ? "details-event" : "details-task") %>"> |
---|
110 | <fieldset class="fields-details-event-list"> |
---|
111 | <%if(_event.allDay){%> |
---|
112 | <p class="input-group date-info"> |
---|
113 | <label>Duração:</label> |
---|
114 | <span class="">Dia inteiro</span> |
---|
115 | </p> |
---|
116 | <%}else{%> |
---|
117 | |
---|
118 | <p class="input-group date-info"> |
---|
119 | <label>Início:</label> |
---|
120 | <span class=""><%= _event.startDate %> às </span> |
---|
121 | <span class=""><%= _event.startHour %></span> |
---|
122 | |
---|
123 | </p> |
---|
124 | <p class="input-group"> |
---|
125 | <label>Término:</label> |
---|
126 | <span class=""><%= _event.endDate %> às </span> |
---|
127 | <span class=""><%= _event.endHour %></span> |
---|
128 | <span><%= _event.timeZone %></span> |
---|
129 | </p> |
---|
130 | <%}%> |
---|
131 | <%if(_event.type == '1'){ |
---|
132 | if(_event.repeat ){%> |
---|
133 | <p class="input-group"> |
---|
134 | <label>Repetição</label> |
---|
135 | <span><%= _event.repeat %></span> |
---|
136 | </p> |
---|
137 | <%}}%> |
---|
138 | <p class="input-group"> |
---|
139 | <label>Lembretes:</label> |
---|
140 | <% if(_event.alarms) { |
---|
141 | var string_alarm = ""; |
---|
142 | if(_event.type == '1') |
---|
143 | string_alarm = 'do evento'; |
---|
144 | if(_event.type == '2') |
---|
145 | string_alarm = 'da tarefa'; |
---|
146 | if(_event.type == '3') |
---|
147 | string_alarm = 'da atividade'; |
---|
148 | %> |
---|
149 | <span class="large" > |
---|
150 | <% for (var l=0; l < _event.alarms.length; l++) { %> |
---|
151 | <span class="large" >Você será notificado por um <%=dateCalendar.alarmtype[_event.alarms[l].type]%> <%= _event.alarms[l].time %> <%= dateCalendar.timeunit[_event.alarms[l].unit]%><%=_event.alarms[l].time > 1 ? 's' : '' %> antes <%=string_alarm%></span> |
---|
152 | <% } %> |
---|
153 | </span> |
---|
154 | <% } %> |
---|
155 | </p> |
---|
156 | <%if(_event.type == '1'){%> |
---|
157 | <p class="input-group"> |
---|
158 | <label>Local:</label> |
---|
159 | <span><%= _event.location %></span> |
---|
160 | </p> |
---|
161 | <%}%> |
---|
162 | <p class="input-group"> |
---|
163 | <label>Descrição:</label> |
---|
164 | <span class="large" ><%= _event.description %></span> |
---|
165 | </p> |
---|
166 | <%if(_event.type != '1'){%> |
---|
167 | <p class="input-group"> |
---|
168 | <label>Prioridade:</label> |
---|
169 | <span><%= decoder['priority'][_event.priority] %></span> |
---|
170 | </p> |
---|
171 | <p class="input-group"> |
---|
172 | <label>% Conlusão:</label> |
---|
173 | <span><%= _event.percentage %>%</span> |
---|
174 | </p> |
---|
175 | <p class="input-group"> |
---|
176 | <label>Status:</label> |
---|
177 | <span><%= decoder['status'][_event.status] %></span> |
---|
178 | </p> |
---|
179 | <% } %> |
---|
180 | <!-- <p class="input-group"> |
---|
181 | <label>Privacidade</label> |
---|
182 | <span><%= _event.privacy %></span> |
---|
183 | </p> --> |
---|
184 | <%if(_event.organizer && _event.organizer.user){%> |
---|
185 | <p class="input-group"> |
---|
186 | <label>Organizador:</label> |
---|
187 | <span class="large"><%= _event.organizer.user ? _event.organizer.user.name : _event.organizer.name %> (<%= _event.organizer.user ? _event.organizer.user.mail : _event.organizer.mail %>)</span> |
---|
188 | </p> |
---|
189 | <%}%> |
---|
190 | <%if(_event.type != '3'){%> |
---|
191 | <p class="input-group"> |
---|
192 | <label>Participantes:</label> |
---|
193 | <% if(_event.attendee) { %> |
---|
194 | <span class="large" > |
---|
195 | <% for (var m=0; m < _event.attendee.length; m++) { %> |
---|
196 | <span class="large"><%=_event.attendee[m].name%> (<%= _event.attendee[m].mail %>)</span> |
---|
197 | <%}%> |
---|
198 | </span> |
---|
199 | <% } %> |
---|
200 | </p> |
---|
201 | <%} |
---|
202 | if(_event.type == '3'){%> |
---|
203 | <p class="input-group"> |
---|
204 | <label>Tarefas</label> |
---|
205 | <% if(_event.tasks) { %> |
---|
206 | <span class="large" > |
---|
207 | <% for (var m in _event.tasks) { %> |
---|
208 | <span class="large"><%=_event.tasks[m].description%></span> |
---|
209 | <%}%> |
---|
210 | </span> |
---|
211 | <% } %> |
---|
212 | </p> |
---|
213 | <%}%> |
---|
214 | |
---|
215 | <p class="input-group"> |
---|
216 | <label>Presença:</label> |
---|
217 | <span> |
---|
218 | <% var status_name; |
---|
219 | if (_event.status == 1) |
---|
220 | status_name = "Eu vou"; |
---|
221 | else if (_event.status == 2) |
---|
222 | status_name = "Talvez"; |
---|
223 | else if (_event.status == 3) |
---|
224 | status_name = "Eu não vou"; |
---|
225 | %> |
---|
226 | <%= status_name %> |
---|
227 | </span> <!-- Ta hardcodificado isso aqui? --> |
---|
228 | </p> |
---|
229 | |
---|
230 | </fieldset> |
---|
231 | <div class="menu-container footer-container"> |
---|
232 | <input name="eventid" type="hidden" value="<%=_event.id%>"></input> |
---|
233 | <input name="eventtype" type="hidden" value="<%=_event.type%>"></input> |
---|
234 | <input name="calendarid" type="hidden" value="<%=_event.calendar ? _event.calendar : _event.group%>"></input> |
---|
235 | <a title="Imprimir" class="button print" href="#">Imprimir</a> |
---|
236 | <a title="Excluir" class="button delete" href="#">Excluir</a> |
---|
237 | <a title="Editar" class="button edit" href="#">Editar</a> |
---|
238 | </div> |
---|
239 | </div> |
---|
240 | |
---|
241 | </td> |
---|
242 | </tr> |
---|
243 | <% } %> |
---|
244 | <% } //final do for %> |
---|
245 | </tbody> |
---|
246 | </table> |
---|
247 | <div class="pagination-events"></div> |
---|
248 | </div> |
---|
249 | |
---|