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

Revision 6857, 9.5 KB checked in by marcieli, 10 years ago (diff)

Ticket #2966 - Listagem e consulta separada por tipo (evento, tarefa, atividade).

Line 
1<div title="<%=data.tab_title%>" 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                                                        <%
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 %>">
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">                                                   
105                                                                <%if(_event.allDay){%>
106                                                                        <p class="input-group date-info">
107                                                                                <label>Duração</label>
108                                                                                <span class="">Dia inteiro</span>
109                                                                        </p>
110                                                                <%}else{%>
111                                                               
112                                                                        <p class="input-group date-info">
113                                                                                <label>Início:</label>
114                                                                                <span class=""><%= _event.startDate %> às </span>
115                                                                                <span class=""><%= _event.startHour %></span>
116                                                                               
117                                                                        </p>
118                                                                        <p class="input-group">
119                                                                                <label>Término:</label>
120                                                                                <span class=""><%= _event.endDate %> às </span>
121                                                                                <span class=""><%= _event.endHour %></span>
122                                                                                <span><%= _event.timeZone %></span>
123                                                                        </p>
124                                                                <%}%>
125                                                                <%if(_event.type == 1){
126                                                                        if(_event.repeat ){%>
127                                                                    <p class="input-group">
128                                                                        <label>Repetição</label>
129                                                                        <span><%= _event.repeat %></span>
130                                                                    </p>
131                                                                <%}}%>
132                                                                <p class="input-group">
133                                                                        <label>Lembretes</label>
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                                                                                        %>
143                                                                                <span class="large" >
144                                                                                        <% for (var l=0; l < _event.alarms.length; l++) { %>
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>
146                                                                                        <% } %>
147                                                                                </span>
148                                                                        <% } %>
149                                                                </p>
150                                                                <%if(_event.type == 1){%>
151                                                                <p class="input-group">
152                                                                        <label>Local</label>
153                                                                        <span><%= _event.location %></span>
154                                                                </p>
155                                                                <%}%>
156                                                                <p class="input-group">
157                                                                        <label>Descrição </label>
158                                                                        <span class="large" ><%= _event.description %></span>
159                                                                </p>
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">
175                                                                        <label>Privacidade</label>
176                                                                        <span><%= _event.privacy %></span>
177                                                                </p> -->
178                                                                <%if(_event.type == 1){%>
179                                                                <p class="input-group">
180                                                                        <label>Organizador</label>
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>
182                                                                </p>
183                                                                <%}
184                                                                if(_event.type != 3){%>
185                                                                <p class="input-group">
186                                                                        <label>Participantes</label>
187                                                                        <% if(_event.attendee) { %>
188                                                                                <span class="large" >
189                                                                                        <% for (var m=0; m < _event.attendee.length; m++) { %>
190                                                                                                <span class="large"><%=_event.attendee[m].name%>  (<%= _event.attendee[m].mail %>)</span>
191                                                                                        <%}%>
192                                                                                </span>
193                                                                        <% } %>
194                                                                </p>
195                                                                <%}
196                                                                if(_event.type == 3){%>
197                                                                <p class="input-group">
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">
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>
223                                                                <%}%>
224                                                        </fieldset>
225                                                        <div class="menu-container footer-container">
226                                                                <input name="eventid" type="hidden" value="<%=_event.id%>"></input>
227                                                                <input name="eventtype" type="hidden" value="<%=_event.type%>"></input>
228                                <input name="calendarid" type="hidden" value="<%=_event.calendar%>"></input>
229                                                                <a title="Excluir" class="button delete" href="#">Excluir</a>
230                                                                <a title="Editar" class="button edit" href="#">Editar</a>
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
Note: See TracBrowser for help on using the repository browser.