source: sandbox/2.4.2-expresso1/prototype/modules/calendar/templates/task_add.ejs @ 6811

Revision 6811, 12.7 KB checked in by thiago, 12 years ago (diff)

Ticket #2966 - Implementacao parcial da funcionalidade criar tarefa - avancada.
  • Property svn:executable set to *
Line 
1<div title="Criar Tarefa" class="div-addtask 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_addtask_details1">
5                <legend class="hidden">Detalhes da tarefa</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                                <span class="previsao-termino">Previsão término:</span>
23                                <input type="text" class="date date-previsao">
24                                <input type="text" class="time time-previsao">
25
26                                <a href="#" class="calendar_addevent_details_lnk_timezone <%=((!data.event.acl.organization || !data.event.acl.write) && (data.event.id)) ? "hidden" : '' %>">Fuso horário</a>
27                       
28                       
29<!--                    <input type="text" name="timezone" style="display: none;" />-->
30                        <select name="timezone" class="hidden calendar-addtask-details-txt-timezone">
31                                <option value="">- None selected -</option>
32                                <% for( var tzId in data.event.timezones ){ %>
33                                  <option value="<%= tzId %>" <%= data.timezone === tzId ? 'selected="selected"' : '' %>><%= tzId + ' (' + data.event.timezones[ tzId ] + ')' %></option>
34                                <% } %>
35                        </select>
36                       
37                        <a class="button suggestion-hours small <%=(data.event.acl.organization || data.event.acl.write || !data.event.isAttendee) ? "hidden" : '' %>" href="#">Sugerir horário</a>
38                       
39                </p>
40                               
41                <div class="ui-widget messages-validation hidden">
42                        <div style="padding: 0.2em 0.7em;" class="ui-state-error ui-corner-all">
43                                <p class="message">
44                                        <span style="float: left; margin-right: 0.3em;" class="ui-icon ui-icon-alert"></span>
45                                        <label></label>
46                                </p>
47                        </div>
48                </div>
49               
50                <p class="input-group task-type">
51                        <input type="checkbox" name="allDay" value="true" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> <%= (data.event.allDay) ? 'checked="checked"' : '' %>/>
52                        <label for="allDay">Dia inteiro</label>
53<!--
54                        <input type="checkbox" class="button-repeat" />
55                        <label for="calendar_addevent_details_chk_repeat">Repetir</label>-->
56                </p>
57                <div class="subitem">
58                                % Conclusão: <input type="number" class="done" value="1">
59                                <span class="span_done"><input type="checkbox" class="button-repeat" /> Completo<span>
60                                <select style="margin: 0 0 0 20px;">
61                                        <option>Desenvolvimento</option>
62                                </select>
63                                <span style="margin:0 0 0 20px;">Prioridade<span>
64                                <select>
65                                        <option>Alta</option>
66                                        <option selected="selected">Média</option>
67                                        <option>Baixa</option>
68                                </select>
69                </div>
70        </fieldset>
71        <ul style="width: 752px">
72                <li><a href="#calendar_addtask_details2">Detalhes da tarefa</a></li>
73                <li><a href="#calendar_addtask_details4">Lembretes</a></li>
74                <li><a href="#calendar_addtask_details5">Anexos</a></li>
75                <li><a href="#calendar_addtask_details6">Participantes</a></li>
76                <li><a href="#calendar_addtask_details7">Disponibilidade</a></li>
77                <li><a href="#calendar_addtask_details8">Histórico de alterações</a></li>
78        </ul>
79        <fieldset id="calendar_addtask_details2" class="tab-level2">
80                <legend class="hidden">Detalhes do evento</legend>
81
82                <p class="input-group">
83                        <label for="calendar_addtask_details_txtarea_description" class="for-textarea" >Descrição</label>
84                        <textarea name="description" <%= (data.event.acl.organization || data.event.acl.write) ? '' : 'disabled="disabled"' %> ><%=(data.event) ? data.event.description : '' %></textarea>
85                </p>
86
87                <p class="input-group">
88                        <label for="calendar_addtask_details_slt_cal">Grupo</label>
89                                <select>
90                                        <%
91                                          for (var i=0; i< data.event.calendars.length; i++) {
92                                          console.log(data);
93                                            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) )
94                                                continue;
95                                        %>
96                                              <option value="<%= data.event.calendars[i].id %>" <%= data.event.calendars[i].id == data.event.calendar ? 'selected="selected"':'' %>>
97                                              <%= data.event.calendars[i].name %>
98                                              </option>
99                                        <% } %>
100                                </select>
101                        <!--<select name="calendar" >
102                        <%
103                          for (var i=0; i< data.event.calendars.length; i++) {
104                            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)
105                                continue;
106                        %>
107                              <option value="<%= data.event.calendars[i].id %>" <%= data.event.calendars[i].id == data.event.calendar ? 'selected="selected"':'' %>>
108                              <%= data.event.calendars[i].name %>
109                              </option>
110                        <% } %>
111                        </select>
112                -->
113                </p>
114               
115                <fieldset class="hidden">
116                        <legend class="hidden">Publicidade</legend>
117                        <!--
118                        <p class="input-group">
119                                <label class="input-group">Mostrar-me como</label>
120                                <input type="radio" checked="checked"/>
121                                <label for="calendar_addevent_details_rdo_status1">Dispon?vel</label>
122                                <input type="radio"/>
123                                <label for="calendar_addevent_details_rdo_status2">Ocupado</label>
124                        </p>
125                        -->
126                        <p class="input-group">
127                                <label class="input-group">Privacidade</label>
128                                <input type="radio" name="class" value="1" checked="checked"/>
129                                <label for="calendar_addtask_details_rdo_class1">Padrão</label>
130                                <input type="radio" name="class" value="2" />
131                                <label for="calendar_addtask_details_rdo_class2">Público</label>
132                                <input type="radio" name="class" value="3" />
133                                <label for="calendar_addtask_details_rdo_class3">Privado</label>
134                        </p>
135                       
136                </fieldset>
137               
138        </fieldset>
139       
140        <div class="overflow_add_calender">
141        <fieldset id="calendar_addtask_details4" class="tab-level2">
142                <legend class="hidden">Lembretes</legend>
143               
144                <p class="default-alarm-event <%= (!data.event.id && data.event.alarms) ? '' : 'hidden'%>">
145                        <input type="checkbox" name="defaultAlarm" value="true" checked="checked"/>
146                        <label class="input-default-alarm" for="defautAlarm">Usar alarmes padrões</label>
147                </p>
148       
149                <ul class="task-alarms-list">
150                        <% if (data.event && data.event.alarms) {
151                                for (var i=0; i< data.event.alarms.length; i++) {
152                        %>
153                        <li class="input-group">
154                                <label>Avisar-me por </label>
155                                <select name="alarmType[]">
156                                    <option value="alert" <%= data.event.alarms[i].type=='alert' ? 'selected="selected"':'' %>>Alerta</option>
157                                    <option value="mail" <%= data.event.alarms[i].type=='mail' ? 'selected="selected"':'' %>>E-mail</option>
158                                    <!--<option value="sms" <%= data.event.alarms[i].type=='sms' ? 'selected="selected"':'' %>>SMS</option>-->
159                                </select>
160                                <input type="text" name="alarmTime[]" class="number input-small" value="<%= data.event.alarms[i].time %>"/>
161                                <select name="alarmUnit[]">
162                                        <option value="m" <%= data.event.alarms[i].unit=='m' ? 'selected="selected"':'' %>>Minutos</option>
163                                        <option value="h" <%= data.event.alarms[i].unit=='h' ? 'selected="selected"':'' %>>Horas</option>
164                                        <option value="d" <%= data.event.alarms[i].unit=='d' ? 'selected="selected"':'' %>>Dias</option>
165                                </select>
166                                <input type="hidden" name="alarmId[]" value="<%=data.event.useAlarmDefault ? '' : data.event.alarms[i].id%>" />
167                                <input type="hidden" name="isDefaultAlarm[]" value="<%=data.event.useAlarmDefault ? 1 : 0%>" />
168                                <label> antes de cada evento.</label>
169                                <a class="button remove tiny"></a>
170                        </li>
171                        <%      }
172                           }
173                        %>
174                </ul>
175                <span class="button add button-add-alarms">Adicionar lembrete</span>
176       
177        </fieldset>
178        </div>
179       
180        <fieldset id="calendar_addtask_details6" class="tab-level2" title="Participantes">
181        </fieldset>     
182       
183        <fieldset id="calendar_addtask_details7" class="tab-level2" title="Disponibilidade">
184        </fieldset>
185       
186        <fieldset id="calendar_addtask_details8" class="tab-level2" title="Histórico de alterações">
187                <div class="parent"  >
188                       
189                        <div class="child-top">
190                                <div class="date-hour"><span>Data -Hora</span></div>
191                                <div class="organization"><span>Participante/Organizador</span></div>
192                        </div>
193
194                        <div class="child-bottom">
195                                <% for(var i=0; i<15; i++){ %>
196                                        <div class="child-bottom-each">
197                                                <div class="date-hour"><span>17/05 - 23:43</span></div>
198                                                <div class="organization"><span>thiago da silva sauro</span></div>
199                                        </div>
200                                <% } %>
201                        </div>
202
203                </div>
204        </fieldset>
205
206        <fieldset class="attachment-list hidden">
207             <%if(data.event && data.event.attachments){
208                for (var i=0; i< data.event.attachments.length; i++) {%>
209                    <input type="hidden" name="fileId[]" value="<%=data.event.attachments[i].id%>"/>
210                <%}
211            }%>
212        </fieldset>
213    </form>
214   
215<div class="overflow_add_calender">
216        <fieldset id="calendar_addtask_details5" class="tab-level2">
217        <form id="fileupload" action="attachment:detail" method="POST">
218        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
219        <div class="row fileupload-buttonbar-task">
220            <div class="button-files-upload">
221                <!-- The fileinput-button span is used to style the file input field as button -->
222                <%if(data.event.acl.organization || data.event.acl.write){%>
223                    <span class="button btn-success fileinput-button">
224                    <span><i class="icon-plus icon-white"></i> Adicionar</span>
225                    <input type="file" name="files[]" multiple>
226                </span>
227                                <%}%>
228                                <%if(data.event.acl.organization || data.event.acl.write){%>
229                                        <button type="button" class="button btn-danger delete">
230                                                <i class="icon-trash icon-white"></i> Remover Todos
231                                        </button>
232                                <%}%>
233            </div>
234            <div id="fileupload-progress"></div>
235            <div class="files-list">
236               <ul class="attachments-list">
237                           <%if(data.event && data.event.attachments){
238                                        for (var i=0; i< data.event.attachments.length; i++) {
239                                        %>
240                                                <p class="input-group arquive-info">
241                                                        <label class="lbl-archive-nome">Nome:</label>
242                                                        <span class="archive-nome"><%=data.event.attachments[i].name%></span>
243                                                       
244                                                        <label class="lbl-archive-size">Tamanho:</label>
245                                                        <span class="archive-size"><%=data.event.attachments[i].size%></span>
246                                                        <a href="../prototype/getArchive.php?attachment=<%=data.event.attachments[i].id%>" class="button tiny upload downlaod-archive">Download</a>
247                                                        <%if(data.event.acl.organization || data.event.acl.write){%>
248                                                                <span class="button close tiny upload edit delete-upload" title="Deletar">Deletar</span>
249                                                        <%}%>
250                                                        <input type="hidden" name="fileId[]" value="<%=data.event.attachments[i].id%>"/>
251                                                </p>
252                                        <%}
253                                }%>
254                           
255                           
256                           </ul>
257            </div>
258        </div>
259        <br>
260       
261    </form>
262        </fieldset>
263</div>
264        <form action="../prototype/modules/calendar/export.php" method="GET" class="form-export content">
265                <input type="hidden" class="id-task" name="task" value="<%= data.event.id %>"/>
266        </form>
267<!--    <div id="calendar_addevent_addattendee"></div>-->
268
269    <div title="" class="menu-container footer-container menu-addtask">
270            <% if (data.event.id) { %>
271                        <a title="Exportar" class="button export" href="#">Exportar</a>
272                        <a title="Excluir" class="button delete" href="#">Excluir</a>
273            <% } %>
274                <a title="Cancelar" class="button cancel" href="#">Cancelar</a>
275            <a title="Salvar" class="button save" href="#">Salvar</a>
276    </div>
277</div>
278<!--<script src="application.js"></script>-->
279<!--<script src="application.js"></script>-->
Note: See TracBrowser for help on using the repository browser.