Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / calendar / src / views / MonthDayDetailView.js

diff --git a/examples/calendar/src/views/MonthDayDetailView.js b/examples/calendar/src/views/MonthDayDetailView.js
deleted file mode 100644 (file)
index 2012110..0000000
--- a/examples/calendar/src/views/MonthDayDetailView.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
-/*\r
- * This is the view used internally by the panel that displays overflow events in the\r
- * month view. Anytime a day cell cannot display all of its events, it automatically displays\r
- * a link at the bottom to view all events for that day. When clicked, a panel pops up that\r
- * uses this view to display the events for that day.\r
- */\r
-Ext.calendar.MonthDayDetailView = Ext.extend(Ext.BoxComponent, {\r
-    initComponent: function() {\r
-        Ext.calendar.CalendarView.superclass.initComponent.call(this);\r
-\r
-        this.addEvents({\r
-            eventsrendered: true\r
-        });\r
-\r
-        if (!this.el) {\r
-            this.el = document.createElement('div');\r
-        }\r
-    },\r
-\r
-    afterRender: function() {\r
-        this.tpl = this.getTemplate();\r
-\r
-        Ext.calendar.MonthDayDetailView.superclass.afterRender.call(this);\r
-\r
-        this.el.on({\r
-            'click': this.view.onClick,\r
-            'mouseover': this.view.onMouseOver,\r
-            'mouseout': this.view.onMouseOut,\r
-            scope: this.view\r
-        });\r
-    },\r
-\r
-    getTemplate: function() {\r
-        if (!this.tpl) {\r
-            this.tpl = new Ext.XTemplate(\r
-            '<div class="ext-cal-mdv x-unselectable">',\r
-            '<table class="ext-cal-mvd-tbl" cellpadding="0" cellspacing="0">',\r
-            '<tbody>',\r
-            '<tpl for=".">',\r
-            '<tr><td class="ext-cal-ev">{markup}</td></tr>',\r
-            '</tpl>',\r
-            '</tbody>',\r
-            '</table>',\r
-            '</div>'\r
-            );\r
-        }\r
-        this.tpl.compile();\r
-        return this.tpl;\r
-    },\r
-\r
-    update: function(dt) {\r
-        this.date = dt;\r
-        this.refresh();\r
-    },\r
-\r
-    refresh: function() {\r
-        if (!this.rendered) {\r
-            return;\r
-        }\r
-        var eventTpl = this.view.getEventTemplate(),\r
-\r
-        templateData = [];\r
-\r
-        evts = this.store.queryBy(function(rec) {\r
-            var thisDt = this.date.clearTime(true).getTime(),\r
-                recStart = rec.data[Ext.calendar.EventMappings.StartDate.name].clearTime(true).getTime(),\r
-                startsOnDate = (thisDt == recStart),\r
-                spansDate = false;\r
-\r
-            if (!startsOnDate) {\r
-                var recEnd = rec.data[Ext.calendar.EventMappings.EndDate.name].clearTime(true).getTime();\r
-                spansDate = recStart < thisDt && recEnd >= thisDt;\r
-            }\r
-            return startsOnDate || spansDate;\r
-        },\r
-        this);\r
-\r
-        evts.each(function(evt) {\r
-            var item = evt.data,\r
-            M = Ext.calendar.EventMappings;\r
-\r
-            item._renderAsAllDay = item[M.IsAllDay.name] || Ext.calendar.Date.diffDays(item[M.StartDate.name], item[M.EndDate.name]) > 0;\r
-            item.spanLeft = Ext.calendar.Date.diffDays(item[M.StartDate.name], this.date) > 0;\r
-            item.spanRight = Ext.calendar.Date.diffDays(this.date, item[M.EndDate.name]) > 0;\r
-            item.spanCls = (item.spanLeft ? (item.spanRight ? 'ext-cal-ev-spanboth':\r
-            'ext-cal-ev-spanleft') : (item.spanRight ? 'ext-cal-ev-spanright': ''));\r
-\r
-            templateData.push({\r
-                markup: eventTpl.apply(this.getTemplateEventData(item))\r
-            });\r
-        },\r
-        this);\r
-\r
-        this.tpl.overwrite(this.el, templateData);\r
-        this.fireEvent('eventsrendered', this, this.date, evts.getCount());\r
-    },\r
-\r
-    getTemplateEventData: function(evt) {\r
-        var data = this.view.getTemplateEventData(evt);\r
-        data._elId = 'dtl-' + data._elId;\r
-        return data;\r
-    }\r
-});\r
-\r
-Ext.reg('monthdaydetailview', Ext.calendar.MonthDayDetailView);\r