X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/f5240829880f87e0cf581c6a296e436fdef0ef80..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/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
index 760308a1..00000000
--- a/examples/calendar/src/views/MonthDayDetailView.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/*!
- * Ext JS Library 3.3.0
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-/*
- * This is the view used internally by the panel that displays overflow events in the
- * month view. Anytime a day cell cannot display all of its events, it automatically displays
- * a link at the bottom to view all events for that day. When clicked, a panel pops up that
- * uses this view to display the events for that day.
- */
-Ext.calendar.MonthDayDetailView = Ext.extend(Ext.BoxComponent, {
- initComponent: function() {
- Ext.calendar.CalendarView.superclass.initComponent.call(this);
-
- this.addEvents({
- eventsrendered: true
- });
-
- if (!this.el) {
- this.el = document.createElement('div');
- }
- },
-
- afterRender: function() {
- this.tpl = this.getTemplate();
-
- Ext.calendar.MonthDayDetailView.superclass.afterRender.call(this);
-
- this.el.on({
- 'click': this.view.onClick,
- 'mouseover': this.view.onMouseOver,
- 'mouseout': this.view.onMouseOut,
- scope: this.view
- });
- },
-
- getTemplate: function() {
- if (!this.tpl) {
- this.tpl = new Ext.XTemplate(
- '
',
- '
',
- '',
- '',
- '{markup} |
',
- '',
- '',
- '
',
- '
'
- );
- }
- this.tpl.compile();
- return this.tpl;
- },
-
- update: function(dt) {
- this.date = dt;
- this.refresh();
- },
-
- refresh: function() {
- if (!this.rendered) {
- return;
- }
- var eventTpl = this.view.getEventTemplate(),
-
- templateData = [];
-
- evts = this.store.queryBy(function(rec) {
- var thisDt = this.date.clearTime(true).getTime(),
- recStart = rec.data[Ext.calendar.EventMappings.StartDate.name].clearTime(true).getTime(),
- startsOnDate = (thisDt == recStart),
- spansDate = false;
-
- if (!startsOnDate) {
- var recEnd = rec.data[Ext.calendar.EventMappings.EndDate.name].clearTime(true).getTime();
- spansDate = recStart < thisDt && recEnd >= thisDt;
- }
- return startsOnDate || spansDate;
- },
- this);
-
- evts.each(function(evt) {
- var item = evt.data,
- M = Ext.calendar.EventMappings;
-
- item._renderAsAllDay = item[M.IsAllDay.name] || Ext.calendar.Date.diffDays(item[M.StartDate.name], item[M.EndDate.name]) > 0;
- item.spanLeft = Ext.calendar.Date.diffDays(item[M.StartDate.name], this.date) > 0;
- item.spanRight = Ext.calendar.Date.diffDays(this.date, item[M.EndDate.name]) > 0;
- item.spanCls = (item.spanLeft ? (item.spanRight ? 'ext-cal-ev-spanboth':
- 'ext-cal-ev-spanleft') : (item.spanRight ? 'ext-cal-ev-spanright': ''));
-
- templateData.push({
- markup: eventTpl.apply(this.getTemplateEventData(item))
- });
- },
- this);
-
- this.tpl.overwrite(this.el, templateData);
- this.fireEvent('eventsrendered', this, this.date, evts.getCount());
- },
-
- getTemplateEventData: function(evt) {
- var data = this.view.getTemplateEventData(evt);
- data._elId = 'dtl-' + data._elId;
- return data;
- }
-});
-
-Ext.reg('monthdaydetailview', Ext.calendar.MonthDayDetailView);