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