source: sandbox/2.3-MailArchiver/calendar/js/dhtmlx/samples/02_customization/06_templates.html @ 6779

Revision 6779, 2.2 KB checked in by rafaelraymundo, 12 years ago (diff)

Ticket #2946 - Liberado Expresso(branch 2.3) integrado ao MailArchiver?.

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<head>
4        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
5        <title></title>
6</head>
7        <script src="../../codebase/dhtmlxscheduler.js" type="text/javascript" charset="utf-8"></script>
8        <link rel="stylesheet" href="../../codebase/dhtmlxscheduler.css" type="text/css" media="screen" title="no title" charset="utf-8">
9
10       
11<style type="text/css" media="screen">
12        html, body{
13                margin:0px;
14                padding:0px;
15                height:100%;
16                overflow:hidden;
17        }       
18    /*event in day or week view*/
19        .dhx_cal_event.past_event div{
20                background-color:purple !important;
21                color:white !important;
22        }
23    /*multi-day event in month view*/
24        .dhx_cal_event_line.past_event{
25                background-color:purple !important;
26                color:white !important;
27        }
28    /*event with fixed time, in month view*/
29        .dhx_cal_event_clear.past_event{
30                color:purple !important;
31        }       
32</style>
33
34<script type="text/javascript" charset="utf-8">
35        function init() {
36                scheduler.config.xml_date="%Y-%m-%d %H:%i";
37                scheduler.init('scheduler_here',new Date(2010,0,10),"week");
38                //define how text inside event bar looks
39                scheduler.templates.event_text=function(start,end,event){
40                        return "Text:<b> "+event.text+"</b><br>"+"Descr."+event.details;
41                }
42                scheduler.templates.event_class=function(start,end,event){
43                   if (start < (new Date())) //if date in past
44                  return "past_event"; //then set special css class for it
45                }
46                scheduler.load("../common/events.xml");
47               
48        }
49</script>
50
51<body onload="init();">
52        <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
53                <div class="dhx_cal_navline">
54                        <div class="dhx_cal_prev_button">&nbsp;</div>
55                        <div class="dhx_cal_next_button">&nbsp;</div>
56                        <div class="dhx_cal_today_button"></div>
57                        <div class="dhx_cal_date"></div>
58                        <div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
59                        <div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
60                        <div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
61                </div>
62                <div class="dhx_cal_header">
63                </div>
64                <div class="dhx_cal_data">
65                </div>         
66        </div>
67</body>
Note: See TracBrowser for help on using the repository browser.