add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / calendar / src / template / Month.js

/**\r
 * @class Ext.calendar.template.Month\r
 * @extends Ext.XTemplate\r
 * <p>This is the template used to render the {@link Ext.calendar.template.Month MonthView}. Internally this class defers to an\r
 * instance of {@link Ext.calerndar.BoxLayoutTemplate} to handle the inner layout rendering and adds containing elements around\r
 * that to form the month view.</p> \r
 * <p>This template is automatically bound to the underlying event store by the \r
 * calendar components and expects records of type {@link Ext.calendar.EventRecord}.</p>\r
 * @constructor\r
 * @param {Object} config The config object\r
 */\r
Ext.define('Ext.calendar.template.Month', {\r
    extend: 'Ext.XTemplate',\r
    \r
    requires: ['Ext.calendar.template.BoxLayout'],\r
    \r
    constructor: function(config){\r
        \r
        Ext.apply(this, config);\r
    \r
        this.weekTpl = new Ext.calendar.template.BoxLayout(config);\r
        this.weekTpl.compile();\r
        \r
        var weekLinkTpl = this.showWeekLinks ? '<div class="ext-cal-week-link-hd">&#160;</div>' : '';\r
        \r
        this.callParent([\r
            '<div class="ext-cal-inner-ct {extraClasses}">',\r
                '<div class="ext-cal-hd-ct ext-cal-month-hd">',\r
                    weekLinkTpl,\r
                    '<table class="ext-cal-hd-days-tbl" cellpadding="0" cellspacing="0">',\r
                        '<tbody>',\r
                            '<tr>',\r
                                '<tpl for="days">',\r
                                    '<th class="ext-cal-hd-day{[xindex==1 ? " ext-cal-day-first" : ""]}" title="{.:date("l, F j, Y")}">{.:date("D")}</th>',\r
                                '</tpl>',\r
                            '</tr>',\r
                        '</tbody>',\r
                    '</table>',\r
                '</div>',\r
                '<div class="ext-cal-body-ct">{weeks}</div>',\r
            '</div>'\r
        ]);\r
    },\r
\r
    // private\r
    applyTemplate : function(o){\r
        var days = [],\r
            weeks = this.weekTpl.apply(o),\r
            dt = o.viewStart,\r
            D = Ext.calendar.util.Date;\r
        \r
        for(var i = 0; i < 7; i++){\r
            days.push(D.add(dt, {days: i}));\r
        }\r
        \r
        var extraClasses = this.showHeader === true ? '' : 'ext-cal-noheader';\r
        if(this.showWeekLinks){\r
            extraClasses += ' ext-cal-week-links';\r
        }\r
        \r
        return this.applyOut({\r
            days: days,\r
            weeks: weeks,\r
            extraClasses: extraClasses\r
        }, []).join('');\r
    },\r
    \r
    apply: function(values) {\r
        return this.applyTemplate.apply(this, arguments);\r
    }\r
});