diff options
Diffstat (limited to 'index.html')
| -rwxr-xr-x | index.html | 655 |
1 files changed, 655 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100755 index 0000000..ceeff4d --- /dev/null +++ b/index.html @@ -0,0 +1,655 @@ +<!doctype html> +<html> +<head> +<title>Lodges by Date</title> +<link rel="stylesheet" type="text/css" href="pickadate.css"> +<style type="text/css"> +html,body { overflow-x: hidden; } +#data, #summer { margin-left: 400px; } +#summer { display: none; } +.bold { font-weight: bold; background: #eee; color: black; } +a { text-decoration: underline; color: blue; cursor: pointer; } +#district { text-transform: capitalize; } +</style> +</head> +<body> + +<input type="text" class="datepicker"> +<button id="next">Next day</button> +<select id="districts"></select> +<select id="lodges"></select> + +<div id="summer"> +<img src="palmtree.gif"><br> +<i>no meetings july and august!</i> +</div> + +<div id="data"> + +<p> +Today is <span id="today"></span>, better known as <span id="todayindex"></span>.<br> +</p> + +<p> +These lodges meet today: <span id="todaylodges"></span><br> +These lodges meet tomorrow: <span id="tomorrowlodges"></span> +</p> + +<p> +<span class="lodgename"></span> meets this month: <span id="estuarymeetings"></span><br> +<span class="lodgename"></span> next meets: <span id="estuarynext"></span> +</p> + +<p> +The next full moon is <span id="nextfullmoon"></span>.<br> +</p> + +<div id="lodgeinfo"> +</div> + +<script id="lodgeinfo-template" type="text/html"> +<div class="info"> + <p> + <b id="name"></b> <b>#</b><b id="id"></b><br> + <span id="dates"></span><br> + <span id="district"></span> + </p> +</div> +</script> + +</body> +<script type="text/javascript" src="jquery-1.8.3.min.js"></script> +<script type="text/javascript" src="pickadate.js"></script> +<script type="text/javascript" src="nylodges-grand-lodge.js"></script> +<script type="text/javascript"> + +var days = "Su Mo Tu We Th Fr Sa".split(" "); +var longdays = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "); +var months = "January February March April May June July August September October November December".split(" "); +var monthsLookup = lookup(months); +var shortMonths = wrap(map(function(x){ return [ x.slice(0,3), monthsLookup[x] ] }, months)); +var daysLookup = lookup(days); +var Ordinals = "all first second third fourth fifth sixth seventh eighth ninth tenth".split(" ") +var ShortOrdinals = "1st 2nd 3rd 4th".split(" ") + +var today = new Date(); +var DatesByIndex = {}; +var LodgeListByDate = {}; + +var Lodges = {} +var LodgesByIndex = {} +var LodgesWithMonth = {} +var LodgesByDistrict = {} +var AllLodgesByIndex = LodgesByIndex +LodgeList.forEach(function(l){ + var id = l.title.match(/\d+/)[0] + l.id = id + var tpartz = l.title.split("No") + l.name = tpartz[0] + l.address = l.address.split(",") + l.district = l.district.toLowerCase() + delete l.title + Lodges[id] = l + + var day + longdays.some(function(d){ + if (l.dates.toLowerCase().match(d.toLowerCase())) { + day = d.substr(0,2) + return true + } + return false + }) + + ShortOrdinals.forEach(function(oo, i){ + if (l.dates.match(oo)) { + var ok = oo[0] + day + LodgesByIndex[ok] = LodgesByIndex[ok] || [] + LodgesByIndex[ok].push(id) + LodgesByDistrict[ l.district ] = LodgesByDistrict[ l.district ] || {} + LodgesByDistrict[ l.district ][ok] = LodgesByDistrict[ l.district ][ok] || [] + LodgesByDistrict[ l.district ][ok].push(id) + } + }) + +}) + +/* +var LodgesByIndex = { + '1Mo': [2, 4, 9, 17, 33, 36, 49, 76, 77, 88, 116, 131], + '1Tu': [8, 12, 21, 38, 40, 55, 57, 63, 67, 108, 113, 148], + '1We': [5, 7, 11, 18, 25, 30, 34, 43, 64, 66, 103, 125], + '1Th': [3, 6, 16, 22, 31, 42, 51, 60, 121, 140, 145], + '1Fr': [10, 89], + '1Sa': [120, 149], + '2Mo': [19, 70, 95, 101, 112, 115, 144, 147, 332], + '2Tu': [14, 28, 29, 69, 73, 78, 85, 87, 102, 104, 110, 146], + '2We': [15, 39, 44, 79, 97, 107, 119, 142], + '2Th': [1, 61, 65, 81], + '2Fr': [122], + '2Sa': [24], + '3Mo': [2, 4, 9, 17, 33, 49, 76, 77, 88, 116, 131], + '3Tu': [8, 12, 21, 38, 40, 51, 57, 63, 67, 143], + '3We': [5, 7, 11, 13, 18, 25, 30, 34, 43, 64, 66, 103, 125], + '3Th': [3, 6, 16, 22, 31, 42, 47, 51, 121, 140, 145], + '3Fr': [10, 89, "PLR"], + '3Sa': [120, 149], + '4Mo': [70, 95, 101, 112, 115], + '4Tu': [14, 28, 29, 73, 78, 85, 102, 104], + '4We': [39, 44, 97, 119, "MLR"], + '4Th': [1, 61, 65, 81], + 'MSa': [46], // on or before full moon + 'MTh': [48] +}; +var LodgesWithMonth = { + 'PLR': shortMonthLookup("Feb Apr Sep Oct Dec".split(" ")), + 'MLR': shortMonthLookup("Feb Mar May Sep Oct Dec".split(" ")) +}; +*/ +/* +S on or before full moon 46 +T on or before full moon 48 +3rd F, Feb/Apr/Sep/Oct/Dec PLR +4th W, Feb/Mar/May/Sep/Oct/Dec MLR +*/ + +var daysInMonth = [31,28,31,30, 31,30,31,31, 30,31,30,31]; +var daysInMonthSum = [0,31,59,90, 120,151,181,212, 243,273,304,334]; +var daysInMonthLeap = [0,31,60,91, 121,152,182,213, 244,274,305,335]; + +var DatesByLodge = reverseLookup(LodgesByIndex); + +Date.prototype.getFirstOfMonth = function(){ + var firstofmonth = new Date(); + firstofmonth.setMonth(this.getMonth()); + firstofmonth.setFullYear(this.getFullYear()); + firstofmonth.setDate(1); + return firstofmonth; +} +Date.prototype.getWeekOfMonth = function() { + var firstofmonth = this.getFirstOfMonth(); + var week = this.getWeekOfYear() - firstofmonth.getWeekOfYear(); + if (this.getDay() >= firstofmonth.getDay()) { + week += 1; + } + return week; +} +Date.prototype.getWeekOfYear = function(){ + return Math.floor( (this.getYearDay() - this.getDay() + 10) / 7 ); +} +Date.prototype.getYearDay = function(){ + var ord = this.getDate(); + if (this.isLeapYear()) { + return ord + daysInMonthLeap[ this.getMonth() ]; + } else { + return ord + daysInMonthSum[ this.getMonth() ]; + } +} +Date.prototype.isLeapYear = function(){ + var year = this.getFullYear(); + if (year % 400 == 0) { + return true; + } + else if (year % 100 == 0) { + return false; + } + else if (year % 4 == 0) { + return true; + } + else { + return false; + } +} +Date.prototype.getDaysInMonth = function(){ + var month = this.getMonth(); + if (month == 1 && this.isLeapYear()) { + return 29; + } else { + return daysInMonth[month]; + } +} +Date.prototype.copy = function(){ + return new Date( this.getTime() ); +} +Date.prototype.getWeekDayIndex = function(){ + return this.getWeekOfMonth() + days[this.getDay()]; +} +Date.prototype.tomorrow = function(){ + var tomorrow = this.copy(); + tomorrow.setDate(this.getDate() + 1); + return tomorrow; +} +Date.prototype.nextMonth = function(){ + var nextmonth = this.copy(); + nextmonth.setMonth(this.getMonth() + 1); + var another = nextmonth.copy(); + another.setMonth(this.getMonth() + 2); + nextmonth.cache(); + another.cache(); + return nextmonth; +} +Date.prototype.display = function(){ + return longdays[this.getDay()] + " " + months[this.getMonth()] + " " + this.getDate() + ", " + this.getFullYear(); +} +Date.prototype.dateFromIndex = function(index) { + return DatesByIndex[this.getFullYear()][this.getMonth()][index]; +} +function shortMonth(s) { + return s.slice(0,3); +} +function shortMonthLookup(a) { + return lookup(map(function(x){ return shortMonths[x] }, a)); +} + +function map (f,a) { + var aa = []; + for (var i = 0; i < a.length; i++) { + // console.log(a[i], f(a[i])); + aa[i] = f(a[i]); + } + return aa; +} +function wrap(a) { + var lookup = {}; + for (var i = 0; i < a.length; i++) { + lookup[a[i][0]] = a[i][1]; + } + return lookup; +} + +// date.setTime( date.getTime() + date.getTimezoneOffset() * 60000 ); +var bluemoon = new Date( 96, 1, 3, 16, 15, 0 ); +var lunarperiod = 29 * ( 24 * 3600 * 1000 ) + 12 * ( 3600 * 1000 ) + 44.05 * ( 60 * 1000 ); +Date.prototype.moonPhase = function(){ + var phasetime = ( this.getTime() - bluemoon.getTime() ) % lunarperiod; + return fraction = phasetime / lunarperiod; +} +Date.prototype.nextFullMoon = function(){ + var phasetime = ( this.getTime() - bluemoon.getTime() ) % lunarperiod; + var fullmoonDaysFromNow = Math.round( ( lunarperiod - phasetime ) / ( 24 * 3600 * 1000 ) ) + var fullmoon = this.copy(); + + fullmoonDaysFromNow %= 29; + + fullmoon.setDate( this.getDate() + fullmoonDaysFromNow ); + return fullmoon; +} + +Date.prototype.isCached = function() { + var year = this.getFullYear(); + var month = this.getMonth() + return (year in DatesByIndex) && (month in DatesByIndex[year]); +} +Date.prototype.cache = function () { + if (this.isCached()) { + return; + } + var year = this.getFullYear(); + var month = this.getMonth(); + + if (!DatesByIndex[year]) DatesByIndex[year] = {}; + if (!DatesByIndex[year][month]) DatesByIndex[year][month] = {}; + if (!LodgeListByDate[year]) LodgeListByDate[year] = {}; + if (!LodgeListByDate[year][month]) LodgeListByDate[year][month] = {}; + + var llbd = LodgeListByDate[year][month]; + + var fullmoon = this.nextFullMoon(); + + // console.log([ this.getDaysInMonth() ]); + for (var i = 1; i <= this.getDaysInMonth(); i++) { + var date = this.copy(); + date.setDate(i); + var week = date.getWeekOfMonth(); + var index = date.getWeekDayIndex(); + + DatesByIndex[date.getFullYear()][date.getMonth()][index] = date; + var lodgelist = date.getLodges(); + + for (var j = 0; j < lodgelist.length; j++) { + var lodge_id = lodgelist[j] + ""; + if (!llbd[lodge_id]) llbd[lodge_id] = []; + llbd[lodge_id].push(date); + } + + console.log([ + index, + date.getWeekOfYear(), + week, + days[date.getDay()], + date.getDate(), + months[date.getMonth()], + lodgelist + ]); + } +} + +function append(car, cdr){ + for (var i in cdr) { + car.push(cdr[i]); + } +} +Date.prototype.isSameDay = function(date) { + return this.getFullYear() == date.getFullYear() && this.getMonth() == date.getMonth() && this.getDate() == date.getDate(); +} +Date.prototype.isSummer = function(){ + switch (this.getMonth()) { + case 6: + case 7: + return true; + } + return false; +} +function filter(f,a) { + var l = []; + if (a) { + for (var i = 0; i < a.length; i++) { + f(a[i]) && l.push(a[i]) + } + } + return l; +} +Date.prototype.getLodges = function (date) { + + var weekIndex = this.getWeekDayIndex(); + var lodges = []; + + if (weekIndex in LodgesByIndex) { + append( lodges, LodgesByIndex[weekIndex] ); + } + + var fullmoon = this.nextFullMoon(); + + if ( this.isSameDay(fullmoon) ) { + var index = "M" + days[this.getDay()] + if ( index in LodgesByIndex ) { + append( lodges, LodgesByIndex[index] ); + } + } else if ((fullmoon.getTime() - this.getTime()) < 86400000 * 6) { + var index = "M" + days[this.getDay()] + if ( index in LodgesByIndex) { + append( lodges, LodgesByIndex[index] ); + } + } + + var month = this.getMonth(); + + // filter if a lodge does not meet in the current month + return filter(function(x){ + return ( !( x in LodgesWithMonth ) || month in LodgesWithMonth[x] ); + }, lodges); + +} +function reverseLookup(hash) { + var rev = {}; + for (var d in hash) { + var arr = hash[d]; + for (var j = 0; j < arr.length; j++) { + var num = arr[j]; + rev[num] = rev[num] || []; + rev[num].push(d); + } + } + return rev; +} +function lookup(arr){ + var lookup = {}; + for (var i = 0; i < arr.length; i++) { + lookup[arr[i]] = i; + } + return lookup; +} + + +function keys(h) { + var a = []; + for (var i in h) { + if (h.hasOwnProperty(i)) { + a.push(i); + } + } + return a; +} + +function lodge_name(id) { + if (id+"" in Lodges) { + var lodge = Lodges[id+""]; + if (parseInt(id)) { + return lodge.name + " #" + lodge.id; + } else { + return lodge.name; + } + } else { + return id; + } +} + +var lodge_id = 23; + +var $select = $("select#lodges"); +function build_lodge_selector(){ + $select.empty() + map(function(tup){ + var $option = $("<option>").attr({ + 'value': tup[1] + }); + $option.html( tup[0] ); + $select.append($option); + }, + map(function(id){ return [lodge_name(id), id] }, + keys(DatesByLodge) + ).sort(function(a,b){ + if (a[0] < b[0]) + return -1; + if (a[0] > b[0]) + return 1; + return 0; + }) + ); + $select.val(lodge_id); +} +build_lodge_selector() + +$select.change(function(){ + lodge_id = $(this).val(); + render(); +}); +function selectLodge(id) { + if (isNaN(parseInt(id))) { + lodge_id = id; + } else { + lodge_id = parseInt(id); + } + $select.val(lodge_id); + render(); +} + + +var $districtSelect = $("select#districts") +Ordinals.forEach(function(o,i){ + var $option = $("<option>").attr({ + 'value': o + }) + if (i == 0) { + $option.html("All Lodges") + } + else { + $option.html(o[0].toUpperCase() + o.substr(1) + " " + "Manhattan") + } + $districtSelect.append($option) +}) +$districtSelect.val("all") +$districtSelect.change(function(){ + var district = $(this).val() + if (district == "all") { + LodgesByIndex = AllLodgesByIndex + } + else { + LodgesByIndex = LodgesByDistrict[ district.toLowerCase() + " manhattan district" ] + } + DatesByLodge = reverseLookup(LodgesByIndex) + build_lodge_selector() + var todays_lodges = today.getLodges() + if (todays_lodges[lodge_id] === -1) { + lodge_id = Object.keys(DatesByLodge)[0] + } + render() +}) + + +var LodgeInfoView = $("#lodgeinfo-template").html(); +function renderView(view, lodge) { + var $view = $(view); + var lodge_keys = keys(lodge); + for (var i in lodge_keys) { + $view.find("#"+lodge_keys[i]).html(lodge[lodge_keys[i]]); + } + $view.find("#image").attr("src", lodge["image"]); + $view.find("a").each(function(){ + $(this).attr("href", lodge[this.className]); + }); + $view.find("#address").html(lodge.address.join("<br>")); + return $view; +}; + +var today = new Date (); +var pickadate; + +function init(){ + bind(); + render(); +} + +function linkLodge(id){ + return "<a onclick=\"selectLodge(\'" + id + "')\">" + id + "</a>"; +} +function linkLodges(lodges) { + if (lodges && lodges.length) { + return map(linkLodge, lodges).join(", ") + } +} +function renderLodges(lodges) { + if (lodges && lodges.length) { + return map(function(id){ return renderView(LodgeInfoView, Lodges[id+""]).html() }, lodges).join("") + } +} + + +function render(){ + if (today.isSummer()) { + $("#data").hide(); + $("#summer").show(); + return; + } + today.cache(); + $("#data").show(); + $("#summer").hide(); + + $("#today").html( today.display() ); + $("#todayindex").html( today.getWeekDayIndex() ); + + $("#todaylodges").html( linkLodges( today.getLodges() ) || "None!" ); + $("#tomorrowlodges").html( linkLodges( today.tomorrow().getLodges() ) || "None!" ); + + $(".lodgename").html( lodge_name(lodge_id) ); + + var today_lodges = today.getLodges() + // if (lodge_id+"" in Lodges) { + // var lodge = Lodges[lodge_id+""]; + // $("#lodgeinfo").html( renderView(LodgeInfoView, lodge) ).show(); + // } + if (today_lodges.length) { + $("#lodgeinfo").html( renderLodges( today_lodges ) ).show(); + } else { + $("#lodgeinfo").hide(); + } + + var lodgeDates = LodgeListByDate[today.getFullYear()][today.getMonth()][lodge_id+""]; + nextMonth = today.nextMonth(); + + console.log(lodgeDates, lodge_id); + + $("#estuarymeetings").html( (function(){ + var dd = []; + for (var i in lodgeDates) { + dd.push( lodgeDates[i].display() ); + } + return dd; + })().join(", ")); + + $("#estuarynext").html( (function(){ + for (var i in lodgeDates) { + var date = lodgeDates[i]; + if ( date > today ) { + return date.display(); + } + } + var dates = LodgeListByDate[ nextMonth.getFullYear() ][ nextMonth.getMonth() ][ lodge_id+"" ]; + if (dates && dates.length) { + return dates[0].display(); + } else { + return ""; + } + })() ); + + $("#nextfullmoon").html( today.nextFullMoon().display() ); + + boldenLodgeDates(); + +} + +function bind(){ + var input = $( '.datepicker' ).pickadate({ + format: 'ddd, dd mmm yyyy', + onSelect: function() { + this.open(); + var dp = this.getDate("yyyy-m-d").split("-"); + var year = parseInt( dp[0] ); + var month = parseInt( dp[1] ) - 1; + var day = parseInt( dp[2] ); + today = new Date( year, month, day ); + render(); + }, + onChangeMonth: function(){ + boldenLodgeDates(); + } + }); + var picker = input.data( 'pickadate' ) + picker.open(); + $("#next").click(function(){ + today = today.tomorrow(); + today.nextMonth().cache(); + picker.setDate(1900+today.getYear(), today.getMonth()+1, today.getDate()) + }); +} + +function boldenLodgeDates(){ + $(".bold").removeClass("bold"); + + var pickadate = $( '.datepicker').data( 'pickadate' ); + var dis = pickadate.getMonth(); + + switch (dis.MONTH) { + case 6: + case 7: + return; + } + + (new Date(dis.YEAR, dis.MONTH, 1)).cache(); + var lodgeDates = LodgeListByDate[dis.YEAR][dis.MONTH][lodge_id+""]; + + for (var i in lodgeDates) { + var date = lodgeDates[i]; + $(".pickadate__day[data-date='" + dis.YEAR + "/" + dis.MONTH + "/" + date.getDate() + "']").addClass("bold"); + } +} + + +init(); + +</script> +</html> + + + + + |