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

Revision 6525, 7.6 KB checked in by angelo, 8 years ago (diff)

Ticket #2862 - Adicionar tooltips nas opcoes da agenda

Line 
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                                                                <%if(_event.allDay){%>
91                                                                        <p class="input-group date-info">
92                                                                                <label>Duração</label>
93                                                                                <span class="">Dia inteiro</span>
94                                                                        </p>
95                                                                <%}else{%>
96                                                               
97                                                                        <p class="input-group date-info">
98                                                                                <label>Início:</label>
99                                                                                <span class=""><%= _event.startDate %> às </span>
100                                                                                <span class=""><%= _event.startHour %></span>
101                                                                               
102                                                                        </p>
103                                                                        <p class="input-group">
104                                                                                <label>Término:</label>
105                                                                                <span class=""><%= _event.endDate %> às </span>
106                                                                                <span class=""><%= _event.endHour %></span>
107                                                                                <span><%= _event.timeZone %></span>
108                                                                        </p>
109                                                                <%}%>
110                                                                <%if(_event.repeat ){%>
111                                                                    <p class="input-group">
112                                                                        <label>Repetição</label>
113                                                                        <span><%= _event.repeat %></span>
114                                                                    </p>
115                                                                <%}%>
116                                                                <p class="input-group">
117                                                                        <label>Lembretes</label>
118                                                                        <% if(_event.alarms) { %>
119                                                                                <span class="large" >
120                                                                                        <% for (var l=0; l < _event.alarms.length; l++) { %>
121                                                                                                <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 do evento</span>
122                                                                                        <% } %>
123                                                                                </span>
124                                                                        <% } %>
125                                                                </p>
126                                                                <p class="input-group">
127                                                                        <label>Local</label>
128                                                                        <span><%= _event.location %></span>
129                                                                </p>
130                                                                <p class="input-group">
131                                                                        <label>Descrição </label>
132                                                                        <span class="large" ><%= _event.description %></span>
133                                                                </p>
134                                                                <!--<p class="input-group">
135                                                                        <label>Privacidade</label>
136                                                                        <span><%= _event.privacy %></span>
137                                                                </p>-->
138                                                                <p class="input-group">
139                                                                        <label>Organizador</label>
140                                                                        <span class="large"><%= _event.organizer.user ? _event.organizer.user.name : _event.organizer.name %>  (<%= _event.organizer.user ? _event.organizer.user.mail : _event.organizer.mail %>)</span>
141                                                                </p>
142                                                                <p class="input-group">
143                                                                        <label>Participantes</label>
144                                                                        <% if(_event.attendee) { %>
145                                                                                <span class="large" >
146                                                                                        <% for (var m=0; m < _event.attendee.length; m++) { %>
147                                                                                                <span class="large"><%=_event.attendee[m].name%>  (<%= _event.attendee[m].mail %>)</span>
148                                                                                        <%}%>
149                                                                                </span>
150                                                                        <% } %>
151                                                                </p>
152                                                                <p class="input-group">
153                                                                        <label>Presença</label>
154                                                                        <span>
155                                                                            <% var status_name;
156                                                                                if (_event.status == 1)
157                                                                                    status_name = "Eu vou";
158                                                                                else if (_event.status == 2)
159                                                                                    status_name = "Talvez";
160                                                                                else if (_event.status == 3)
161                                                                                    status_name = "Eu não vou";
162                                                                            %>
163                                                                            <%= status_name %>
164                                                                        </span> <!-- Ta hardcodificado isso aqui? -->
165                                                                </p>
166                                                        </fieldset>
167                                                        <div class="menu-container footer-container">
168                                                                <input name="eventid" type="hidden" value="<%=_event.id%>"></input>
169                                                                <input name="calendarid" type="hidden" value="<%=_event.calendar%>"></input>
170                                                                <a title="Excluir" class="button delete" href="#">Excluir</a>
171                                                                <a title="Editar" class="button edit" href="#">Editar</a>
172                                                        </div>
173                                                </div>
174       
175                                        </td>                           
176                                </tr>
177                                <% } %>         
178                        <% } //final do for %>
179                </tbody>
180        </table>
181        <div class="pagination-events"></div>
182</div>
183
Note: See TracBrowser for help on using the repository browser.