www/www-1: life_calendar/index.html comparison

comparison life_calendar/index.html @ 103:4043aaa41075

add bootstrap-year-calendar

author	paulo
date	Thu, 07 Mar 2019 00:52:02 -0800
parents	256b8df1c686
children

comparison

equal deleted inserted replaced

-:e29e1c14c918
+:4dd7f9305903
 font-size: 0.75em;
 font-weight: normal;
 margin: 1px;
 }
+div#tooltip h3 {
+color: #333333;
+font-size: 0.8em;
+margin: 2px;
+}
 td {
 border-color: #FFFFFF;
 }
 table {
 var previousYears;
 var futureYears;
 var remainderWeeks;
 var restOfYearWeeks;
+var selecting = false;
+var start_wyc = null;
+var end_wyc = null;
 function validateBirthday(birthday) {
 var birthdayPattern = /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/;
 return birthdayPattern.test( $("#birthday").val());
 }
 for (year = 0; year < calParent.childNodes.length; year++) {
 if (calParent.childNodes[year] === yearParent) {
 break;
 }
 }
-var cal = getCalendar(birthdayDate, week, year);
 return {
 week: week,
 year: year,
-cal: cal,
+cal: getCalendar(birthdayDate, week, year),
-}
+weeks: nWeeks*year + week,
+}
+}
+function inSpan(x, s, e) {
+return x >= s && x <= e;
 }
 function loop(x, f) {
 for (var i = 0; i < x; f(i++));
 }
 var ret = [];
 for (var i = 0; i < x; i++) {
 ret.push(f(i));
 }
 return ret;
+}
+function setStyle(e) {
+var styles = [];
+if (e["_fill_color"] != undefined) {
+styles.push("background-color: " + e._fill_color);
+}
+if (e["_border_color"] != undefined) {
+styles.push("border-color: " + e._border_color);
+}
+if (styles.length == 0) {
+e.setAttribute("style", undefined);
+} else {
+e.setAttribute("style", styles.join('; '));
+}
+}
+function highlightDistance(e0, e1_wyc, e2_wyc) {
+var calParent = e0.parentNode.parentNode;
+var min_wyc = (e1_wyc.weeks <= e2_wyc.weeks) ? e1_wyc : e2_wyc;
+var max_wyc = (e2_wyc == min_wyc) ? e1_wyc : e2_wyc;
+for (var year = 0; year < lifespan; year++) {
+for (var week = 0; week < nWeeks; week++) {
+w = nWeeks*year + week;
+e = calParent.childNodes[year].childNodes[week]
+if (inSpan(w, min_wyc.weeks, max_wyc.weeks)) {
+e._border_color = "black";
+} else {
+e._border_color = undefined;
+}
+setStyle(e);
+}
+}
 }
 function cycleColors(e) {
 var colors = [
 undefined,
 ];
 var i = 0;
 for (; i < colors.length, colors[i] != e._fill_color; i++);
 e._fill_color = colors[(i + 1) % colors.length];
-if (e._fill_color != undefined) {
+setStyle(e);
-e.setAttribute("style", "background-color: " + e._fill_color);
-} else {
-e.setAttribute("style", undefined);
-}
 }
 function _createElement(tagName, className) {
 var e = document.createElement(tagName);
 if (className) {
 e.addEventListener("mouseover", function(evt) {
 var wyc = getWeekYearCal(e, i);
 var calYear = wyc.cal.getFullYear();
 var calMonth = wyc.cal.getMonth() + 1;
 var calDay = wyc.cal.getDate();
-createTooltip(evt, calYear + '-' + calMonth + '-' + calDay, "(Week: " + wyc.week + ", Year: " + wyc.year + ")");
+var title = calYear + '-' + calMonth + '-' + calDay;
+var text = "(Week: " + wyc.week + ", Year: " + wyc.year + ")";
+var subtext = null;
+if (selecting) {
+end_wyc = wyc;
+highlightDistance(e, start_wyc, end_wyc);
+}
+if (start_wyc && end_wyc) {
+var min_wyc = (start_wyc.weeks <= end_wyc.weeks) ? start_wyc : end_wyc;
+var max_wyc = (end_wyc == min_wyc) ? start_wyc : end_wyc;
+if (inSpan(wyc.weeks, min_wyc.weeks, max_wyc.weeks)) {
+var sel_weeks = max_wyc.weeks - min_wyc.weeks;
+var sel_years = sel_weeks/nWeeks;
+subtext = "[Selected: weeks: " + sel_weeks + " years: " + sel_years.toFixed(2) + "]";
+}
+}
+createTooltip(evt, title, text, subtext);
 });
 e.addEventListener("click", function() {
-cycleColors(e);
+var wyc = getWeekYearCal(e, i);
+highlightDistance(e, wyc, wyc);
+if (start_wyc && end_wyc) {
+start_wyc = null;
+end_wyc = null;
+} else {
+cycleColors(e);
+}
+});
+e.addEventListener("mousedown", function() {
+selecting = true;
+start_wyc = getWeekYearCal(e, i);
+});
+e.addEventListener("mouseup", function() {
+selecting = false;
 });
 }
 $( document ).ready(function() {
 $( "#settingsForm" ).isHappy({

Mercurial > hg > index.fcgi > www > www-1

comparison life_calendar/index.html @ 103:4043aaa41075