Skip to content

Instantly share code, notes, and snippets.

@rleddy
Last active August 28, 2016 23:42
Show Gist options
  • Save rleddy/dd42ab598f5269538e8f3f8b1c66f8d2 to your computer and use it in GitHub Desktop.
Save rleddy/dd42ab598f5269538e8f3f8b1c66f8d2 to your computer and use it in GitHub Desktop.
This is a further development of the previous gists. The date picker is improved a little. Also, you can select a window and load a colorful pure SVG form into the window. It has check boxes and radio buttons. An editable field has been borrowed and integrated.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path {
pointer-events: all;
fill: none;
stroke: #666;
stroke-opacity: 0.2;
}
.active square {
stroke: #000;
stroke-width: 2px;
}
html, body { margin:0; padding:0; overflow:hidden }
</style>
<style>
.ticks {
font: 10px sans-serif;
}
.track,
.track-inset,
.track-overlay {
stroke-linecap: round;
}
.track {
stroke: #000;
stroke-opacity: 0.3;
stroke-width: 10px;
}
.track-inset {
stroke: #ddd;
stroke-width: 8px;
}
.track-overlay {
pointer-events: stroke;
stroke-width: 50px;
cursor: crosshair;
}
.handle {
fill: #fff;
stroke: #000;
stroke-opacity: 0.5;
stroke-width: 1.25px;
}
</style>
<style>
.svg-checkbox {
cursor : pointer;
}
.svg-checkbox-sel{
cursor : pointer;
}
.svg-radiobutton-on {
cursor : pointer;
}
.svg-radiobutton-off {
cursor : pointer;
}
</style>
<svg id="mainsvg" width="0" height="0" ></svg>
<script src="//d3js.org/d3.v4.min.js"></script>
<script>
var sliderHandleMap = {}; /// a quick fix
var sliderFunctionMap = {};
var gCurrentSlider = "";
var g_currentWindow = null;
var g_currentWindowLabel = "";
var g_calRange = {
"IntervalStart" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalEnd",
"exclOp" : function (a,b) { return( a <= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
},
"IntervalEnd" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalStart",
"exclOp" : function (a,b) { return( a >= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
}
};
var g_numOfMonth = {
"January" : 0,
"February" : 1,
"March" : 2,
"April" : 3,
"May" : 4,
"June" : 5,
"July" : 6,
"August" : 7,
"September" : 8,
"October" : 9,
"November" : 10,
"December" : 11
};
function slide(h,x,handle) {
handle.attr("cx", x(h));
}
g_currentSelectedCalendar = "CalStart";
function updateTimeIntervalTextDisplay() {
var dateStartText = d3.select("#start-date-text");
var dateEndText = d3.select("#end-date-text");
if ( g_calRange["IntervalStart"].time ) {
dateStartText.text(g_calRange["IntervalStart"].time.toString());
} else {
var dn = new Date();
dateStartText.text(dn.toString());
}
if ( g_calRange["IntervalEnd"].time ) {
dateEndText.text(g_calRange["IntervalEnd"].time.toString());
} else {
var dn = new Date();
dateEndText.text(dn.toString());
}
}
function update_dateTime(tFacet,txt,whichCal) {
var cal = g_currentSelectedCalendar;
if ( whichCal ) {
cal = whichCal;
}
var saveOld = g_calRange[cal][tFacet];
g_calRange[cal][tFacet] = txt;
var time = new Date( 1*(g_calRange[cal].year), g_numOfMonth[g_calRange[cal].month], g_calRange[cal].day,
g_calRange[cal].CalHours, g_calRange[cal].CalMinutes, g_calRange[cal].CalSeconds );
var excl = g_calRange[cal].exclude;
if ( g_calRange[excl].time == null ) {
g_calRange[cal].time = time;
updateTimeIntervalTextDisplay();
return(true);
}
if ( g_calRange[cal].exclOp(time,g_calRange[excl].time) ) {
g_calRange[cal].time = time;
updateTimeIntervalTextDisplay();
return(true);
}
g_calRange[cal][tFacet] = saveOld;
return(false);
}
function rememberTransformation(groupTranslation,widget,whichCal) {
var cal = g_currentSelectedCalendar;
if ( whichCal ) {
cal = whichCal;
}
g_calRange[cal]["widgets"]["clocksWidget"]["transform"] = groupTranslation;
g_calRange[cal]["widgets"]["clocksWidget"]["transformed"] = widget;
}
function recallTransformation(calCtxt) {
var transWidget = calCtxt["widgets"]["clocksWidget"]["transformed"];
if ( transWidget ) {
transWidget.attr("transform",calCtxt["widgets"]["clocksWidget"]["transform"]);
}
}
function setCalDates(calContainer) {
//-------------------------------------------
var yr = calContainer.select("#tspan-year").text();
var mo = calContainer.select("#tspan-month").text();
var moTime = new Date(mo + " 1, " + yr);
var curMo = moTime.getMonth();
while ( moTime.getDay() > 0 ) {
moTime.setDate(moTime.getDate()-1);
}
for ( var i = 0; i < 6; i++ ) {
for ( var j = 0; j < 7; j++ ) {
var tt = calContainer.select("#g_calBox_" + i + "_" + j).selectAll("tspan");
tt.text("" + moTime.getDate());
if ( curMo != moTime.getMonth() ) {
calContainer.select("#g_calBox_" + i + "_" + j).selectAll("rect")
.style("fill",function() {
var rct = d3.select(this);
this["preserve-color"] = rct.style("fill");
return("gray");
})
.style("fill-opacity","0.5");
} else {
calContainer.select("#g_calBox_" + i + "_" + j).selectAll("rect")
.style("fill",function() {
var rct = d3.select(this);
return( this["preserve-color"] ? this["preserve-color"] : rct.style("fill") );
})
.style("fill-opacity","1");
}
moTime.setDate(moTime.getDate()+1);
}
}
}
function toolMonth(monthList) {
monthList.style("visibility","hidden");
var mos = monthList.selectAll("g")
.on("mouseenter", function(){
var color = d3.select(this).select("rect").style("fill");
this["preserve_color"] = color;
d3.select(this).select("rect").style("fill","green");
})
.on("mouseleave", function(){
d3.select(this).select("rect").style("fill",this["preserve_color"]);
})
.on("click",function() {
var month_sel = d3.select(this).attr("id");
var calconP = d3.select(this.parentNode.parentNode);
var calcon = calconP.select("#calendar_widget");
var mo = calcon.select("#tspan-month").text(month_sel);
update_dateTime("month", month_sel );
setCalDates(calcon);
});
}
function addSlider(container,maxDomain,maxRange,sliderID) {
var whichCal = container.attr("id");
var margin = {right: 50, left: 550};
var width = maxRange - margin.left - margin.right;
var height = +container.attr("height");
var x = d3.scaleLinear()
.domain([0, maxDomain])
.range([0, maxRange])
.clamp(true);
var slider = container.append("g")
.attr("id",sliderID)
.attr("class", "slider")
.attr("visibility","hidden")
.attr("transform", "translate(" + margin.left + "," + height / 2 + ")");
slider.append("text").attr("x",x.range()[0]).attr("y",-10).text(sliderID);
slider.append("line")
.attr("class", "track")
.attr("x1", x.range()[0])
.attr("x2", x.range()[1])
.select( function() { return this.parentNode.appendChild(this.cloneNode(true)); } )
.attr("class", "track-inset")
.select( function() { return this.parentNode.appendChild(this.cloneNode(true)); } )
.attr("class", "track-overlay")
.call(d3.drag()
.on("start.interrupt", function() { slider.interrupt(); })
.on("start drag", function () {
sliderFunctionMap[gCurrentSlider]();
}
));
sliderFunctionMap[whichCal + sliderID] = function() {
var h = x.invert(d3.event.x-50);
if ( update_dateTime( sliderID, h, whichCal ) ) {
slide( h , x, sliderHandleMap[whichCal + sliderID] );
}
};
slider.insert("g", ".track-overlay")
.attr("class", "ticks")
.attr("transform", "translate(0," + 18 + ")")
.selectAll("text")
.data(x.ticks(10))
.enter().append("text")
.attr("x", x)
.attr("text-anchor", "middle")
.text(function(d) { return d + "°"; });
var handle = slider.insert("circle", ".track-overlay")
.attr("id","handle_" + sliderID)
.attr("class", "handle")
.attr("r", 9);
sliderHandleMap[whichCal + sliderID] = handle;
return(slider);
}
function hourSelection(hrsClock,svgCalBK) {
var vizState = svgCalBK.select("#CalHours").style("visibility");
hrsClock.raise();
hideAllSliders(svgCalBK);
if ( vizState == "hidden" ) {
var whichCal = svgCalBK.attr("id");
gCurrentSlider = whichCal + "CalHours";
svgCalBK.select("#CalHours").style("visibility","visible");
}
}
function minuteSelection(minsClock,svgCalBK) {
var vizState = svgCalBK.select("#CalMinutes").style("visibility");
minsClock.raise();
hideAllSliders(svgCalBK);
if ( vizState == "hidden" ) {
var whichCal = svgCalBK.attr("id");
gCurrentSlider = whichCal + "CalMinutes";
svgCalBK.select("#CalMinutes").style("visibility","visible");
}
}
function secondSelection(secsClock,svgCalBK) {
var vizState = svgCalBK.select("#CalSeconds").style("visibility");
secsClock.raise();
hideAllSliders(svgCalBK);
if ( vizState == "hidden" ) {
var whichCal = svgCalBK.attr("id");
gCurrentSlider = whichCal + "CalSeconds";
svgCalBK.select("#CalSeconds").style("visibility","visible");
}
}
function hideAllSliders(svgCalBK) {
svgCalBK.select("#CalHours").style("visibility","hidden");
svgCalBK.select("#CalMinutes").style("visibility","hidden");
svgCalBK.select("#CalSeconds").style("visibility","hidden");
}
function toolCalendar(svgCalBK,exclusionId,calLabel) {
var calContainer = svgCalBK.selectAll("g");
calContainer.attr("exclusion",exclusionId);
calContainer.on("click", ( function(svgCalBKB,exclID) { return(function() {
var calContainer = d3.select(this.parentNode);
var exclusion = d3.select(this.parentNode.parentNode).select("#" + exclID);
var vbox = calContainer.attr("viewBox");
if ( vbox != "0 0 500 490" ) {
calContainer.attr("openstate","closed");
calContainer.lower();
var width = this.parentNode["saveW"];
var height = this.parentNode["saveH"];
calContainer
.attr("width", width)
.attr("height",height)
.attr("viewBox","0 0 500 490");
//var ccg = calContainer.select("#cal-clock-group");
//ccg.attr("transform", this.parentNode["saveCalClockOrigin"] );
for ( var i = 0; i < 6; i++ ) {
for ( var j = 0; j < 7; j++ ) {
calContainer.select("#g_calBox_" + i + "_" + j).selectAll("rect")
.on("mouseenter",null)
.on("mouseenter",null)
.on("click",null);
}
}
hideAllSliders(svgCalBKB);
} else {
if ( !exclusion.empty() ) {
var open = exclusion.attr("openstate");
if ( open === "open" ) {
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent(
"click", /* type */
true, /* canBubble */
true, /* cancelable */
window, /* view */
0, /* detail */
0, /* screenX */
0, /* screenY */
0, /* clientX */
0, /* clientY */
false, /* ctrlKey */
false, /* altKey */
false, /* shiftKey */
false, /* metaKey */
0, /* button */
null); /* relatedTarget */
(exclusion.select("#calendar_widget").node()).dispatchEvent(evt);
}
}
calContainer.attr("openstate","open");
calContainer.raise();
this.parentNode["saveW"] = calContainer.attr("width");
this.parentNode["saveH"] = calContainer.attr("height");
var width = this.parentNode["saveW"];
var height = this.parentNode["saveH"];
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
wx = w.innerWidth || e.clientWidth || g.clientWidth,
wy = w.innerHeight|| e.clientHeight|| g.clientHeight;
var xratioWin = window.screen.width/wx;
var yratioWin = window.screen.height/wy;
var xW = Math.round(300*xratioWin);
var yW = Math.round(490*yratioWin);
calContainer
.attr("width", width*4)
.attr("height",height*8)
.attr("viewBox","0 0 " + xW + " " + yW);
g_currentSelectedCalendar = svgCalBKB.attr("id");
var ccg = calContainer.select("#cal-clock-group");
ccg.raise();
//this.parentNode["saveCalClockOrigin"] = ccg.attr("transform");
for ( var i = 0; i < 6; i++ ) {
for ( var j = 0; j < 7; j++ ) {
calContainer.selectAll( "#g_calBox_" + i + "_" + j ).selectAll("rect")
.on("mouseenter",function() {
var boxC = d3.select(this);
if ( boxC.style("fill") == "rgb(255, 255, 255)" ) {
boxC.style("fill","green");
}
})
.on("mouseleave",function() {
var boxC = d3.select(this);
if ( boxC.style("fill") == "rgb(0, 128, 0)" ) {
boxC.style("fill","#ffffff");
}
})
.on("click",(function(calCtr) { return(
function() {
d3.event.stopPropagation();
var boxC = d3.select(this);
var bX = 1*boxC.attr("x");
var bY = 1*boxC.attr("y");
var boxGroup = d3.select(this.parentNode);
var dayTxt = boxGroup.select("tspan").text();
if ( !update_dateTime("day",dayTxt) ) return;
var ccg = calCtr.select("#cal-clock-group");
var groupRow = d3.select(this.parentNode.parentNode);
var t = groupRow.attr("transform");
var y = 0;
if ( t != null ) {
var numberPattern = /[+-]?\d+(\.\d+)?/g;
var els = t.match( numberPattern );
y = 1*els[1];
}
var h = 1*boxC.attr("height");
var clockGroupTranslation = "translate(" + [ bX - 500, y + h/3 ] + ")";
rememberTransformation(clockGroupTranslation,ccg);
ccg.attr("transform",clockGroupTranslation);
ccg.raise();
}
);})(calContainer) );
}
}
}
}); })(svgCalBK,exclusionId) );
var calclocks = calContainer.select("#cal-clock-group-background");
calclocks.on("click",function() { d3.event.stopPropagation(); } );
var calclockHour = calContainer.selectAll("#cal-clock-H");
var calclockMin = calContainer.selectAll("#cal-clock-M");
var calclockSecs = calContainer.selectAll("#cal-clock-S");
calclockHour.on("click", (function(svgCalBKB){ return(
function() {
d3.event.stopPropagation();
hourSelection(d3.select(this),svgCalBKB);
} ); })(svgCalBK) );
calclockMin.on("click", (function(svgCalBKB){ return(
function() {
d3.event.stopPropagation();
minuteSelection(d3.select(this),svgCalBKB);
} ); })(svgCalBK) );
calclockSecs.on("click", (function(svgCalBKB){ return(
function() {
d3.event.stopPropagation();
secondSelection(d3.select(this),svgCalBKB);
} ); })(svgCalBK) );
setCalDates(calContainer);
var month_button = calContainer.select("#month_button").on("click", (function(svgCalBKB) {
return(function() {
d3.event.stopPropagation();
var mlist = svgCalBKB.select("#cal-month_list");
mlist.raise();
var vis = mlist.style("visibility") == "hidden" ? "visible" : "hidden";
mlist.style("visibility",vis);
});
})(svgCalBK) );
// calLabel
var label = calContainer.select("#interval-boundary").select("tspan").text(calLabel);
}
// ppoakf0k
var keydown = function() {
if (!focused) return;
var text = focused.text;
var code = d3.event.keyCode;
if (code == 8) { // Backspace
d3.event.preventDefault();
text = text.substring(0,text.length-1);
};
if (code == 13) { // Enter
focused.stroke = d3.rgb(240,240,240);
focused.callback();
};
//console.log("keydown: code: "+ code + ", text: "+text);
focused.text = text;
}
var keypress = function() {
if (!focused) return;
var text = focused.text;
var code = d3.event.keyCode;
text = text+String.fromCharCode(code);
//console.log("keypress: code: "+ code + ", text: "+text);
focused.text = text;
}
var focused = null;
d3.select("body")
.on("keydown",keydown)
.on("keypress",keypress)
.on("click", function() {
if (focused) {
focused.stroke = d3.rgb(240,240,240);
focused = null;
}
});
function Textbox(textgroup) {
var text = "",
fontsize = 12;
var stroke = d3.rgb(240,240,240),
fill = d3.rgb(255,255,255);
var rct = textgroup.select("#backing-rect");
var width = rct.attr("width");
var height = rct.attr("height");
var txt = textgroup.select("text");
var x = txt.attr("x");
var y = txt.attr("y");
var cover = textgroup.append("rect") // Transparent cover to hide cursor when mousing over text
.attr("width", width)
.attr("height", height)
.attr("x",x)
.attr("y",y)
.style("opacity", 0);
var txt_width = txt.node().getComputedTextLength();
var callback = function() {
console.log("Text: "+txt.text());
}
var aligntext = function() {
txt.attr("x",x+10); // + .5*(width-txt_width)
txt.attr("y",y); // + .5*(height+fontsize)-2
};
function textbox() {
}
Object.defineProperty(textbox,"text",{
get: function() {return text;},
set: function(_) {
text = _;
txt.text(_);
txt_width = txt.node().getComputedTextLength();
aligntext();
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"x",{
get: function() {return x;},
set: function(_) {
x = _;
textgroup.attr("transform", "translate(" + x + "," + y + ")");
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"y",{
get: function() {return y;},
set: function(_) {
y = _;
textgroup.attr("transform", "translate(" + x + "," + y + ")");
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"width",{
get: function() {return width;},
set: function(_) {
width = _;
rct.attr("width",_);
cover.attr("width",_);
aligntext();
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"height",{
get: function() {return height;},
set: function(_) {
height = _;
rct.attr("height",_);
cover.attr("height",_);
aligntext();
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"position",{
get: function() {return [x, y, width, height];},
set: function(_) {
textbox.x = _[0];
textbox.y = _[1];
textbox.width = _[2];
textbox.height = _[3];
},
enumerable: true,
cofigurable: true
})
Object.defineProperty(textbox,"stroke",{
get: function() {return stroke;},
set: function(_) {
stroke = _;
rct.style("stroke",stroke);
},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"cover",{
get: function() {return cover;},
enumerable: true,
cofigurable: true
});
Object.defineProperty(textbox,"callback",{
get: function() {return callback;},
set: function(_) {
callback = _;
},
enumerable: true,
cofigurable: true
});
cover.on("click", function() {
focused = textbox;
rct.style("stroke","#347bbe");
d3.event.stopPropagation();
});
return textbox;
}
function toolApplication(appfile,appArea) {
// appfile for later applicatio differentiation and js loading
appArea.selectAll(".svg-checkbox").on("click",function() {
d3.event.stopPropagation();
d3.select(this.parentNode).select("path").style("visibility","visible");
});
appArea.selectAll(".svg-checkbox-sel").on("click",function() {
d3.event.stopPropagation();
var stl = d3.select(this).style("visibility");
if ( stl == "hidden" ) {
d3.select(this).style("visibility","visible");
} else {
d3.select(this).style("visibility","hidden");
}
});
// appfile for later applicatio differentiation and js loading
appArea.selectAll(".svg-radiobutton-off").on("click",function() {
d3.event.stopPropagation(); // parent node is a group
d3.select(this.parentNode.parentNode.parentNode).selectAll(".svg-radiobutton-on").style("visibility","hidden");
d3.select(this.parentNode).select(".svg-radiobutton-on").style("visibility","visible");
});
appArea.selectAll(".svg-radiobutton-on").on("click",function() {
d3.event.stopPropagation();
var stl = d3.select(this).style("visibility");
if ( stl == "hidden" ) {
d3.select(this.parentNode.parentNode.parentNode).selectAll(".svg-radiobutton-on").style("visibility","hidden");
d3.select(this).style("visibility","visible");
} else {
d3.select(this).style("visibility","hidden");
}
});
var t = new Textbox(appArea.select("#text-edit-group-1"));
var wDat = findCurrentWindowData();
wDat.contextualized = true;
}
var daysOfWeek = null;
function nestApplication( appArea, appfile, x, y ) {
d3.request((appfile),
function(resp) {
appArea.html(resp.response);
toolApplication(appfile,appArea);
});
}
function nestCalendar(selParent,calId,x,y,width,height,exclusivePair,calLabel) {
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
wx = w.innerWidth || e.clientWidth || g.clientWidth,
wy = w.innerHeight|| e.clientHeight|| g.clientHeight;
selParent.append("svg")
.attr("id",calId)
.attr("x", x )
.attr("y", y )
.attr("width", Math.min(width,wx))
.attr("height",Math.min(height,wy))
.attr("viewBox","0 0 500 490")
.attr("preserveAspectRatio","xMinYMin meet");
var svgCal = selParent.select("svg");
d3.request("xcalendar-group.svg",
function(resp) {
var svgCalBK = selParent.select("#" + calId);
svgCalBK.html(resp.response);
toolCalendar(svgCalBK,exclusivePair,calLabel);
d3.request("month-list.svg",
(function(svgCalB) { return(
function(resp) {
var monthList = svgCalB.append("g").attr("id","cal-month_list").html(resp.response);
var hoursPerDay = addSlider(svgCalB,24,300,"CalHours");
var minutePerHour = addSlider(svgCalB,60,300,"CalMinutes");
var secondsPerMinut = addSlider(svgCalB,60,300,"CalSeconds");
toolMonth(monthList);
}); })(svgCalBK) );
});
}
/* -- // d3 example by Richard Leddy (c) 2016 */
function updateRemove(pSvg,d) {
var ms = pSvg.selectAll("#win-" + d.iam);
ms.remove();
}
function update_control_context(ctxtCtrl,d) {
if ( d.iam == "context" ) return;
ctxtCtrl.text(d.iam);
recallTransformation(d.context["IntervalStart"]);
recallTransformation(d.context["IntervalEnd"]);
g_calRange = d.context;
updateTimeIntervalTextDisplay();
if ( g_currentWindow ) {
g_currentWindow.select("#step-action-message").text("click the green circle");
}
}
var topSvg = d3.select("#mainsvg");
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
wx = w.innerWidth || e.clientWidth || g.clientWidth,
wy = w.innerHeight|| e.clientHeight|| g.clientHeight;
topSvg.attr("width",window.screen.width);
topSvg.attr("height",window.screen.height);
var winCount = 0;
var width = wx,
height = wy,
radius = 300;
var rectsAll = d3.range(6).map(function() {
return {
iam: winCount++,
x: Math.round(Math.random() * (width/2 - radius * 2) + radius),
y: Math.round(Math.random() * (height/2 - radius * 2) + radius),
w : radius,
h : radius/2,
contextualized : false,
context: {
"IntervalStart" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalEnd",
"exclOp" : function (a,b) { return( a <= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
},
"IntervalEnd" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalStart",
"exclOp" : function (a,b) { return( a >= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
}
}
};
});
rectsAll.push({
iam: "context",
x: 40,
y: 40,
w : 2*width/3,
h : radius/3,
context: {
"IntervalStart" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalEnd",
"exclOp" : function (a,b) { return( a <= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
},
"IntervalEnd" : {
"year" : "2016",
"month" : "August",
"day" : 1,
"CalHours" : 0,
"CalMinutes" : 0,
"CalSeconds" : 0,
"exclude" : "IntervalStart",
"exclOp" : function (a,b) { return( a >= b ); },
"time" : null,
"widgets" : {
"clocksWidget" : {
"transform" : null,
"transformed" : null
}
}
}
}
});
var color = d3.scaleOrdinal()
.range(d3.schemeCategory20);
function findCurrentWindowData() {
var j = rectsAll.findIndex(function(obj){ var res = (obj.iam === g_currentWindowLabel); return res; });
return(rectsAll[j]);
}
function addWindows(pSvg,defRegions) {
var rectangle = pSvg.selectAll("g.windowBox")
.data(defRegions, function(d) { return(d.iam); } )
.enter().append("g")
.attr("id", function(d){ return("win-" + d.iam); } )
.attr("class","windowBox")
.call(d3.drag()
.on("start", dragstarted)
.on("drag", dragged)
.on("end", dragended));
rectangle.attr("deltaX",function(d) { return(0); })
.attr("deltaY",function(d) { return(0); });
// This is the containing box window
rectangle.append("rect")
.attr("x", function(d) { return d.x; })
.attr("y", function(d) { return d.y; })
.attr("height", function(d) { return d.h; })
.attr("width", function(d) { return d.w; })
.attr("cursor", "move")
.style("fill", function(d, i) { return color(i); });
/*
rectangle.append("circle")
.attr("cx", function(d) { return d.x + d.w; })
.attr("cy", function(d) { return d.y + d.h; })
.attr("r", function(d) { return d.h; })
//.attr("width", function(d) { return d.w; })
.attr("cursor", "move")
.style("fill", function(d, i) { return color(i); });
*/
var noDrag = d3.drag()
.on('start', function(d){
g_currentWindowLabel = d.iam;
g_currentWindow = d.iam != "context" ? d3.select(this.parentNode) : null;
if ( g_currentWindow == null ) return;
d3.select(this.parentNode).raise().classed("active", true);
var ctxtCtrl = d3.select("#data-context-control-text");
update_control_context(ctxtCtrl,d);
})
.on('drag', function(d,i){
})
.on("end", function(d,i){
d3.select(this.parentNode).classed("active", false);
});
// This is the interior box window
rectangle.append("rect")
.attr("x", function(d) { return d.x+1; })
.attr("y", function(d) { return d.y+20; })
.attr("height", function(d) { return d.h-22; })
.attr("width", function(d) { return d.w-2; })
.style("fill", function(d, i) { return "#FAFACC"; })
.call(noDrag);
var dragBox = d3.drag()
.on('start', function(d){
g_currentWindowLabel = d.iam;
g_currentWindow = d.iam != "context" ? d3.select(this.parentNode) : null;
d3.event.sourceEvent.stopPropagation();
var ctxtCtrl = d3.select("#data-context-control-text");
update_control_context(ctxtCtrl,d);
})
.on('drag', function(d,i){
var resizeBox = d3.select(this);
var mx = +resizeBox.attr("x");
var my = +resizeBox.attr("y");
var topLimit = d.y + 20;
var leftLimit = d.x + 20;
mx += d3.event.dx;
if ( d.iam != "context" ) {
my += d3.event.dy;
}
if ( (mx > leftLimit) && (my > topLimit) ) {
resizeBox.attr('x', mx).attr('y', my);
var height = my - d.y;
var width = mx - d.x;
d3.select(this.previousElementSibling)
.attr("x", mx);
d3.select(this.previousElementSibling.previousElementSibling)
.attr("width", width + 10 - 2)
.attr("height", height + 10 - 22);
d3.select(this.previousElementSibling.previousElementSibling.previousElementSibling)
.attr("width", width + 10)
.attr("height", height + 10);
var subView = d3.select(this.parentNode).select("svg");
if ( !subView.empty()) {
var resF = subView.attr("custom-resize");
if ( resF && d.resize ) {
d.resize(subView,d,width,height);
}
}
}
});
rectangle.append("rect")
.attr("x", function(d) { return d.x + d.w - 10; })
.attr("y", function(d) { return d.y; })
.attr("height", 10)
.attr("width", 10)
.attr("fill", "navy" )
.attr("cursor","pointer")
.on("click", function(d,i) {
if ( d.iam == "context" ) return;
var j = rectsAll.findIndex(function(obj){ var res = (obj.iam === d.iam); return res; });
rectsAll.splice(j,1);
updateRemove(pSvg,d);
var rect = d3.select(this);
var cc = rect.attr("fill");
cc = (cc == "navy" )? "green" : "navy";
rect.attr("fill",cc);
});
rectangle.append("rect")
.attr("x", function(d) { return d.x + d.w - 10; })
.attr("y", function(d) { return d.y + d.h - 10; })
.attr("height", 10)
.attr("width", 10)
.style("fill", function(d, i) { return "#993300"; })
.attr("cursor", "nw-resize")
.call(dragBox);
rectangle.append("text")
.attr("x", function(d) { return d.x + 20; })
.attr("y", function(d) { return d.y + 60; })
.attr("id","step-action-message")
.text(function(d) { return( d.iam != "context" ? "Click me to make this window active" : "parameter window" ); } )
.call(dragBox);
}
function dragstarted(d) {
g_currentWindowLabel = d.iam;
g_currentWindow = d.iam != "context" ? d3.select(this) : null;
var dltX = 1*(d3.select(this).attr("deltaX"));
var dltY = 1*(d3.select(this).attr("deltaY"));
d3.select(this).attr("deltaX",d3.event.x - dltX);
d3.select(this).attr("deltaY",d3.event.y - dltY);
d3.select(this).raise().classed("active", true);
var ctxtCtrl = d3.select("#data-context-control-text");
update_control_context(ctxtCtrl,d);
}
function dragged(d) {
var dltX = 1*(d3.select(this).attr("deltaX"));
var dltY = 1*(d3.select(this).attr("deltaY"));
d3.select(this).attr("transform", function(d,i){
return "translate(" + [ d3.event.x - dltX, d3.event.y - dltY] + ")"
});
}
function dragended(d, i) {
var dltX = 1*(d3.select(this).attr("deltaX"));
var dltY = 1*(d3.select(this).attr("deltaY"));
d3.select(this).attr("deltaX",d3.event.x - dltX);
d3.select(this).attr("deltaY",d3.event.y - dltY);
d3.select(this).classed("active", false);
}
function renderCell(d) {
return d == null ? null : "M" + d.join("L") + "Z";
}
topSvg.append("rect")
.attr("x",5)
.attr("y",5)
.attr("height",20)
.attr("width",20).attr("fill","orange")
.style("cursor","pointer")
.on("click", function() {
var rect = d3.select(this);
var cc = rect.attr("fill");
cc = cc == "orange" ? "blue" : "orange";
rect.attr("fill",cc);
var newDatum = {
iam: winCount++,
x: Math.round(Math.random() * (width/2 - radius * 2) + radius),
y: Math.round(Math.random() * (height/2 - radius * 2) + radius),
w : radius,
h : radius/2
};
console.log(newDatum);
rectsAll.push(newDatum);
addWindows(topSvg,rectsAll);
});
topSvg.append("circle")
.attr("cx",40)
.attr("cy",15)
.attr("r",10).attr("fill","darkgreen")
.style("cursor","pointer")
.on("click", function() {
if ( g_currentWindow ) {
var wDat = findCurrentWindowData();
if ( wDat.contextualized ) return;
var ww = g_currentWindow.select("rect").attr("width");
var hh = g_currentWindow.select("rect").attr("height");
g_currentWindow.append("svg")
.attr("id","applicatoin" + g_currentWindow.attr("id"))
.attr("x", function(d){return d.x})
.attr("y", function(d){return (d.y + 20) })
.attr("width", ww-10 )
.attr("height", hh-30 )
.attr("preserveAspectRatio","xMinYMin meet")
.attr("custom-resize",function(d) { // clip the content of this window in a particular way.
d.resize = function(subsvg,data,w,h) {
subsvg.attr("height",h);
subsvg.attr("width",w);
}
return("true");
});
nestApplication( g_currentWindow.select("svg"), "form-icecream.svg", 10, 22 );
}
/*
var rect = d3.select(this);
var cc = rect.attr("fill");
cc = cc == "darkgreen" ? "purple" : "darkgreen";
rect.attr("fill",cc);
var newDatum = {
iam: winCount++,
x: Math.round(Math.random() * (width/2 - radius * 2) + radius),
y: Math.round(Math.random() * (height/2 - radius * 2) + radius),
w : radius,
h : radius/2
};
console.log(newDatum);
rectsAll.push(newDatum);
addWindows(topSvg,rectsAll);
*/
});
addWindows(topSvg,rectsAll);
var context_window = topSvg.select("#win-context")
.append("svg")
.attr("id","data-context-control")
.attr("x", function(d){return d.x})
.attr("y", function(d){return d.y})
.attr("width", function(d){return width;})
.attr("height", function(d){return height;})
.attr("custom-resize",function(d) { // clip the content of this window in a particular way.
d.resize = function(subsvg,data,w,h) {
subsvg.attr("width",w);
}
return("true");
})
.append("text")
.attr("id","data-context-control-text")
.attr("stroke","black")
.attr("x", function(d){return 10})
.attr("y", function(d){return 15})
.text(function(d){ return "context"; });
topSvg.select("#win-context").select("svg").append("text")
.attr("id","start-date-text")
.attr("stroke","rgb(50,230,0)")
.attr("fill","rgb(220,230,0)")
.attr("x", function(d){return 150})
.attr("y", function(d){return 15})
.text(function(d){ return "present"; });
topSvg.select("#win-context").select("svg").append("text")
.attr("id","end-date-text")
.attr("stroke","rgb(50,230,0)")
.attr("fill","rgb(200,230,0)")
.attr("x", function(d){return 550})
.attr("y", function(d){return 15})
.text(function(d){ return "present"; });
updateTimeIntervalTextDisplay();
nestCalendar( topSvg.select("#win-context").select("svg"), "IntervalStart", 10, 22, 45*7, 72, "IntervalEnd", "Start");
nestCalendar( topSvg.select("#win-context").select("svg"), "IntervalEnd", 90, 22, 45*7, 72, "IntervalStart", "Stop");
</script>
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<g id="calendar_widget">
<g id="g4825">
<rect
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5413"
width="69.01976"
height="29.559683"
x="2.6400211"
y="28.578093" />
<rect
y="28.578093"
x="72.355247"
height="29.559683"
width="69.01976"
id="rect5415"
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5417"
width="69.01976"
height="29.559683"
x="142.07042"
y="28.578093" />
<rect
y="28.578093"
x="211.78558"
height="29.559683"
width="69.01976"
id="rect5419"
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5421"
width="69.01976"
height="29.559683"
x="281.50079"
y="28.578093" />
<rect
y="28.578093"
x="350.21515"
height="29.559683"
width="69.01976"
id="rect5423"
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
id="text5425"
y="47.452168"
x="23.95532"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="47.452168"
x="23.95532"
id="tspan5427">sun</tspan></text>
<text
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="90.187874"
y="47.452168"
id="text5480"><tspan
id="tspan5482"
x="90.187874"
y="47.452168">mon</tspan></text>
<text
sodipodi:linespacing="125%"
id="text5484"
y="48.517841"
x="160.53293"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="48.517841"
x="160.53293"
id="tspan5486">tues</tspan></text>
<text
sodipodi:linespacing="125%"
id="text5488"
y="48.94997"
x="226.94122"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="48.94997"
x="226.94122"
id="tspan5490">weds</tspan></text>
<text
sodipodi:linespacing="125%"
id="text5492"
y="48.94997"
x="296.71136"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="48.94997"
x="296.71136"
id="tspan5494">thurs</tspan></text>
<text
sodipodi:linespacing="125%"
id="text5496"
y="49.056171"
x="377.43011"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="49.056171"
x="377.43011"
id="tspan5498">fri</tspan></text>
<rect
transform="scale(1,-1)"
y="-28.327768"
x="2.7493877"
height="25.609507"
width="484.47183"
id="rect4290"
style="fill:#fcfaf2;fill-opacity:1;stroke:#000000;stroke-width:0.90069884;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
transform="scale(1.0404464,0.96112591)"
id="month-text"
y="21.397879"
x="24.887634"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:20.14224052px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="21.397879"
x="24.887634"
id="tspan-month">August</tspan></text>
<text
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:20.14224052px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="274.40964"
y="23.482916"
id="text4306"
transform="scale(1.0404464,0.96112591)"><tspan
id="tspan-year"
x="274.40964"
y="23.482916">2016</tspan></text>
<rect
style="fill:#f9f9ec;fill-opacity:1;stroke:#000000;stroke-width:0.68097907;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4498"
width="69.01976"
height="29.559683"
x="418.44696"
y="28.578093" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="441.26373"
y="48.517845"
id="text4616"
sodipodi:linespacing="125%"><tspan
id="tspan4618"
x="441.26373"
y="48.517845">sat</tspan></text>
<g
id="month_button"
transform="translate(0,2.8610229e-6)">
<rect
ry="3.6922121"
inkscape:label="#rect4802"
y="10.248423"
x="107.39666"
height="10.549179"
width="52.330009"
id="rect_month_select"
style="fill:#e2f7c7;fill-opacity:1;stroke:#000000;stroke-width:0.72479236;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;cursor:pointer" />
<text
transform="scale(1.1083897,0.90220976)"
sodipodi:linespacing="125%"
id="text4807"
y="21.575232"
x="101.44801"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:11.72116947px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;cursor:pointer"
xml:space="preserve"><tspan
y="21.575232"
x="101.44801"
id="tspan4809"
sodipodi:role="line">month</tspan></text>
</g>
<g
id="interval-boundary"
transform="translate(0,2.8610229e-6)">
<text
transform="scale(1.1083897,0.90220976)"
sodipodi:linespacing="125%"
id="text4807"
y="21.575232"
x="175"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:11.72116947px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;cursor:pointer"
xml:space="preserve"><tspan
y="21.575232"
x="175"
id="tspan4809"
sodipodi:role="line">START</tspan></text>
</g>
<g
id="year_button"
transform="translate(0,-0.68492889)">
<rect
style="fill:#e2f7c7;fill-opacity:1;stroke:#000000;stroke-width:0.72479236;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;cursor:pointer"
id="rect_hit_year_select"
width="52.330009"
height="10.549179"
x="349.86243"
y="10.933354"
inkscape:label="#rect4802"
ry="3.6922121" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:11.72116947px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;cursor:pointer"
x="326.00348"
y="20.027941"
id="text4811"
sodipodi:linespacing="125%"
transform="scale(1.1083897,0.90220976)"><tspan
sodipodi:role="line"
id="tspan4813"
x="326.00348"
y="20.027941">year</tspan></text>
</g>
</g>
<g
transform="translate(-0.7397256,-2.1095912)"
inkscape:label="#g5151"
id="g_calBoxes">
<g
id="g_calWeek_0"
inkscape:label="#g4753">
<g
inkscape:label="#g4717"
id="g_calBox_0_1">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect0_2"
width="68.960335"
height="68.960327"
x="73.214752"
y="59.983055"
inkscape:label="#rect4918" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5725"
width="32.326397"
height="21.954395"
x="73.195267"
y="60.313194" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="79.821869"
y="77.923424"
id="text0_1"
sodipodi:linespacing="125%"
inkscape:label="#text5542"><tspan
id="tspan5544"
x="79.821869"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4729"
id="g_calBox_0_3">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1_4"
width="68.960335"
height="68.960327"
x="212.52507"
y="59.983055"
inkscape:label="#rect4922" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5729"
width="32.326397"
height="21.954395"
x="212.50526"
y="60.313194" />
<text
id="text0_3"
y="77.923424"
x="219.13219"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5557"><tspan
y="77.923424"
x="219.13219"
id="tspan5559">10</tspan></text>
</g>
<g
inkscape:label="#g4723"
id="g_calBox_0_2">
<rect
y="59.983055"
x="142.86993"
height="68.960327"
width="68.960335"
id="rect1_3"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4920" />
<rect
y="60.313194"
x="142.85027"
height="21.954395"
width="32.326397"
id="rect5727"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
transform="scale(1.040417,0.96115307)"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="143.67036"
y="80.639984"
id="text0_2"
sodipodi:linespacing="125%"
inkscape:label="#text5561"><tspan
id="tspan5563"
x="143.67036"
y="80.639984">10</tspan></text>
</g>
<g
inkscape:label="#g4735"
id="g_calBox_0_4">
<rect
y="59.983055"
x="282.18024"
height="68.960327"
width="68.960335"
id="rect1_5"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4924" />
<rect
y="60.313194"
x="282.16028"
height="21.954395"
width="32.326397"
id="rect5731"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="288.78738"
y="77.923424"
id="text0_4"
sodipodi:linespacing="125%"
inkscape:label="#text5565"><tspan
id="tspan5567"
x="288.78738"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4741"
id="g_calBox_0_5">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4926"
width="68.960335"
height="68.960327"
x="350.83542"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5733"
width="32.326397"
height="21.954395"
x="350.81528"
y="60.313194" />
<text
id="text0__5"
y="77.923424"
x="357.44257"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5569"><tspan
y="77.923424"
x="357.44257"
id="tspan5571">10</tspan></text>
</g>
<g
inkscape:label="#g4747"
id="g_calBox_0_6">
<rect
y="59.983055"
x="418.83511"
height="68.960327"
width="68.960335"
id="rect4488"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="418.81528"
height="21.954395"
width="32.326397"
id="rect4520"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="425.10544"
y="76.750595"
id="text0_6"
inkscape:label="#text4522"><tspan
id="tspan4524"
x="425.10544"
y="76.750595">10</tspan></text>
</g>
<g
inkscape:label="#g4711"
id="g_calBox_0_0">
<rect
y="59.983055"
x="3.5595715"
height="68.960327"
width="68.960335"
id="rect0_0"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4885" />
<rect
y="60.313194"
x="3.5392618"
height="21.954395"
width="32.326397"
id="rect5703"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
id="text0_0"
y="77.923424"
x="10.16668"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5538"><tspan
y="77.923424"
x="10.16668"
id="tspan5540">10</tspan></text>
</g>
</g>
<g
inkscape:label="#g4753"
id="g_calWeek_1"
transform="translate(0,68)">
<g
id="g_calBox_1_0"
inkscape:label="#g4711">
<rect
inkscape:label="#rect4885"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4794"
width="68.960335"
height="68.960327"
x="3.5595715"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4796"
width="32.326397"
height="21.954395"
x="3.5392618"
y="60.313194" />
<text
inkscape:label="#text5538"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="10.16668"
y="77.923424"
id="text4798"><tspan
id="tspan4800"
x="10.16668"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_1_1"
inkscape:label="#g4717">
<rect
inkscape:label="#rect4918"
y="59.983055"
x="73.214752"
height="68.960327"
width="68.960335"
id="rect4804"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="73.195267"
height="21.954395"
width="32.326397"
id="rect4806"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5542"
sodipodi:linespacing="125%"
id="text4808"
y="77.923424"
x="79.821869"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="79.821869"
id="tspan4810">10</tspan></text>
</g>
<g
id="g_calBox_1_3"
inkscape:label="#g4729">
<rect
inkscape:label="#rect4922"
y="59.983055"
x="212.52507"
height="68.960327"
width="68.960335"
id="rect4814"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="212.50526"
height="21.954395"
width="32.326397"
id="rect4816"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5557"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="219.13219"
y="77.923424"
id="text4818"><tspan
id="tspan4820"
x="219.13219"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_1_2"
inkscape:label="#g4723">
<rect
inkscape:label="#rect4920"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4824"
width="68.960335"
height="68.960327"
x="142.86993"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4826"
width="32.326397"
height="21.954395"
x="142.85027"
y="60.313194" />
<text
inkscape:label="#text5561"
sodipodi:linespacing="125%"
id="text4828"
y="80.639984"
x="143.67036"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
transform="scale(1.040417,0.96115307)"><tspan
y="80.639984"
x="143.67036"
id="tspan4830">10</tspan></text>
</g>
<g
id="g_calBox_1_4"
inkscape:label="#g4735">
<rect
inkscape:label="#rect4924"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4834"
width="68.960335"
height="68.960327"
x="282.18024"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4836"
width="32.326397"
height="21.954395"
x="282.16028"
y="60.313194" />
<text
inkscape:label="#text5565"
sodipodi:linespacing="125%"
id="text4838"
y="77.923424"
x="288.78738"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="288.78738"
id="tspan4840">10</tspan></text>
</g>
<g
id="g_calBox_1_5"
inkscape:label="#g4741">
<rect
y="59.983055"
x="350.83542"
height="68.960327"
width="68.960335"
id="rect4844"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="350.81528"
height="21.954395"
width="32.326397"
id="rect4846"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5569"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="357.44257"
y="77.923424"
id="text4848"><tspan
id="tspan4850"
x="357.44257"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_1_6"
inkscape:label="#g4747">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4854"
width="68.960335"
height="68.960327"
x="418.83511"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4856"
width="32.326397"
height="21.954395"
x="418.81528"
y="60.313194" />
<text
inkscape:label="#text4522"
id="text4858"
y="76.750595"
x="425.10544"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"><tspan
y="76.750595"
x="425.10544"
id="tspan4860">10</tspan></text>
</g>
</g>
<g
transform="translate(0,136)"
id="g_calWeek_2"
inkscape:label="#g4753">
<g
inkscape:label="#g4711"
id="g_calBox_2_0">
<rect
y="59.983055"
x="3.5595715"
height="68.960327"
width="68.960335"
id="rect4866"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4885" />
<rect
y="60.313194"
x="3.5392618"
height="21.954395"
width="32.326397"
id="rect4868"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
id="text4870"
y="77.923424"
x="10.16668"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5538"><tspan
y="77.923424"
x="10.16668"
id="tspan4872">10</tspan></text>
</g>
<g
inkscape:label="#g4717"
id="g_calBox_2_1">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4876"
width="68.960335"
height="68.960327"
x="73.214752"
y="59.983055"
inkscape:label="#rect4918" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4878"
width="32.326397"
height="21.954395"
x="73.195267"
y="60.313194" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="79.821869"
y="77.923424"
id="text4880"
sodipodi:linespacing="125%"
inkscape:label="#text5542"><tspan
id="tspan4882"
x="79.821869"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4729"
id="g_calBox_2_3">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4886"
width="68.960335"
height="68.960327"
x="212.52507"
y="59.983055"
inkscape:label="#rect4922" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4888"
width="32.326397"
height="21.954395"
x="212.50526"
y="60.313194" />
<text
id="text4890"
y="77.923424"
x="219.13219"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5557"><tspan
y="77.923424"
x="219.13219"
id="tspan4892">10</tspan></text>
</g>
<g
inkscape:label="#g4723"
id="g_calBox_2_2">
<rect
y="59.983055"
x="142.86993"
height="68.960327"
width="68.960335"
id="rect4896"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4920" />
<rect
y="60.313194"
x="142.85027"
height="21.954395"
width="32.326397"
id="rect4898"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
transform="scale(1.040417,0.96115307)"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="143.67036"
y="80.639984"
id="text4900"
sodipodi:linespacing="125%"
inkscape:label="#text5561"><tspan
id="tspan4902"
x="143.67036"
y="80.639984">10</tspan></text>
</g>
<g
inkscape:label="#g4735"
id="g_calBox_2_4">
<rect
y="59.983055"
x="282.18024"
height="68.960327"
width="68.960335"
id="rect4906"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4924" />
<rect
y="60.313194"
x="282.16028"
height="21.954395"
width="32.326397"
id="rect4908"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="288.78738"
y="77.923424"
id="text4910"
sodipodi:linespacing="125%"
inkscape:label="#text5565"><tspan
id="tspan4912"
x="288.78738"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4741"
id="g_calBox_2_5">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4916"
width="68.960335"
height="68.960327"
x="350.83542"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4918"
width="32.326397"
height="21.954395"
x="350.81528"
y="60.313194" />
<text
id="text4920"
y="77.923424"
x="357.44257"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5569"><tspan
y="77.923424"
x="357.44257"
id="tspan4922">10</tspan></text>
</g>
<g
inkscape:label="#g4747"
id="g_calBox_2_6">
<rect
y="59.983055"
x="418.83511"
height="68.960327"
width="68.960335"
id="rect4927"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="418.81528"
height="21.954395"
width="32.326397"
id="rect4929"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="425.10544"
y="76.750595"
id="text4931"
inkscape:label="#text4522"><tspan
id="tspan4933"
x="425.10544"
y="76.750595">10</tspan></text>
</g>
</g>
<g
inkscape:label="#g4753"
id="g_calWeek_3"
transform="translate(0,204)">
<g
id="g_calBox_3_0"
inkscape:label="#g4711">
<rect
inkscape:label="#rect4885"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4939"
width="68.960335"
height="68.960327"
x="3.5595715"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4941"
width="32.326397"
height="21.954395"
x="3.5392618"
y="60.313194" />
<text
inkscape:label="#text5538"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="10.16668"
y="77.923424"
id="text4943"><tspan
id="tspan4945"
x="10.16668"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_3_1"
inkscape:label="#g4717">
<rect
inkscape:label="#rect4918"
y="59.983055"
x="73.214752"
height="68.960327"
width="68.960335"
id="rect4949"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="73.195267"
height="21.954395"
width="32.326397"
id="rect4951"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5542"
sodipodi:linespacing="125%"
id="text4953"
y="77.923424"
x="79.821869"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="79.821869"
id="tspan4955">10</tspan></text>
</g>
<g
id="g_calBox_3_3"
inkscape:label="#g4729">
<rect
inkscape:label="#rect4922"
y="59.983055"
x="212.52507"
height="68.960327"
width="68.960335"
id="rect4959"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="212.50526"
height="21.954395"
width="32.326397"
id="rect4961"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5557"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="219.13219"
y="77.923424"
id="text4963"><tspan
id="tspan4965"
x="219.13219"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_3_2"
inkscape:label="#g4723">
<rect
inkscape:label="#rect4920"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4969"
width="68.960335"
height="68.960327"
x="142.86993"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4971"
width="32.326397"
height="21.954395"
x="142.85027"
y="60.313194" />
<text
inkscape:label="#text5561"
sodipodi:linespacing="125%"
id="text4973"
y="80.639984"
x="143.67036"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
transform="scale(1.040417,0.96115307)"><tspan
y="80.639984"
x="143.67036"
id="tspan4975">10</tspan></text>
</g>
<g
id="g_calBox_3_4"
inkscape:label="#g4735">
<rect
inkscape:label="#rect4924"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4979"
width="68.960335"
height="68.960327"
x="282.18024"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4981"
width="32.326397"
height="21.954395"
x="282.16028"
y="60.313194" />
<text
inkscape:label="#text5565"
sodipodi:linespacing="125%"
id="text4983"
y="77.923424"
x="288.78738"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="288.78738"
id="tspan4985">10</tspan></text>
</g>
<g
id="g_calBox_3_5"
inkscape:label="#g4741">
<rect
y="59.983055"
x="350.83542"
height="68.960327"
width="68.960335"
id="rect4989"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="350.81528"
height="21.954395"
width="32.326397"
id="rect4991"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5569"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="357.44257"
y="77.923424"
id="text4993"><tspan
id="tspan4995"
x="357.44257"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_3_6"
inkscape:label="#g4747">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4999"
width="68.960335"
height="68.960327"
x="418.83511"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5001"
width="32.326397"
height="21.954395"
x="418.81528"
y="60.313194" />
<text
inkscape:label="#text4522"
id="text5003"
y="76.750595"
x="425.10544"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"><tspan
y="76.750595"
x="425.10544"
id="tspan5005">10</tspan></text>
</g>
</g>
<g
transform="translate(0,272)"
id="g_calWeek_4"
inkscape:label="#g4753">
<g
inkscape:label="#g4711"
id="g_calBox_4_0">
<rect
y="59.983055"
x="3.5595715"
height="68.960327"
width="68.960335"
id="rect5011"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4885" />
<rect
y="60.313194"
x="3.5392618"
height="21.954395"
width="32.326397"
id="rect5013"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
id="text5015"
y="77.923424"
x="10.16668"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5538"><tspan
y="77.923424"
x="10.16668"
id="tspan5017">10</tspan></text>
</g>
<g
inkscape:label="#g4717"
id="g_calBox_4_1">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5021"
width="68.960335"
height="68.960327"
x="73.214752"
y="59.983055"
inkscape:label="#rect4918" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5023"
width="32.326397"
height="21.954395"
x="73.195267"
y="60.313194" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="79.821869"
y="77.923424"
id="text5025"
sodipodi:linespacing="125%"
inkscape:label="#text5542"><tspan
id="tspan5027"
x="79.821869"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4729"
id="g_calBox_4_3">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5031"
width="68.960335"
height="68.960327"
x="212.52507"
y="59.983055"
inkscape:label="#rect4922" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5033"
width="32.326397"
height="21.954395"
x="212.50526"
y="60.313194" />
<text
id="text5035"
y="77.923424"
x="219.13219"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5557"><tspan
y="77.923424"
x="219.13219"
id="tspan5037">10</tspan></text>
</g>
<g
inkscape:label="#g4723"
id="g_calBox_4_2">
<rect
y="59.983055"
x="142.86993"
height="68.960327"
width="68.960335"
id="rect5041"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4920" />
<rect
y="60.313194"
x="142.85027"
height="21.954395"
width="32.326397"
id="rect5043"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
transform="scale(1.040417,0.96115307)"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="143.67036"
y="80.639984"
id="text5045"
sodipodi:linespacing="125%"
inkscape:label="#text5561"><tspan
id="tspan5047"
x="143.67036"
y="80.639984">10</tspan></text>
</g>
<g
inkscape:label="#g4735"
id="g_calBox_4_4">
<rect
y="59.983055"
x="282.18024"
height="68.960327"
width="68.960335"
id="rect5051"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:label="#rect4924" />
<rect
y="60.313194"
x="282.16028"
height="21.954395"
width="32.326397"
id="rect5053"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="288.78738"
y="77.923424"
id="text5055"
sodipodi:linespacing="125%"
inkscape:label="#text5565"><tspan
id="tspan5057"
x="288.78738"
y="77.923424">10</tspan></text>
</g>
<g
inkscape:label="#g4741"
id="g_calBox_4_5">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5061"
width="68.960335"
height="68.960327"
x="350.83542"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5063"
width="32.326397"
height="21.954395"
x="350.81528"
y="60.313194" />
<text
id="text5065"
y="77.923424"
x="357.44257"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"
inkscape:label="#text5569"><tspan
y="77.923424"
x="357.44257"
id="tspan5067">10</tspan></text>
</g>
<g
inkscape:label="#g4747"
id="g_calBox_4_6">
<rect
y="59.983055"
x="418.83511"
height="68.960327"
width="68.960335"
id="rect5071"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="418.81528"
height="21.954395"
width="32.326397"
id="rect5073"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="425.10544"
y="76.750595"
id="text5075"
inkscape:label="#text4522"><tspan
id="tspan5077"
x="425.10544"
y="76.750595">10</tspan></text>
</g>
</g>
<g
inkscape:label="#g4753"
id="g_calWeek_5"
transform="translate(0,340)">
<g
id="g_calBox_5_0"
inkscape:label="#g4711">
<rect
inkscape:label="#rect4885"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5083"
width="68.960335"
height="68.960327"
x="3.5595715"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5085"
width="32.326397"
height="21.954395"
x="3.5392618"
y="60.313194" />
<text
inkscape:label="#text5538"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="10.16668"
y="77.923424"
id="text5087"><tspan
id="tspan5089"
x="10.16668"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_5_1"
inkscape:label="#g4717">
<rect
inkscape:label="#rect4918"
y="59.983055"
x="73.214752"
height="68.960327"
width="68.960335"
id="rect5093"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="73.195267"
height="21.954395"
width="32.326397"
id="rect5095"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5542"
sodipodi:linespacing="125%"
id="text5097"
y="77.923424"
x="79.821869"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="79.821869"
id="tspan5099">10</tspan></text>
</g>
<g
id="g_calBox_5_3"
inkscape:label="#g4729">
<rect
inkscape:label="#rect4922"
y="59.983055"
x="212.52507"
height="68.960327"
width="68.960335"
id="rect5103"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="212.50526"
height="21.954395"
width="32.326397"
id="rect5105"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5557"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="219.13219"
y="77.923424"
id="text5107"><tspan
id="tspan5109"
x="219.13219"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_5_2"
inkscape:label="#g4723">
<rect
inkscape:label="#rect4920"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5113"
width="68.960335"
height="68.960327"
x="142.86993"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5115"
width="32.326397"
height="21.954395"
x="142.85027"
y="60.313194" />
<text
inkscape:label="#text5561"
sodipodi:linespacing="125%"
id="text5117"
y="80.639984"
x="143.67036"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.41729546px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
transform="scale(1.040417,0.96115307)"><tspan
y="80.639984"
x="143.67036"
id="tspan5119">10</tspan></text>
</g>
<g
id="g_calBox_5_4"
inkscape:label="#g4735">
<rect
inkscape:label="#rect4924"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5123"
width="68.960335"
height="68.960327"
x="282.18024"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5125"
width="32.326397"
height="21.954395"
x="282.16028"
y="60.313194" />
<text
inkscape:label="#text5565"
sodipodi:linespacing="125%"
id="text5127"
y="77.923424"
x="288.78738"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"><tspan
y="77.923424"
x="288.78738"
id="tspan5129">10</tspan></text>
</g>
<g
id="g_calBox_5_5"
inkscape:label="#g4741">
<rect
y="59.983055"
x="350.83542"
height="68.960327"
width="68.960335"
id="rect5133"
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="60.313194"
x="350.81528"
height="21.954395"
width="32.326397"
id="rect5135"
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
inkscape:label="#text5569"
sodipodi:linespacing="125%"
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
x="357.44257"
y="77.923424"
id="text5137"><tspan
id="tspan5139"
x="357.44257"
y="77.923424">10</tspan></text>
</g>
<g
id="g_calBox_5_6"
inkscape:label="#g4747">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.03967237;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5143"
width="68.960335"
height="68.960327"
x="418.83511"
y="59.983055" />
<rect
style="fill:#cce4ee;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5145"
width="32.326397"
height="21.954395"
x="418.81528"
y="60.313194" />
<text
inkscape:label="#text4522"
id="text5147"
y="76.750595"
x="425.10544"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
xml:space="preserve"
sodipodi:linespacing="125%"><tspan
y="76.750595"
x="425.10544"
id="tspan5149">10</tspan></text>
</g>
</g>
</g>
</g>
<g
id="cal-clock-group"
transform="translate(-500,10)">
<rect
y="73.540283"
x="502.68491"
height="16.438356"
width="61.643837"
id="cal-clock-group-background"
style="fill:#e2f7c7;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<g
inkscape:label="#layer1"
id="cal-clock-H"
transform="matrix(0.32943618,0,0,0.32943618,420.16134,-33.580934)">
<g
id="g3237"
transform="translate(162.27715,183.76022)">
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path3225"
transform="translate(1.1364117,0.1484661)"
d="m 148.36615,166.20586 a 20.960665,20.960665 0 1 1 -41.92133,0 20.960665,20.960665 0 1 1 41.92133,0 z" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path3231"
d="m 128.5419,164.2998 0,-13.99111" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path3233"
d="m 130.00822,166.08404 7.81744,0" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#970000;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path3235"
d="m 127.54464,166.91575 -11.45089,11.45089" />
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2.2009747;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path3227"
transform="matrix(0.8867923,0,0,0.931125,16.267667,12.493608)"
d="m 127.58928,164.95146 a 0.98214287,0.98214287 0 1 1 -1.96428,0 0.98214287,0.98214287 0 1 1 1.96428,0 z" />
</g>
</g>
<g
inkscape:label="#g4384"
transform="matrix(0.32943618,0,0,0.32943618,436.59969,-33.580934)"
id="cal-clock-M">
<g
transform="translate(162.27715,183.76022)"
id="g4386">
<path
d="m 148.36615,166.20586 a 20.960665,20.960665 0 1 1 -41.92133,0 20.960665,20.960665 0 1 1 41.92133,0 z"
transform="translate(1.1364117,0.1484661)"
id="path4388"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
d="m 128.5419,164.2998 0,-13.99111"
id="path4390"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
d="m 130.00822,166.08404 7.81744,0"
id="path4392"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
d="m 127.54464,166.91575 -11.45089,11.45089"
id="path4394"
style="fill:none;fill-rule:evenodd;stroke:#970000;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:connector-curvature="0" />
<path
d="m 127.58928,164.95146 a 0.98214287,0.98214287 0 1 1 -1.96428,0 0.98214287,0.98214287 0 1 1 1.96428,0 z"
transform="matrix(0.8867923,0,0,0.931125,16.267667,12.493608)"
id="path4396"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2.2009747;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:connector-curvature="0" />
</g>
</g>
<g
inkscape:label="#g4398"
id="cal-clock-S"
transform="matrix(0.32943618,0,0,0.32943618,453.03805,-33.580934)">
<g
id="g4400"
transform="translate(162.27715,183.76022)">
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4402"
transform="translate(1.1364117,0.1484661)"
d="m 148.36615,166.20586 a 20.960665,20.960665 0 1 1 -41.92133,0 20.960665,20.960665 0 1 1 41.92133,0 z" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4404"
d="m 128.5419,164.2998 0,-13.99111" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.39999998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4406"
d="m 130.00822,166.08404 7.81744,0" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-rule:evenodd;stroke:#970000;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4408"
d="m 127.54464,166.91575 -11.45089,11.45089" />
<path
inkscape:connector-curvature="0"
style="opacity:1;fill:#e5e5e5;fill-opacity:1;stroke:#090035;stroke-width:2.2009747;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path4410"
transform="matrix(0.8867923,0,0,0.931125,16.267667,12.493608)"
d="m 127.58928,164.95146 a 0.98214287,0.98214287 0 1 1 -1.96428,0 0.98214287,0.98214287 0 1 1 1.96428,0 z" />
</g>
</g>
</g>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment