+
diff --git a/src/www/js/schedule-maker.js b/src/www/js/schedule-maker.js
index be356e9..91e3426 100644
--- a/src/www/js/schedule-maker.js
+++ b/src/www/js/schedule-maker.js
@@ -8,6 +8,15 @@
SM.minWedTeachers = 2;
SM.views = [];
+ SM.date = new Date();
+
+ SM.monthNames = ["January", "February", "March", "April", "May", "June",
+ "July", "August", "September", "October", "November", "December"];
+
+ SM.monthAbbr = ["Jan.", "Feb.", "Mar.", "Apr.", "May", "June", "July",
+ "Aug.", "Sep.", "Oct.", "Nov.", "Dec."];
+
+ SM.nameForNumber = ["first", "second", "third", "fourth", "fifth"]
SM.ServiceView = function(element) {
@@ -213,6 +222,7 @@
// Restore the date.
$('input[type=date]').val(data.date);
+ SM.updateDate();
// Restore Sunday services
for(var day in data.sundays) {
@@ -234,12 +244,85 @@
var liEl = view.newName({target: $ulEl[0]});
$(liEl).find('span.name').text(personName); });
view.updatePlaceholders({target: $ulEl[0]}); } }
-
+
fileReader.readAsText(fileName, "UTF-8");
};
- SM.publicShedule = function() {
- // TODO
+ SM.updateDate = function() {
+ var schedDate = new Date($('.schedule-date').val() + ":");
+
+ if (schedDate.getMonth() == SM.date.getMonth() &&
+ schedDate.getYear() == SM.date.getYear()) { return }
+
+ SM.date = schedDate;
+ $('.month-name').text(
+ SM.monthNames[SM.date.getMonth()] + " " +
+ (SM.date.getYear() + 1900));
+
+ // Find the Sundays.
+ var tempDate = new Date(SM.date) // First find the first Sunday.
+ tempDate.setDate(1); // Start at the first day of the month
+ if (tempDate.getDay() != 0) { // If it is not a sunday
+ // then figure out how many days until the next Sunday (based on
+ // what day it is), add one (because setDate is 1-indexed) and add
+ // that so that we have the first Sunday of the month.
+ tempDate.setDate((7 - tempDate.getDay()) + 1) }
+
+ // Now iterate through the sundays in this month and update the view.
+ for (var i = 0; i < 5; i++) {
+ var $h3 = $(".sundays ." + SM.nameForNumber[i] + " h3");
+ var text = SM.nameForNumber[i];
+ text = text[0].toUpperCase() + text.slice(1) + " Sunday";
+
+ if (tempDate.getMonth() == SM.date.getMonth()) {
+ text += ', ' + SM.monthAbbr[tempDate.getMonth()] +
+ " " + tempDate.getDate();
+ if (text[text.length - 1] == '1'
+ && text[text.length - 2] != '1') text += "st";
+ else if (text[text.length - 1] == '2') text += "nd";
+ else if (text[text.length - 1] == '3') text += "rd";
+ else text += "th";
+ $h3.closest('div').removeClass('inactive'); }
+
+ else {
+ text = "No " + text;
+ $h3.closest('div').addClass('inactive'); }
+
+ $h3.text(text);
+ tempDate.setDate(tempDate.getDate() + 7); }
+
+ // Find the Wednesdays.
+ var tempDate = new Date(SM.date) // First find the first Wednesday.
+ tempDate.setDate(1); // Start at the first day of the month
+ if (tempDate.getDay() != 3) { // figure out how many days until
+ // the next Sunday (based on what day it is), add one (because
+ // setDate is 1-indexed), add 3 to get to the next wednesday and
+ // add that so that we have the first Wednesday of the month.
+ tempDate.setDate((((7 - tempDate.getDay()) + 1) % 7) + 3) }
+
+ // Now iterate through the wednesdays in this month and update the view.
+ for (var i = 0; i < 5; i++) {
+ var $h3 = $(".wednesdays ." + SM.nameForNumber[i] + " h3");
+ var text = SM.nameForNumber[i];
+ text = text[0].toUpperCase() + text.slice(1) + " Wednesday";
+
+ if (tempDate.getMonth() == SM.date.getMonth()) {
+ text += ', ' + SM.monthAbbr[tempDate.getMonth()] +
+ " " + tempDate.getDate();
+ if (text[text.length - 1] == '1'
+ && text[text.length - 2] != '1') text += "st";
+ else if (text[text.length - 1] == '2') text += "nd";
+ else if (text[text.length - 1] == '3') text += "rd";
+ else text += "th";
+ $h3.closest('div').removeClass('inactive'); }
+
+ else {
+ text = "No " + text;
+ $h3.closest('div').addClass('inactive'); }
+
+ $h3.text(text);
+ tempDate.setDate(tempDate.getDate() + 7); }
+
};
SM.init = function() {
@@ -253,6 +336,8 @@
$('.publish').on('click', SM.publishSchedule);
$('.load-dialog').on('click', SM.hideLoadDialog);
$('.load-dialog a').on('click', SM.loadSchedule);
+ $('.schedule-date').on('change', SM.updateDate);
+ $('.schedule-date').on('keyup', SM.updateDate);
};
}).call(this);
diff --git a/src/www/schedule-maker.html b/src/www/schedule-maker.html
deleted file mode 100644
index e8f3d7b..0000000
--- a/src/www/schedule-maker.html
+++ /dev/null
@@ -1,182 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-