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

Revision 6965, 11.3 KB checked in by thiago, 12 years ago (diff)

Ticket #2966 - Implementação da tela tarefas no módulo expressoMail.

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