source: trunk/prototype/modules/calendar/templates/event_list.ejs @ 7702

Revision 7702, 5.1 KB checked in by acoutinho, 7 years ago (diff)

Ticket #3259 - Otimizar carregamento de eventos no modulo ExpressoCalendar?

Line 
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                            <div class="menu-container footer-container">
111                                <input name="eventid" type="hidden" value="<%=_event.id%>"/>
112                                <input name="eventtype" type="hidden" value="<%=_event.type%>"/>
113                                <input name="calendarid" type="hidden" value="<%=_event.calendar ? _event.calendar : _event.group%>"/>
114                                <a title="Imprimir" class="button print" href="#">Imprimir</a>
115                                <a title="Excluir" class="button delete" href="#">Excluir</a>
116                                <a title="Editar" class="button edit" href="#">Editar</a>
117                            </div>
118                                                </div>
119       
120                                        </td>                           
121                                </tr>
122                                <% } %>         
123                        <% } //final do for %>
124                </tbody>
125        </table>
126        <div class="pagination-events"></div>
127</div>
128
Note: See TracBrowser for help on using the repository browser.