source: branches/2.2.0.1/calendar/templates/default/day_cal.tpl @ 4032

Revision 4032, 5.8 KB checked in by rafaelraymundo, 13 years ago (diff)

Ticket #1615 - Componente novo para agenda. Retirada da barra horizontal acima da grade de horas.
  • Property svn:eol-style set to native
  • Property svn:executable set to *
Line 
1<!-- BEGIN day -->
2
3
4<script src="calendar/js/dhtmlx/codebase/dhtmlxscheduler_debug.js" type="text/javascript" charset="utf-8"></script>
5<script src="calendar/js/dhtmlx/codebase/ext/dhtmlxscheduler_pdf.js"></script>
6<script src="calendar/js/dhtmlx/sources/locale_pt.js"></script>
7<script src="calendar/js/dhtmlx/sources/ext/ext_new_week.js"></script>
8<link rel="stylesheet" href="calendar/js/dhtmlx/codebase/dhtmlxscheduler.css" type="text/css" charset="utf-8">
9
10<div class="th" style='width:1000px; height:470px;'>
11
12    <div  id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
13        <div class="dhx_cal_navline" style="display: none;">
14            <div class="dhx_cal_prev_button" style="display: none;">&nbsp;</div>
15            <div class="dhx_cal_next_button" style="display: none;">&nbsp;</div>
16            <div class="dhx_cal_today_button" style="display: none;" ></div>
17            <div class="dhx_cal_date" style="display:none;"></div>
18            <div class="dhx_cal_tab" name="day_tab" style="right:204px; display: none;"></div>
19            <div class="dhx_cal_tab" name="week_tab" style="right:140px; display: none;"></div>
20            <div class="dhx_cal_tab" name="month_tab" style="right:76px; display: none;"></div>
21 </div>
22        <div class="dhx_cal_header" style="visibility: hidden;">
23        </div>
24        <div class="dhx_cal_data">
25        </div>
26    </div>
27</div>
28
29<body onload="loadScheduler()"></body>
30
31<script>
32
33    function loadScheduler()
34    {
35
36        //inicializa o calendário
37        scheduler.showLightbox = function(id)
38        {
39
40            var ev = scheduler.getEvent(id);
41
42            var bgYea = ev.start_date.getFullYear().toString();
43            var bgMon = (ev.start_date.getMonth() + 1).toString();
44
45            if (bgMon.length < 2)
46            {
47                bgMon = '0' + bgMon;
48            }
49
50            var bgDay = ev.start_date.getDate().toString();
51
52            if (bgDay.length < 2)
53            {
54                bgDay = '0' + bgDay;
55            }
56
57            var bgHou = ev.start_date.getHours();
58            var bgMin = ev.start_date.getMinutes();
59
60            window.location="index.php?menuaction=calendar.uicalendar.add&date=" + bgYea + bgMon + bgDay + "&hour=" + bgHou + "&minute=" + bgMin;
61
62        }
63
64        scheduler.templates.event_class=function(start,end,event){
65                  if (event.rejected)
66                    return "rejected";
67                  if (event.intersection)
68                     return "intersection";
69
70        }
71
72        scheduler.templates.event_header=function(start,end,event){
73
74            var imgs = '';
75            if(event.recur && event.recur != false)
76            {
77                imgs += '<img width="10px" height="10px" border="0" title="Evento recorrente" src="/calendar/templates/default/images/recur.png"/>';
78            }
79
80            if(event.participants == 1)
81            {
82                imgs += " " + '<img width="11px" height="10px" border="0" title="'+event.participants_title+'" src="/calendar/templates/default/images/multi_3.png"/>';
83            }
84            else
85            {
86                imgs += " " + '<img width="11px" height="10px" border="0" title="'+event.participants_title+'" src="/calendar/templates/default/images/single.png"/>';
87            }
88
89            if(event.attachments == 1)
90            {
91                imgs += " " + '<img width="10px" height="10px" border="0" title="Foram enviadas notificações com anexos" src="/calendar/templates/default/images/clip.png"/>';
92            }
93
94            if(event.isPublic == 0)
95            {
96                imgs += " " + '<img width="11px" height="10px" border="0" title="'+event.isPublicTitle+'" src="/calendar/templates/default/images/private.png"/>';
97            }
98
99            if(event.alarm == 1)
100            {
101                imgs += " " + '<img width="11px" height="10px" border="0" title="Alarme" src="/calendar/templates/default/images/alarm.png"/>';
102            }
103
104            if(event.title)
105            {
106                var eventTitle = (" - ") + event.title;
107            }
108            else
109            {
110                var eventTitle = "";
111            }
112
113            if(event.descOnTitle == 1)
114            {
115                var eventDescOnTitle = (" - ") + event.text;
116            }
117            else
118            {
119                var eventDescOnTitle = '';
120            }
121
122            return imgs + " " + scheduler.templates.hour_scale(start) + " " + scheduler.templates.hour_scale(end) + eventTitle + eventDescOnTitle;
123        }
124
125        scheduler.xy.scale_height=0;
126        scheduler.xy.nav_height=0;
127        scheduler.config.hour_size_px = {hour_size_px} ;
128        scheduler.config.scroll_hour = 8;
129        scheduler.config.time_step = 30; //- {numeric} minimal date size step in minutes;
130        scheduler.config.start_on_monday = true; //{boolean} if true week starts from Monday ( if false, week start from Sunday);
131        scheduler.config.first_hour = {hora_inicial};
132        scheduler.config.last_hour = {hora_final};
133        scheduler.config.drag_resize = false;//- {boolean} allows resizing events by dnd;
134        scheduler.config.drag_move = false;//- {boolean} allows moving events by dnd;
135        scheduler.config.drag_create = false;// - {boolean} allows creating new events by dnd;
136        scheduler.config.dblclick_create = true;//- {boolean} allows creating new events by double click;
137        scheduler.config.edit_on_create = true;//- {boolean} shows form on new event creation;
138        scheduler.config.details_on_create = true;//- {boolean} uses extended form on new event creation by drag or by dbl-click (option doesn't affect monthly view - where details form is the only way to change data);
139        scheduler.config.details_on_dblclick = true;// - {boolean} uses extended form on event double-click (double-click on existing event).
140        scheduler.attachEvent("onClick",function(){ return false;});
141        scheduler.attachEvent("onDblClick",function(id){
142                                var ev = scheduler.getEvent(id);
143                                var id_mod = ev.id;
144                                if(ev.recur!=false) id_mod = ev.id.split('rc',1)[0]+"&date="+ev.recur;
145                                window.location="index.php?menuaction=calendar.uicalendar.view&cal_id="+id_mod;});
146
147        scheduler.config.xml_date="%Y-%m-%d %H:%i";
148        scheduler.init('scheduler_here',new {date},"day");
149        scheduler.parse({events_json},"json");
150
151    }
152
153    function callViewEvent(id) //double click on events title bar
154    {
155        var ev = scheduler.getEvent(id);
156        var id_mod = ev.id;
157        if(ev.recur!=false) id_mod = ev.id.split('rc',1)[0]+"&date="+ev.recur;
158        window.location="index.php?menuaction=calendar.uicalendar.view&cal_id="+id_mod;
159    }
160
161</script>
162
163<!-- END day -->
Note: See TracBrowser for help on using the repository browser.