Lively Kernel canvas
// this script is evaluated on world load{
borderWidth: 2,
borderColor: Color.red,
strokeOpacity: 0,
fillOpacity: 1,
fill: Color.lightGray
}pt(140, 100)function($super, date, optPos) {
if (!optPos) optPos = pt(100,100);
$super(optPos.extent(this.initialExtent));
this.dateMs = date.valueOf();
//this.applyStyle(this.initialStyle);
this.buildDateText(date);
}function(date) {
var bnds = this.innerBounds().translatedBy(pt(0, this.getExtent().y-25));
var text = new TextMorph(bnds, date.toUTCString().slice(0,11));
text.beLabel();
text.setFontSize(18);
this.text = text;
//text.setFill(Color.rgb(169,193,208).lighter());
this.addMorphFront(text);
}function($super, morph) {
$super(morph);
if (morph instanceof HandleMorph || morph instanceof SchedulableAction) return morph;
var margin = 10;
this.droppedMorph = morph;
this.oldScale = morph.getScale();
var morphWidth = morph.bounds().extent().x;
var myWidth = this.getExtent().x - margin;
var morphHeight = morph.bounds().extent().y;
var myHeight = this.getExtent().y - 50;
var scaleFactor = Math.min(myWidth / morphWidth, myHeight/morphHeight);
console.log(scaleFactor);
if (scaleFactor < 1)
morph.setScale(scaleFactor*morph.getScale()); // using bounds of morph, its scale already in it, consider it when rescale
morph.centerAt(this.innerBounds().center());
return morph;
}Functions.Truefunction(evt) {
if (!this.droppedMorph) return;
this.droppedMorph.setScale(this.oldScale || 1);
evt.hand.addMorph(this.droppedMorph);
this.droppedMorph = null;
}function() {
var oneDay = 1000*60*60*24;
var daysAhead = 5;
var myDate = new Date(this.dateMs);
var currentDate = new Date();
this.applyStyle(this.style);
if (myDate.getDate() == currentDate.getDate())
this.applyStyle({fill: Color.white, fillOpacity: 1});
if (myDate < currentDate && myDate.getDate() != currentDate.getDate())
return;
if (!this.droppedMorph) return;
var timeDiff = myDate - currentDate;
if (timeDiff > daysAhead*oneDay) return;
var redIntensity = 1 - Math.abs(timeDiff/(daysAhead*oneDay));
this.setStrokeOpacity(redIntensity);
}function() {
this.startStepping(1000, "highlight");
}5new Date(24*60*60*1000) - new Date(0)function(date) {
return new Date(date.valueOf() + this.day);
}function(monthNo, startPos) {
var pos = startPos;
var extent = DayMorph.prototype.initialExtent;
var margin = this.defaultMargin;
monthNo -= 1;
if (!this.morphs) this.morphs = [];
var date = new Date(2009, monthNo/*month-1*/, 1/*day*/, 8/*hour*/, 1/*minute*/);
do {
this.createDayMorph(date, pos);
pos = date.getDay() % 7 == 0 ? startPos.withY(pos.y + extent.y + margin) : pos.addXY(extent.x + margin, 0);
date = this.nextDay(date);
} while (date.getMonth() === monthNo);
return this.morphs;
}function(date, pos) {
var x = new DayMorph(date, pos);
this.morphs.push(x);
x.openInWorld();
x.start();
}/*
m= new DayMorph(new Date(), pt(100,100));
m.openInWorld();
m.highlight();
allM = new CalendarBuilder().buildMonth(3, pt(10,10));
allM.invoke('remove');
TextMorph.prototype.this.fontFamily = 'Marker Felt';
TextMorph.prototype.style: { borderWidth: 0, borderColor: Color.black};
*/
null
Mon,06Apr
18
null
1000
6.363525066551018
1238997660000