source: sandbox/2.4.2-expresso1/prototype/modules/calendar/templates/event_list.ejs @ 6885

Revision 6885, 9.3 KB checked in by marcieli, 12 years ago (diff)

Ticket #2966 - Atualizada listagem de eventos/tarefas/atividades ao atualizar/excluir.

RevLine 
[6880]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
[6857]7<div title="<%=data.tab_title%>" class="events-list events-list-win active">
[5341]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>
[6857]51                                                        <%
52                                                        var img_type = "";
53                                                        var title_type = "";
[6880]54                                                        if(_event.type == '1'){
[6857]55                                                                img_type = "../prototype/modules/calendar/img/event.png";
56                                                                title_type = "Evento";
[6880]57                                                        }if(_event.type == '2'){
[6857]58                                                                img_type = "../prototype/modules/calendar/img/task.png";
59                                                                title_type = "Tarefa";
[6880]60                                                        }if(_event.type == '3'){
[6857]61                                                                img_type = "../prototype/modules/calendar/img/activity_icon.jpg";
62                                                                title_type = "Atividade";
63                                                        }
64                                                        %>
65                                                        <img title="<%= title_type %>" src="<%= img_type %>">
[5341]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">
110                                                        <fieldset class="fields-details-event-list">                                                   
[5409]111                                                                <%if(_event.allDay){%>
112                                                                        <p class="input-group date-info">
[6880]113                                                                                <label>Duração:</label>
[5879]114                                                                                <span class="">Dia inteiro</span>
[5409]115                                                                        </p>
116                                                                <%}else{%>
117                                                               
118                                                                        <p class="input-group date-info">
119                                                                                <label>Início:</label>
[5879]120                                                                                <span class=""><%= _event.startDate %> às </span>
121                                                                                <span class=""><%= _event.startHour %></span>
[5409]122                                                                               
123                                                                        </p>
124                                                                        <p class="input-group">
125                                                                                <label>Término:</label>
[5879]126                                                                                <span class=""><%= _event.endDate %> às </span>
127                                                                                <span class=""><%= _event.endHour %></span>
[5409]128                                                                                <span><%= _event.timeZone %></span>
129                                                                        </p>
130                                                                <%}%>
[6880]131                                                                <%if(_event.type == '1'){
[6857]132                                                                        if(_event.repeat ){%>
[5835]133                                                                    <p class="input-group">
134                                                                        <label>Repetição</label>
[5341]135                                                                        <span><%= _event.repeat %></span>
[5835]136                                                                    </p>
[6857]137                                                                <%}}%>
[5341]138                                                                <p class="input-group">
[6880]139                                                                        <label>Lembretes:</label>
[6857]140                                                                        <% if(_event.alarms) {
141                                                                                        var string_alarm = "";
[6880]142                                                                                        if(_event.type == '1')
[6857]143                                                                                                string_alarm = 'do evento';
[6880]144                                                                                        if(_event.type == '2')
[6857]145                                                                                                string_alarm = 'da tarefa';
[6880]146                                                                                        if(_event.type == '3')
[6857]147                                                                                                string_alarm = 'da atividade';
148                                                                                        %>
[5341]149                                                                                <span class="large" >
[5409]150                                                                                        <% for (var l=0; l < _event.alarms.length; l++) { %>
[6857]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>
[5409]152                                                                                        <% } %>
[5341]153                                                                                </span>
[5409]154                                                                        <% } %>
[5341]155                                                                </p>
[6880]156                                                                <%if(_event.type == '1'){%>
[5341]157                                                                <p class="input-group">
[6880]158                                                                        <label>Local:</label>
[5341]159                                                                        <span><%= _event.location %></span>
160                                                                </p>
[6857]161                                                                <%}%>
[5341]162                                                                <p class="input-group">
[6880]163                                                                        <label>Descrição:</label>
[5341]164                                                                        <span class="large" ><%= _event.description %></span>
165                                                                </p>
[6880]166                                                                <%if(_event.type != '1'){%>
[6857]167                                                                <p class="input-group">
[6880]168                                                                        <label>Prioridade:</label>
169                                                                        <span><%= decoder['priority'][_event.priority] %></span>
[6857]170                                                                </p>
171                                                                <p class="input-group">
[6880]172                                                                        <label>% Conlusão:</label>
173                                                                        <span><%= _event.percentage %>%</span>
[6857]174                                                                </p>
175                                                                <p class="input-group">
[6880]176                                                                        <label>Status:</label>
177                                                                        <span><%= decoder['status'][_event.status] %></span>
[6857]178                                                                </p>
179                                                                <% } %>
180                                                                <!-- <p class="input-group">
[5341]181                                                                        <label>Privacidade</label>
182                                                                        <span><%= _event.privacy %></span>
[6857]183                                                                </p> -->
[6880]184                                                               
[5341]185                                                                <p class="input-group">
[6880]186                                                                        <label>Organizador:</label>
[6371]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>
[5409]188                                                                </p>
[6880]189
190                                                                <%if(_event.type != '3'){%>
[5409]191                                                                <p class="input-group">
[6880]192                                                                        <label>Participantes:</label>
[5409]193                                                                        <% if(_event.attendee) { %>
[5341]194                                                                                <span class="large" >
[5409]195                                                                                        <% for (var m=0; m < _event.attendee.length; m++) { %>
196                                                                                                <span class="large"><%=_event.attendee[m].name%>  (<%= _event.attendee[m].mail %>)</span>
197                                                                                        <%}%>
[5341]198                                                                                </span>
[5409]199                                                                        <% } %>
[5341]200                                                                </p>
[6857]201                                                                <%}
[6880]202                                                                if(_event.type == '3'){%>
[5341]203                                                                <p class="input-group">
[6857]204                                                                        <label>Tarefas</label>
205                                                                        <% if(_event.tasks) { %>
206                                                                                <span class="large" >
207                                                                                        <% for (var m=0; m < _event.tasks.length; m++) { %>
208                                                                                                <span class="large"><%=_event.tasks[m].description%></span>
209                                                                                        <%}%>
210                                                                                </span>
211                                                                        <% } %>
212                                                                </p>
[6880]213                                                                <%}%>
214                                                               
[6857]215                                                                <p class="input-group">
[6880]216                                                                        <label>Presença:</label>
[5341]217                                                                        <span>
[6880]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? -->
[5341]228                                                                </p>
[6880]229
[5341]230                                                        </fieldset>
231                                                        <div class="menu-container footer-container">
232                                                                <input name="eventid" type="hidden" value="<%=_event.id%>"></input>
[6857]233                                                                <input name="eventtype" type="hidden" value="<%=_event.type%>"></input>
[6885]234                                <input name="calendarid" type="hidden" value="<%=_event.calendar ? _event.calendar : _event.group%>"></input>
[6525]235                                                                <a title="Excluir" class="button delete" href="#">Excluir</a>
236                                                                <a title="Editar" class="button edit" href="#">Editar</a>
[5341]237                                                        </div>
238                                                </div>
239       
240                                        </td>                           
241                                </tr>
242                                <% } %>         
243                        <% } //final do for %>
244                </tbody>
245        </table>
246        <div class="pagination-events"></div>
247</div>
248
Note: See TracBrowser for help on using the repository browser.