source: branches/2.5/prototype/modules/calendar/templates/event_add.ejs @ 8050

Revision 8050, 12.0 KB checked in by douglas, 6 years ago (diff)

Ticket #3398 - Melhoria na exibicao de dados dos eventos criados na agenda

Line 
1<div title="Criar Evento" class="div-addevent content">
2    <form method="POST" action="<%=(data.event.acl.organization || data.event.acl.write) ?  "schedulable:detail" : "schedulable:preview"%>" class="form-addevent content">
3
4        <fieldset id="calendar_addevent_details1">
5                <legend class="hidden">Detalhes do evento</legend>
6                <p class="input-group">
7                        <input type="text" class="h1" name="summary" <%=(data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> value="<%= (data.event.summary) ? data.event.summary : '' %>"/>
8                        <% if( data.event.id ){ %>
9                                <input type="hidden" class="id-event" name="idEvent" value="<%= data.event.id %>"/>
10                        <% } %>
11                        <% if( data.event.id && data.event.calendar ){ %>
12                                <input type="hidden" class="last-calendar" name="lastCalendar" value="<%= data.event.calendar %>"/>
13                        <% } %>
14                </p>
15                <p class="input-group date-info">
16                        <input type="text" class="date start-date" value="<%= (data.event.startDate) ? data.event.startDate : '' %>" <%=(data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> name="startDate" />
17                        <input type="text" class="time start-time<%= (data.event.allDay) ? ' hidden' : '' %>" value="<%= (data.event.startHour) ? data.event.startHour : '' %>" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> name="startHour" />
18                        <span>até</span>
19                        <input type="text" class="date end-date" value="<%= (data.event.endDate) ? data.event.endDate : '' %>" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> name="endDate" />
20                        <input type="text" class="time end-time<%= (data.event.allDay) ? ' hidden' : '' %>" value="<%= (data.event.endHour) ? data.event.endHour : '' %>" <%=(data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> name="endHour" />
21
22                        <a href="#" class="calendar_addevent_details_lnk_timezone <%=((data.event.acl.organization || data.event.acl.write)) ? '' : "hidden" %>">Fuso horário</a>
23<!--                    <input type="text" name="timezone" style="display: none;" />-->
24                        <select name="timezone" class="hidden calendar-addevent-details-txt-timezone">
25                                <option value="">- None selected -</option>
26                                <% for( var tzId in data.event.timezones ){ %>
27                                  <option value="<%= tzId %>" <%= data.timezone === tzId ? 'selected="selected"' : '' %>><%= tzId + ' (' + data.event.timezones[ tzId ] + ')' %></option>
28                                <% } %>
29                        </select>
30                       
31                        <a class="button suggestion-hours small <%=(data.event.acl.organization || data.event.acl.write || !data.event.isAttendee) ? "hidden" : '' %>" href="#">Sugerir horário</a>
32                       
33                </p>
34                               
35                <div class="ui-widget messages-validation hidden">
36                        <div style="padding: 0.2em 0.7em;" class="ui-state-error ui-corner-all">
37                                <p class="message">
38                                        <span style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-alert"></span>
39                                        <label></label>
40                                </p>
41                        </div>
42                </div>
43               
44                <p class="input-group event-type">
45                        <input type="checkbox" name="allDay" value="true" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> <%= (data.event.allDay) ? 'checked="checked"' : '' %>/>
46                        <label for="allDay">Dia inteiro</label>
47<!--
48                        <input type="checkbox" class="button-repeat" />
49                        <label for="calendar_addevent_details_chk_repeat">Repetir</label>-->
50                </p>
51        </fieldset>
52        <ul>
53                <li><a href="#calendar_addevent_details2">Detalhes do evento</a></li>
54                <li><a href="#calendar_addevent_details3">Repetir</a></li>
55                <li><a href="#calendar_addevent_details4">Lembretes</a></li>
56                <li><a href="#calendar_addevent_details5">Anexos</a></li>
57                <li><a href="#calendar_addevent_details6">Participantes</a></li>
58                <li><a href="#calendar_addevent_details7">Disponibilidade</a></li>
59        </ul>
60        <fieldset id="calendar_addevent_details2" class="tab-level2">
61                <legend class="hidden">Detalhes do evento</legend>
62                <p class="input-group event-info">
63                        <label for="calendar_addevent_details_txt_local">Onde</label>
64                        <input type="text" name="location" <%=(data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> value="<%= (data.event) ? data.event.location : '' %>"/>
65                </p>
66
67                <p class="input-group">
68                        <label for="calendar_addevent_details_txtarea_description" class="for-textarea" >Descrição</label>
69                        <textarea name="description" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> ><%=(data.event) ? data.event.description : '' %></textarea>
70                </p>
71
72                <p class="input-group">
73                        <label for="calendar_addevent_details_slt_cal">Agenda</label>
74                        <select name="calendar">
75                        <%
76                          for (var i=0; i< data.event.calendars.length; i++) {
77                            if(data.event.calendars[i].id != data.event.calendar && Calendar.signatureOf[data.event.calendars[i].id].isOwner != '1' && !Calendar.signatureOf[data.event.calendars[i].id].permission.acl.write)
78                                continue;
79                        %>
80                            <% if( data.event.isShared ){ %>
81                    <% if(data.event.calendars[i].id == data.event.calendar){ %>
82                        <option value="<%= data.event.calendars[i].id %>"><%= data.event.calendars[i].name %></option>
83                    <%}%>
84 
85                <% }else { %>
86 
87                <option value="<%= data.event.calendars[i].id %>" <%= data.event.calendars[i].id == data.event.calendar ? 'selected="selected"':'' %>><%= data.event.calendars[i].name %></option>
88                <% } %>
89 
90 
91                        <% } %>
92                        </select>
93                                <span class="creation-date-label">Evento criado em <%= data.event.creationDate[0] %> às
94                                        <%= data.event.creationDate[1] %> horas e <%= data.event.creationDate[2] %> minutos.
95                                </span>
96                </p>
97 
98 
99                <fieldset class="hidden">
100                        <legend class="hidden">Publicidade</legend>
101                        <!--
102                        <p class="input-group">
103                                <label class="input-group">Mostrar-me como</label>
104                                <input type="radio" checked="checked"/>
105                                <label for="calendar_addevent_details_rdo_status1">Dispon?vel</label>
106                                <input type="radio"/>
107                                <label for="calendar_addevent_details_rdo_status2">Ocupado</label>
108                        </p>
109                        -->
110                        <p class="input-group">
111                                <label class="input-group">Privacidade</label>
112                                <input type="radio" name="class" value="1" checked="checked"/>
113                                <label for="calendar_addevent_details_rdo_class1">Padrão</label>
114                                <input type="radio" name="class" value="2" />
115                                <label for="calendar_addevent_details_rdo_class2">Público</label>
116                                <input type="radio" name="class" value="3" />
117                                <label for="calendar_addevent_details_rdo_class3">Privado</label>
118                        </p>
119                       
120                </fieldset>
121               
122        </fieldset>
123
124        <fieldset id="calendar_addevent_details3" class="tab-level2">
125               
126        </fieldset>
127       
128        <div class="overflow_add_calender">
129        <fieldset id="calendar_addevent_details4" class="tab-level2">
130                <legend class="hidden">Lembretes</legend>
131               
132                <p class="default-alarm-event <%= (!data.event.id && data.event.alarms) ? '' : 'hidden'%>">
133                        <input type="checkbox" name="defaultAlarm" value="true" checked="checked"/>
134                        <label class="input-default-alarm" for="defautAlarm">Usar alarmes padrões</label>
135                </p>
136       
137                <ul class="event-alarms-list">
138                        <% if (data.event && data.event.alarms) {
139                                for (var i=0; i< data.event.alarms.length; i++) {
140                        %>
141                        <li class="input-group">
142                                <label>Avisar-me por </label>
143                                <select name="alarmType[]">
144                                    <option value="alert" <%= data.event.alarms[i].type=='alert' ? 'selected="selected"':'' %>>Alerta</option>
145                                    <option value="mail" <%= data.event.alarms[i].type=='mail' ? 'selected="selected"':'' %>>E-mail</option>
146                                    <!--<option value="sms" <%= data.event.alarms[i].type=='sms' ? 'selected="selected"':'' %>>SMS</option>-->
147                                </select>
148                                <input type="text" name="alarmTime[]" class="number input-small" value="<%= data.event.alarms[i].time %>"/>
149                                <select name="alarmUnit[]">
150                                        <option value="m" <%= data.event.alarms[i].unit=='m' ? 'selected="selected"':'' %>>Minutos</option>
151                                        <option value="h" <%= data.event.alarms[i].unit=='h' ? 'selected="selected"':'' %>>Horas</option>
152                                        <option value="d" <%= data.event.alarms[i].unit=='d' ? 'selected="selected"':'' %>>Dias</option>
153                                </select>
154                                <input type="hidden" name="alarmId[]" value="<%=data.event.useAlarmDefault ? '' : data.event.alarms[i].id%>" />
155                                <input type="hidden" name="isDefaultAlarm[]" value="<%=data.event.useAlarmDefault ? 1 : 0%>" />
156                                <label> antes de cada evento.</label>
157                                <a class="button remove tiny"></a>
158                        </li>
159                        <%      }
160                           }
161                        %>
162                </ul>
163                <span class="button add button-add-alarms">Adicionar lembrete</span>
164       
165        </fieldset>
166        </div>
167       
168        <fieldset id="calendar_addevent_details6" class="tab-level2" title="Participantes">
169        </fieldset>     
170       
171        <fieldset id="calendar_addevent_details7" class="tab-level2" title="Disponibilidade">
172        </fieldset>
173       
174        <fieldset class="attachment-list hidden">
175             <%if(data.event && data.event.attachments){
176                for (var i=0; i< data.event.attachments.length; i++) {%>
177                    <input type="hidden" name="fileId[]" value="<%=data.event.attachments[i].id%>"/>
178                <%}
179            }%>
180        </fieldset>
181    </form>
182   
183<div class="overflow_add_calender">
184        <fieldset id="calendar_addevent_details5" class="tab-level2">
185        <form id="fileuploadevent" action="attachment:detail" method="POST">
186        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
187        <div class="row fileupload-buttonbar">
188            <div class="button-files-upload">
189                <!-- The fileinput-button span is used to style the file input field as button -->
190                <%if(data.event.acl.organization || data.event.acl.write){%>
191                    <span class="button btn-success fileinput-button">
192                    <span><i class="icon-plus icon-white"></i> Adicionar</span>
193                    <input type="file" name="files[]" multiple>
194                </span>
195                                <%}%>
196                                <%if(data.event.acl.organization || data.event.acl.write){%>
197                                        <button type="button" class="button btn-danger delete <%= data.event && data.event.attachments && data.event.attachments.length ? '' : 'hidden' %>">
198                                                <i class="icon-trash icon-white"></i> Remover Todos
199                                        </button>
200                                <%}%>
201            </div>
202            <div id="fileupload-progress-event"></div>
203            <div class="files-list">
204               <ul class="attachments-list">
205                           <%if(data.event && data.event.attachments){
206                                        for (var i=0; i< data.event.attachments.length; i++) {
207                                        %>
208                                                <p class="input-group arquive-info">
209                                                        <label class="lbl-archive-nome">Nome:</label>
210                                                        <span class="archive-nome"><%=data.event.attachments[i].name%></span>
211                                                       
212                                                        <label class="lbl-archive-size">Tamanho:</label>
213                                                        <span class="archive-size"><%=data.event.attachments[i].size%></span>
214                                                        <a href="../prototype/getArchive.php?attachment=<%=data.event.attachments[i].id%>" class="button tiny upload downlaod-archive">Download</a>
215                                                        <%if(data.event.acl.organization || data.event.acl.write){%>
216                                                                <span class="button close tiny upload edit delete-upload" title="Deletar">Deletar</span>
217                                                        <%}%>
218                                                        <input type="hidden" name="fileId[]" value="<%=data.event.attachments[i].id%>"/>
219                                                </p>
220                                        <%}
221                                }%>
222                           
223                           
224                           </ul>
225            </div>
226        </div>
227        <br>
228       
229    </form>
230        </fieldset>
231</div>
232        <form action="../prototype/modules/calendar/export.php" method="GET" class="form-export content">
233                <input type="hidden" class="id-event" name="event" value="<%= data.event.id %>"/>
234        </form>
235<!--    <div id="calendar_addevent_addattendee"></div>-->
236
237    <div title="" class="menu-container footer-container menu-addevent">
238            <% if (data.event.id) { %>
239                        <a title="Exportar" class="button export" href="#">Exportar</a>
240                        <a title="Excluir" class="button delete" href="#">Excluir</a>
241            <% } %>
242                <a title="Cancelar" class="button cancel" href="#">Cancelar</a>
243            <a title="Salvar" class="button save" href="#">Salvar</a>
244    </div>
245</div>
246<!--<script src="application.js"></script>-->
247<!--<script src="application.js"></script>-->
Note: See TracBrowser for help on using the repository browser.