tests/manual/calendar-example.html

	calendar-example.html revision 520d8bcc196e6dab14119ccec8a6e1b28b330df8
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<html>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<head>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich    <title>Calendar Example</title>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich    <script type="text/javascript" src="/build/yui/yui.js"></script>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<style>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich.yui3-skin-sam .redtext {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich    color:#ff0000;
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich}
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich</style>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich</head>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<body class="yui3-skin-sam">
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<div id="mycalendar"></div>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<div id="currentDate"></div>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich<script>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen RabinovichYUI({
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovichbase: '/build/'
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich}).use('calendar',  function(Y) {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen RabinovichY.CalendarBase.CONTENT_TEMPLATE = Y.CalendarBase.TWO_PANE_TEMPLATE;
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovichfunction myHeaderRenderer (curDate) {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            var ydate = Y.DataType.Date,
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                output = ydate.format(curDate, {format: "%B %Y"}) +
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                         " &mdash; " +
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                         ydate.format(ydate.addMonths(curDate, 1), {format: "%B %Y"});
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            return output;
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich         };
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich         var myRules = {"all":
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                "all": {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                    "all": {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                        "0,6": "all_weekends"
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                    }
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                }
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            },
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            "2010": {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                "all": {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                    "5": "thefifths"
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich                }
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            }
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich         };
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovichfunction myFilter (oDate, oNode, rules) {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovichif (rules.indexOf("all_weekends") >= 0) {
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich    oNode.addClass('redtext');
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich}
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich};
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich         var calendar = new Y.Calendar({
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            contentBox: "#mycalendar",
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            showNextMonth: true,
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            showPrevMonth: true,
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            disabledDatesRule: "thefifths",
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            selectionMode: "multiple",
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            minimumDate: new Date(2011,6,1),
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            maximumDate: new Date(2011,11,1),
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            headerRenderer: myHeaderRenderer,
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich            width:'600px'}).render();
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich        calendar.set("customRenderer", {rules: myRules, filterFunction: myFilter});
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich});
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich</script>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich</body>
520d8bcc196e6dab14119ccec8a6e1b28b330df8Allen Rabinovich</html>