shubhadownloader
Version:
There is large amount of information available in market place. The markets are always in sync. In today's world investors find it very difficult to make effective use of information available to them. Shubha Downloader is great tool which resolves this problem and helps investor to increase his productivity and stay focused on decision making. Shubha Downloader enable end user to download market data from available sources and organize it. Shubha Downloader is Open source & FREE utility for end users. Shubha Downloader have main features as follows End of the day market data from web to your favorite charting application . Fundamental market data from web to your favorite charting application. Market reports from web to your favorite charting application.
453 lines (410 loc) • 16.7 kB
JavaScript
/**S
* @class Ext.calendar.view.DayBody
* @extends Ext.calendar.view.AbstractCalendar
* <p>This is the scrolling container within the day and week views where non-all-day events are displayed.
* Normally you should not need to use this class directly -- instead you should use {@link Ext.calendar.DayView DayView}
* which aggregates this class and the {@link Ext.calendar.DayHeaderView DayHeaderView} into the single unified view
* presented by {@link Ext.calendar.CalendarPanel CalendarPanel}.</p>
* @constructor
* @param {Object} config The config object
*/
Ext.define('Ext.calendar.view.DayBody', {
extend: 'Ext.calendar.view.AbstractCalendar',
alias: 'widget.daybodyview',
requires: [
'Ext.XTemplate',
'Ext.calendar.template.DayBody',
'Ext.calendar.data.EventMappings',
'Ext.calendar.dd.DayDragZone',
'Ext.calendar.dd.DayDropZone'
],
//private
dayColumnElIdDelimiter: '-day-col-',
//private
initComponent: function() {
this.callParent(arguments);
this.addEvents({
/**
* @event eventresize
* Fires after the user drags the resize handle of an event to resize it
* @param {Ext.calendar.view.DayBody} this
* @param {Ext.calendar.EventRecord} rec The {@link Ext.calendar.EventRecord record} for the event that was resized
* containing the updated start and end dates
*/
eventresize: true,
/**
* @event dayclick
* Fires after the user clicks within the day view container and not on an event element
* @param {Ext.calendar.view.DayBody} this
* @param {Date} dt The date/time that was clicked on
* @param {Boolean} allday True if the day clicked on represents an all-day box, else false. Clicks within the
* DayBodyView always return false for this param.
* @param {Ext.core.Element} el The Element that was clicked on
*/
dayclick: true
});
},
//private
initDD: function() {
var cfg = {
createText: this.ddCreateEventText,
moveText: this.ddMoveEventText,
resizeText: this.ddResizeEventText
};
this.el.ddScrollConfig = {
// scrolling is buggy in IE/Opera for some reason. A larger vthresh
// makes it at least functional if not perfect
vthresh: Ext.isIE || Ext.isOpera ? 100: 40,
hthresh: -1,
frequency: 50,
increment: 100,
ddGroup: 'DayViewDD'
};
this.dragZone = new Ext.calendar.dd.DayDragZone(this.el, Ext.apply({
view: this,
containerScroll: true
},
cfg));
this.dropZone = new Ext.calendar.dd.DayDropZone(this.el, Ext.apply({
view: this
},
cfg));
},
//private
refresh: function() {
var top = this.el.getScroll().top;
this.prepareData();
this.renderTemplate();
this.renderItems();
// skip this if the initial render scroll position has not yet been set.
// necessary since IE/Opera must be deferred, so the first refresh will
// override the initial position by default and always set it to 0.
if (this.scrollReady) {
this.scrollTo(top);
}
},
/**
* Scrolls the container to the specified vertical position. If the view is large enough that
* there is no scroll overflow then this method will have no effect.
* @param {Number} y The new vertical scroll position in pixels
* @param {Boolean} defer (optional) <p>True to slightly defer the call, false to execute immediately.</p>
* <p>This method will automatically defer itself for IE and Opera (even if you pass false) otherwise
* the scroll position will not update in those browsers. You can optionally pass true, however, to
* force the defer in all browsers, or use your own custom conditions to determine whether this is needed.</p>
* <p>Note that this method should not generally need to be called directly as scroll position is managed internally.</p>
*/
scrollTo: function(y, defer) {
defer = defer || (Ext.isIE || Ext.isOpera);
if (defer) {
Ext.defer(function() {
this.el.scrollTo('top', y, true);
this.scrollReady = true;
}, 10, this);
}
else {
this.el.scrollTo('top', y, true);
this.scrollReady = true;
}
},
// private
afterRender: function() {
if (!this.tpl) {
this.tpl = new Ext.calendar.template.DayBody({
id: this.id,
dayCount: this.dayCount,
showTodayText: this.showTodayText,
todayText: this.todayText,
showTime: this.showTime
});
}
this.tpl.compile();
this.addCls('ext-cal-body-ct');
this.callParent(arguments);
// default scroll position to 7am:
this.scrollTo(7 * 42);
},
// private
forceSize: Ext.emptyFn,
// private
onEventResize: function(rec, data) {
var D = Ext.calendar.util.Date,
start = Ext.calendar.data.EventMappings.StartDate.name,
end = Ext.calendar.data.EventMappings.EndDate.name;
if (D.compare(rec.data[start], data.StartDate) === 0 &&
D.compare(rec.data[end], data.EndDate) === 0) {
// no changes
return;
}
rec.set(start, data.StartDate);
rec.set(end, data.EndDate);
this.fireEvent('eventresize', this, rec);
},
// inherited docs
getEventBodyMarkup: function() {
if (!this.eventBodyMarkup) {
this.eventBodyMarkup = ['{Title}',
'<tpl if="_isReminder">',
'<i class="ext-cal-ic ext-cal-ic-rem"> </i>',
'</tpl>',
'<tpl if="_isRecurring">',
'<i class="ext-cal-ic ext-cal-ic-rcr"> </i>',
'</tpl>'
// '<tpl if="spanLeft">',
// '<i class="ext-cal-spl"> </i>',
// '</tpl>',
// '<tpl if="spanRight">',
// '<i class="ext-cal-spr"> </i>',
// '</tpl>'
].join('');
}
return this.eventBodyMarkup;
},
// inherited docs
getEventTemplate: function() {
if (!this.eventTpl) {
this.eventTpl = !(Ext.isIE || Ext.isOpera) ?
new Ext.XTemplate(
'<div id="{_elId}" class="{_selectorCls} {_colorCls} ext-cal-evt ext-cal-evr" style="left: {_left}%; width: {_width}%; top: {_top}px; height: {_height}px;">',
'<div class="ext-evt-bd">', this.getEventBodyMarkup(), '</div>',
'<div class="ext-evt-rsz"><div class="ext-evt-rsz-h"> </div></div>',
'</div>'
)
: new Ext.XTemplate(
'<div id="{_elId}" class="ext-cal-evt {_selectorCls} {_colorCls}-x" style="left: {_left}%; width: {_width}%; top: {_top}px;">',
'<div class="ext-cal-evb"> </div>',
'<dl style="height: {_height}px;" class="ext-cal-evdm">',
'<dd class="ext-evt-bd">',
this.getEventBodyMarkup(),
'</dd>',
'<div class="ext-evt-rsz"><div class="ext-evt-rsz-h"> </div></div>',
'</dl>',
'<div class="ext-cal-evb"> </div>',
'</div>'
);
this.eventTpl.compile();
}
return this.eventTpl;
},
/**
* <p>Returns the XTemplate that is bound to the calendar's event store (it expects records of type
* {@link Ext.calendar.EventRecord}) to populate the calendar views with <strong>all-day</strong> events.
* Internally this method by default generates different markup for browsers that support CSS border radius
* and those that don't. This method can be overridden as needed to customize the markup generated.</p>
* <p>Note that this method calls {@link #getEventBodyMarkup} to retrieve the body markup for events separately
* from the surrounding container markup. This provdes the flexibility to customize what's in the body without
* having to override the entire XTemplate. If you do override this method, you should make sure that your
* overridden version also does the same.</p>
* @return {Ext.XTemplate} The event XTemplate
*/
getEventAllDayTemplate: function() {
if (!this.eventAllDayTpl) {
var tpl,
body = this.getEventBodyMarkup();
tpl = !(Ext.isIE || Ext.isOpera) ?
new Ext.XTemplate(
'<div id="{_elId}" class="{_selectorCls} {_colorCls} {spanCls} ext-cal-evt ext-cal-evr" style="left: {_left}%; width: {_width}%; top: {_top}px; height: {_height}px;">',
body,
'</div>'
)
: new Ext.XTemplate(
'<div id="{_elId}" class="ext-cal-evt" style="left: {_left}%; width: {_width}%; top: {_top}px; height: {_height}px;">',
'<div class="{_selectorCls} {spanCls} {_colorCls} ext-cal-evo">',
'<div class="ext-cal-evm">',
'<div class="ext-cal-evi">',
body,
'</div>',
'</div>',
'</div></div>'
);
tpl.compile();
this.eventAllDayTpl = tpl;
}
return this.eventAllDayTpl;
},
// private
getTemplateEventData: function(evt) {
var selector = this.getEventSelectorCls(evt[Ext.calendar.data.EventMappings.EventId.name]),
data = {},
M = Ext.calendar.data.EventMappings;
this.getTemplateEventBox(evt);
data._selectorCls = selector;
data._colorCls = 'ext-color-' + (evt[M.CalendarId.name] || '0') + (evt._renderAsAllDay ? '-ad': '');
data._elId = selector + (evt._weekIndex ? '-' + evt._weekIndex: '');
data._isRecurring = evt.Recurrence && evt.Recurrence != '';
data._isReminder = evt[M.Reminder.name] && evt[M.Reminder.name] != '';
var title = evt[M.Title.name];
data.Title = (evt[M.IsAllDay.name] ? '': Ext.Date.format(evt[M.StartDate.name], 'g:ia ')) + (!title || title.length == 0 ? '(No title)': title);
return Ext.applyIf(data, evt);
},
// private
getTemplateEventBox: function(evt) {
var heightFactor = 0.7,
start = evt[Ext.calendar.data.EventMappings.StartDate.name],
end = evt[Ext.calendar.data.EventMappings.EndDate.name],
startMins = start.getHours() * 60 + start.getMinutes(),
endMins = end.getHours() * 60 + end.getMinutes(),
diffMins = endMins - startMins;
evt._left = 0;
evt._width = 100;
evt._top = Math.round(startMins * heightFactor);
evt._height = Math.max((diffMins * heightFactor), 15);
},
// private
renderItems: function() {
var day = 0,
evts = [],
ev,
d,
ct,
item,
i,
j,
l,
emptyCells, skipped,
evt,
evt2,
overlapCols,
prevCol,
colWidth,
evtWidth,
markup,
target;
for (; day < this.dayCount; day++) {
ev = emptyCells = skipped = 0;
d = this.eventGrid[0][day];
ct = d ? d.length: 0;
for (; ev < ct; ev++) {
evt = d[ev];
if (!evt) {
continue;
}
item = evt.data || evt.event.data;
if (item._renderAsAllDay) {
continue;
}
Ext.apply(item, {
cls: 'ext-cal-ev',
_positioned: true
});
evts.push({
data: this.getTemplateEventData(item),
date: Ext.calendar.util.Date.add(this.viewStart, {days: day})
});
}
}
// overlapping event pre-processing loop
i = j = overlapCols = prevCol = 0;
l = evts.length;
for (; i < l; i++) {
evt = evts[i].data;
evt2 = null;
prevCol = overlapCols;
for (j = 0; j < l; j++) {
if (i == j) {
continue;
}
evt2 = evts[j].data;
if (this.isOverlapping(evt, evt2)) {
evt._overlap = evt._overlap == undefined ? 1: evt._overlap + 1;
if (i < j) {
if (evt._overcol === undefined) {
evt._overcol = 0;
}
evt2._overcol = evt._overcol + 1;
overlapCols = Math.max(overlapCols, evt2._overcol);
}
}
}
}
// rendering loop
for (i = 0; i < l; i++) {
evt = evts[i].data;
if (evt._overlap !== undefined) {
colWidth = 100 / (overlapCols + 1);
evtWidth = 100 - (colWidth * evt._overlap);
evt._width = colWidth;
evt._left = colWidth * evt._overcol;
}
markup = this.getEventTemplate().apply(evt);
target = this.id + '-day-col-' + Ext.Date.format(evts[i].date, 'Ymd');
Ext.core.DomHelper.append(target, markup);
}
this.fireEvent('eventsrendered', this);
},
// private
getDayEl: function(dt) {
return Ext.get(this.getDayId(dt));
},
// private
getDayId: function(dt) {
if (Ext.isDate(dt)) {
dt = Ext.Date.format(dt, 'Ymd');
}
return this.id + this.dayColumnElIdDelimiter + dt;
},
// private
getDaySize: function() {
var box = this.el.down('.ext-cal-day-col-inner').getBox();
return {
height: box.height,
width: box.width
};
},
// private
getDayAt: function(x, y) {
var xoffset = this.el.down('.ext-cal-day-times').getWidth(),
viewBox = this.el.getBox(),
daySize = this.getDaySize(false),
relX = x - viewBox.x - xoffset,
dayIndex = Math.floor(relX / daySize.width),
// clicked col index
scroll = this.el.getScroll(),
row = this.el.down('.ext-cal-bg-row'),
// first avail row, just to calc size
rowH = row.getHeight() / 2,
// 30 minute increment since a row is 60 minutes
relY = y - viewBox.y - rowH + scroll.top,
rowIndex = Math.max(0, Math.ceil(relY / rowH)),
mins = rowIndex * 30,
dt = Ext.calendar.util.Date.add(this.viewStart, {days: dayIndex, minutes: mins}),
el = this.getDayEl(dt),
timeX = x;
if (el) {
timeX = el.getLeft();
}
return {
date: dt,
el: el,
// this is the box for the specific time block in the day that was clicked on:
timeBox: {
x: timeX,
y: (rowIndex * 21) + viewBox.y - scroll.top,
width: daySize.width,
height: rowH
}
};
},
// private
onClick: function(e, t) {
if (this.dragPending || Ext.calendar.view.DayBody.superclass.onClick.apply(this, arguments)) {
// The superclass handled the click already so exit
return;
}
if (e.getTarget('.ext-cal-day-times', 3) !== null) {
// ignore clicks on the times-of-day gutter
return;
}
var el = e.getTarget('td', 3);
if (el) {
if (el.id && el.id.indexOf(this.dayElIdDelimiter) > -1) {
var dt = this.getDateFromId(el.id, this.dayElIdDelimiter);
this.fireEvent('dayclick', this, Ext.Date.parseDate(dt, 'Ymd'), true, Ext.get(this.getDayId(dt, true)));
return;
}
}
var day = this.getDayAt(e.getX(), e.getY());
if (day && day.date) {
this.fireEvent('dayclick', this, day.date, false, null);
}
}
});