source: sandbox/2.4.2-expresso1/prototype/modules/calendar/templates/calendar_colorpicker.ejs @ 5341

Revision 5341, 2.2 KB checked in by wmerlotto, 12 years ago (diff)

Ticket #2434 - Commit inicial do novo módulo de agenda do Expresso - expressoCalendar

Line 
1<%
2        var selected = false;
3        if (data.colorsDefined){
4                selected = data.colorsDefined;
5
6        } else {
7       
8                for (var i=0; i<data.colorsSuggestions.length; i++) {
9                        if (data.colorsSuggestions[i].selected) {
10                                selected = data.colorsSuggestions[i];
11                        }
12                }
13                if (!selected && data.colorsSuggestions.length>0) {
14                        data.colorsSuggestions[0].selected = true;
15                        selected = data.colorsSuggestions[0]
16                }
17        }
18%>
19<div>
20        <select class="color-suggestions">
21                <% for (var i=0; i<data.colorsSuggestions.length; i++) { %>
22                        <option <%= data.colorsSuggestions[i].selected ? 'selected="selected"' : '' %> value="<%= i %>"><%= data.colorsSuggestions[i].name %></option>
23                <% } %>
24                <option <%= data.colorsDefined ? 'selected="selected"' : '' %> value="custom" >Personalizada</option>
25        </select>
26        <div style="margin:30px 0 0 50px; float:right; width: 130px; height: 140px;" class="fc-event fc-event-skin fc-event-vert fc-event-draggable fc-corner-top fc-corner-bottom ui-draggable ui-resizable" event-id="1"><div style="background-color: rgb(213, 19, 11); border-color: rgb(213, 19, 11); color: rgb(17, 17, 17);" class="fc-event-inner fc-event-skin"><div style="background-color: rgb(213, 19, 11); border-color: rgb(213, 19, 11); color: rgb(17, 17, 17);" class="fc-event-head fc-event-skin"><div class="fc-event-time">07:00 - 12:00</div></div><div class="fc-event-content"><div class="fc-event-title">Um pequeno texto de exemplo...</div></div><div class="fc-event-bg"></div></div><div class="ui-resizable-handle ui-resizable-s">=</div></div>
27
28        <div class="colorpicker" style="float: right;"></div>
29        <div class="form-item"><label for="fontColor" style="width:130px; display: inline-block; font-weight: bold;">Texto:</label><input type="text" name="fontColor" class="colorwell" value="<%= selected.font %>" /></div>
30        <div class="form-item"><label for="backgroundColor" style="width:130px; display: inline-block; font-weight: bold;">Área de conteúdo:</label><input type="text" name="backgroundColor" class="colorwell" value="<%= selected.background %>" /></div>
31        <div class="form-item"><label for="borderColor" style="width:130px; display: inline-block; font-weight: bold;">Bordas:</label><input type="text" name="borderColor" class="colorwell" value="<%= selected.border %>" /></div>
32
33</div>
34<div class="clear"></div>
Note: See TracBrowser for help on using the repository browser.