viewRadio3Linkblog.html

## viewRadio3Linkblog.html

<html>
	<head>
		<title>View Linkblog</title>


		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="http://fargo.io/code/bootstrap.css" rel="stylesheet">
		<script src="http://fargo.io/code/bootstrap.min.js"></script>
		<link rel="stylesheet" href="http://fargo.io/code/fontAwesome/css/font-awesome.min.css"/>
		<link href="http://fargo.io/code/ubuntuFont.css" rel="stylesheet" type="text/css">
		<script src="http://fargo.io/code/jquery-1.9.1.min.js"></script>
		<script>
			//utility routines
				function dateYesterday (d) {
					return (new Date (new Date (d) - (24 * 60 * 60 * 1000)));
					}
				function dayGreaterThanOrEqual (d1, d2) {
					d1 = new Date (d1);
					d1.setHours (0);
					d1.setMinutes (0);
					d1.setSeconds (0);

					d2 = new Date (d2);
					d2.setHours (0);
					d2.setMinutes (0);
					d2.setSeconds (0);

					return (d1 >= d2);
					}
				function padWithZeros (num, ctplaces) {
					var s = num.toString ();
					while (s.length < ctplaces) {
						s = "0" + s;
						}
					return (s);
					}
				function filledString (ch, ct) {
					var s = "";
					for (var i = 0; i < ct; i++) {
						s += ch;
						}
					return (s);
					}
				function trimLeading (s, ch) {
					while (s.charAt (0) === ch) {
						s = s.substr (1);
						}
					return (s);
					}
				function beginsWith (s, possibleBeginning, flUnicase) {
					if (s.length == 0) { //1/1/14 by DW
						return (false);
						}
					if (flUnicase == undefined) {
						flUnicase = true;
						}
					if (flUnicase) {
						for (var i = 0; i < possibleBeginning.length; i++) {
							if (stringLower (s [i]) != stringLower (possibleBeginning [i])) {
								return (false);
								}
							}
						}
					else {
						for (var i = 0; i < possibleBeginning.length; i++) {
							if (s [i] != possibleBeginning [i]) {
								return (false);
								}
							}
						}
					return (true);
					}
				function stringLower (s) {
					return (s.toLowerCase ());
					}
				function stringDelete (s, ix, ct) {
					var start = ix - 1;
					var end = (ix + ct) - 1;
					var s1 = s.substr (0, start);
					var s2 = s.substr (end);
					return (s1 + s2);
					}
				function secondsSince (when) {
					var now = new Date ();
					when = new Date (when);
					return ((now - when) / 1000);
					}
				function urlSplitter (url) {
					var pattern = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
					var result = pattern.exec (url);
					if (result == null) {
						result = [];
						result [5] = url;
						}
					var splitUrl = {
						scheme: result [1],
						host: result [3],
						port: result [4],
						path: result [5],
						query: result [6],
						hash: result [7]
						};
					return (splitUrl);
					}
				function readHttpFile (url, callback) {
					var jxhr = $.ajax ({
						url: url,
						dataType: "text" ,
						timeout: 30000
						})
					.success (function (data, status) {
						callback (data);
						})
					.error (function (status) {
						console.log ("readHttpFile: url == " + url + ", error == " + status.statusText + ".");
						callback (undefined);
						});
					}
				function getDatePath (theDate, flLastSeparator) {
					if (theDate == undefined) {
						theDate = new Date ();
						}
					else {
						theDate = new Date (theDate); //8/12/14 by DW -- make sure it's a date type
						}
					if (flLastSeparator == undefined) {
						flLastSeparator = true;
						}

					var month = padWithZeros (theDate.getMonth () + 1, 2);
					var day = padWithZeros (theDate.getDate (), 2);
					var year = theDate.getFullYear ();

					if (flLastSeparator) {
						return (year + "/" + month + "/" + day + "/");
						}
					else {
						return (year + "/" + month + "/" + day);
						}
					}

			function viewLinkblog (idDiv, twitterScreenname, whenLinkblogStart, baseUrl, callback) {
				var ctDaysOnPage = 25, daysTable;
				function loadOneDay (theDay, callback) {
					var urlFolder = baseUrl + twitterScreenname + "/";
					var url = urlFolder + getDatePath (theDay) + "history.json", whenReadStart = new Date ();
					console.log ("loadOneDay: " + theDay);
					readHttpFile (url, function (jsontext) {
						if (callback != undefined) {
							try {
								var jstruct = JSON.parse (jsontext);
								callback (jstruct);
								}
							catch (err) {
								callback ();
								}
							}
						});
					}
				function loadDaysTable (callback) {
					var whenBlogStart = dateYesterday (whenLinkblogStart), whenstart = new Date ();
					function loadOne (theDay) {
						loadOneDay (theDay, function (jstruct) {
							var yesterday = dateYesterday (theDay);
							if (jstruct != undefined) {
								daysTable.unshift ({
									when: theDay,
									jstruct: jstruct
									});
								}
							if ((daysTable.length < ctDaysOnPage) && (dayGreaterThanOrEqual (yesterday, whenBlogStart))) {
								loadOne (yesterday);
								}
							else {
								if (callback != undefined) { //10/24/14 by DW
									callback ();
									}
								console.log ("loadDaysTable: " + secondsSince (whenstart) + " secs.");
								}
							});
						}
					daysTable = new Array ();
					loadOne (new Date ());
					}
				function addDay (jstruct) {
					var htmltext = "", indentlevel = 0;
					var datestring = new Date (jstruct.when).toLocaleDateString ();
					function add (s) {
						htmltext += filledString ("\t", indentlevel) + s + "\n";
						}
					add ("<div class=\"divLinkblogDayTitle\">" + datestring + "</div>");
					add ("<div class=\"divLinkblogDay\">"); indentlevel++;
					for (var i = 0; i < jstruct.dayHistory.length; i++) {
						try {
							var item = jstruct.dayHistory [i], linktext = "", icon = "";
							//set linktext, icon
								if ((item.link != undefined) && (item.link.length > 0)) {
									var splitUrl = urlSplitter (trimLeading (item.link, " ")); //10/15/14 by DW -- remove leading blanks
									var host = splitUrl.host;
									if (beginsWith (host, "www.")) {
										host = stringDelete (host, 1, 4);
										}
									linktext = " <a class=\"aHost\" href=\"" + item.link + "\" target=\"blank\">" + host + "</a>";


									}
							add ("<p>" + icon + item.text + linktext + "</p>");
							}
						catch (error) {
							console.log ("appendDay: error == " + error + " while adding item == " + item.text);
							}
						}
					add ("</div>"); indentlevel--;
					$("#idLinkblogDays").append (htmltext);
					}
				loadDaysTable (function () {
					$("#idLinkblogDays").html ("");
					for (var i = daysTable.length - 1; i >= 0; i--) {
						addDay (daysTable [i].jstruct);
						}
					});
				}

			function startup () {
				viewLinkblog ("idLinkblogDays", "davewiner", new Date ("9/1/2014"), "http://radio3.io/users/", function () {
					});
				}
			</script>
		<style>
			body {
				font-family: Ubuntu;
				font-size: 18px;
				background-color: whitesmoke;
				}
			.divPageBody {
				width: 50%;
				margin-top: 80px;
				margin-bottom: 400px;
				margin-left: auto;
				margin-right: auto;
				}
			.divLinkblogDayTitle {
				font-family: "Ubuntu";
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 10px;
				}
			.divLinkblogDay {
				font-family: "Ubuntu";
				font-size: 16px;
				margin-bottom: 40px;
				}
			</style>
		</head>
	<body>
		<div class="divPageBody">
			<div id="idLinkblogDays">
				</div>
			</div>
		<script>
			$(document).ready (function () {
				startup ();
				});
			</script>
		</body>
	</html>