| 1 | <div title="Lista de eventos" class="events-list events-list-win active"> |
|---|
| 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> |
|---|
| 45 | <a class="title event-details-item" title='<%= _event.summary %>' aria-expanded='false' role='button' tabindex='0'><%= _event.summary %></a> |
|---|
| 46 | <!-- TODO: FAZER FUNCIONAR DESTA FORMA --> |
|---|
| 47 | <% |
|---|
| 48 | /* |
|---|
| 49 | var title = ""; |
|---|
| 50 | var url_image = ""; |
|---|
| 51 | if (_event.repeat) { |
|---|
| 52 | title = "Este evento tem repetição"; |
|---|
| 53 | url_image = "img/repeat.png"; |
|---|
| 54 | } |
|---|
| 55 | if ((_event.alarms) && (_event.alarms.length > 0)) { |
|---|
| 56 | title = "Este evento tem lembretes"; |
|---|
| 57 | url_image = "img/alarm.png"; |
|---|
| 58 | } |
|---|
| 59 | if ((_event.attachments) && (_event.attachments.length > 0)) { |
|---|
| 60 | title = "Este evento tem anexos"; |
|---|
| 61 | url_image = "img/attachment.png"; |
|---|
| 62 | } |
|---|
| 63 | if ((_event.participants) && (_event.participants.length > 0)) { |
|---|
| 64 | title = "Este evento tem participantes"; |
|---|
| 65 | url_image = "img/user.png"; |
|---|
| 66 | } |
|---|
| 67 | */ |
|---|
| 68 | %> |
|---|
| 69 | <!-- <img title='<%= title %>' src='<%= url_image %>'> --> |
|---|
| 70 | <!-- ESSA FORMA DE EXIBIR AS OPÇÕES É ARCAICA, SUBSTITUIR PELO CÓDIGO ACIMA DEPOIS DE AJUSTADO --> |
|---|
| 71 | <% if (_event.options) { |
|---|
| 72 | for (var o=0; o < _event.options.length; o++) { |
|---|
| 73 | var url_image = ""; |
|---|
| 74 | var type_option = _event.options[o].type; |
|---|
| 75 | if (type_option == "repeat") |
|---|
| 76 | url_image = "img/repeat.png"; |
|---|
| 77 | if (type_option == "alarm") |
|---|
| 78 | url_image = "img/alarm.png"; |
|---|
| 79 | if (type_option == "attachment") |
|---|
| 80 | url_image = "img/attachment.png"; |
|---|
| 81 | if (type_option == "participant") |
|---|
| 82 | url_image = "img/user.png"; %> |
|---|
| 83 | <img title='<%= _event.options[o].title %>' src='<%= url_image %>'> <% |
|---|
| 84 | } |
|---|
| 85 | } |
|---|
| 86 | %> |
|---|
| 87 | </span> |
|---|
| 88 | <div class="details-event-list hidden"> |
|---|
| 89 | <fieldset class="fields-details-event-list"> |
|---|
| 90 | <p class="input-group date-info"> |
|---|
| 91 | <label>Início:</label> |
|---|
| 92 | <span class="date start-date"><%= _event.startDate %> às </span> |
|---|
| 93 | <span class="time start-time"><%= _event.startHour %></span> |
|---|
| 94 | |
|---|
| 95 | </p> |
|---|
| 96 | <p class="input-group"> |
|---|
| 97 | <label>Término:</label> |
|---|
| 98 | <span class="date end-date"><%= _event.endDate %> às </span> |
|---|
| 99 | <span class="time end-time"><%= _event.endHour %></span> |
|---|
| 100 | <span><%= _event.timeZone %></span> |
|---|
| 101 | </p> |
|---|
| 102 | <p class="input-group"> |
|---|
| 103 | <label>Repete em</label> |
|---|
| 104 | <span><%= _event.repeat %></span> |
|---|
| 105 | </p> |
|---|
| 106 | <p class="input-group"> |
|---|
| 107 | <label>Lembretes</label> |
|---|
| 108 | <% if(_event.alarms) { %> |
|---|
| 109 | <span class="large" > |
|---|
| 110 | <% for (var l=0; l < _event.alarms.length; l++) { %> |
|---|
| 111 | Você será notificado por <%= _event.alarms[l].typee %> <%= _event.alarms[l].time %> <%= _event.alarms[l].unit %> antes do evento<br /> <!-- Tirar esse br --> |
|---|
| 112 | |
|---|
| 113 | <% } %> |
|---|
| 114 | </span> |
|---|
| 115 | <% } %> |
|---|
| 116 | </p> |
|---|
| 117 | <p class="input-group"> |
|---|
| 118 | <label>Local</label> |
|---|
| 119 | <span><%= _event.location %></span> |
|---|
| 120 | </p> |
|---|
| 121 | <p class="input-group"> |
|---|
| 122 | <label>Descrição </label> |
|---|
| 123 | <span class="large" ><%= _event.description %></span> |
|---|
| 124 | </p> |
|---|
| 125 | <p class="input-group"> |
|---|
| 126 | <label>Privacidade</label> |
|---|
| 127 | <span><%= _event.privacy %></span> |
|---|
| 128 | </p> |
|---|
| 129 | <p class="input-group"> |
|---|
| 130 | <label>Participantes</label> |
|---|
| 131 | <span> |
|---|
| 132 | <% if(_event.participants) { %> |
|---|
| 133 | <span class="large" > |
|---|
| 134 | <% for (var m=0; m < _event.participants.length; m++) { %> |
|---|
| 135 | <%= _event.participants[m].name %> (<%= _event.participants[m].email %>) <br /> |
|---|
| 136 | |
|---|
| 137 | <% } %> |
|---|
| 138 | </span> |
|---|
| 139 | <% } %> |
|---|
| 140 | </p> |
|---|
| 141 | <p class="input-group"> |
|---|
| 142 | <label>Presença</label> |
|---|
| 143 | <span> |
|---|
| 144 | <% var status_name; |
|---|
| 145 | if (_event.status == 1) |
|---|
| 146 | status_name = "Eu vou"; |
|---|
| 147 | else if (_event.status == 2) |
|---|
| 148 | status_name = "Talvez"; |
|---|
| 149 | else if (_event.status == 3) |
|---|
| 150 | status_name = "Eu não vou"; |
|---|
| 151 | %> |
|---|
| 152 | <%= status_name %> |
|---|
| 153 | </span> <!-- Ta hardcodificado isso aqui? --> |
|---|
| 154 | </p> |
|---|
| 155 | </fieldset> |
|---|
| 156 | <div class="menu-container footer-container"> |
|---|
| 157 | <input name="eventid" type="hidden" value="<%=_event.id%>"></input> |
|---|
| 158 | <a class="button edit" href="#">Editar</a> |
|---|
| 159 | <a class="button delete" href="#">Excluir</a> |
|---|
| 160 | </div> |
|---|
| 161 | </div> |
|---|
| 162 | |
|---|
| 163 | </td> |
|---|
| 164 | </tr> |
|---|
| 165 | <% } %> |
|---|
| 166 | <% } //final do for %> |
|---|
| 167 | </tbody> |
|---|
| 168 | </table> |
|---|
| 169 | <div class="pagination-events"></div> |
|---|
| 170 | </div> |
|---|
| 171 | |
|---|
