ui.js

window.onload = function () {
	"use strict";
	
	// Start and end date elements
	var start_year = document.getElementById('start-year');
	var start_month = document.getElementById('start-month');
	var start_day = document.getElementById('start-day');
	
	var end_year = document.getElementById('end-year');
	var end_month = document.getElementById('end-month');
	var end_day = document.getElementById('end-day');

	// Pre-populate dates with today's date
	var today = new Date();
	start_year.value = end_year.value = today.getFullYear();
	start_month.value = end_month.value = today.getMonth() + 1; // In JS January == 0 but that's not user friendly
	start_day.value = end_day.value = today.getDate();

	// Store the table template in memory
	var table = document.getElementById('password-list');
	var table_parent = table.parentNode;
	var table_template = table.cloneNode(true);
	
	// Dance the funky chicken when the user clicks the magic button
	var go = document.getElementById('go');
	go.onclick = function () {
		// Get the Date objects for the dates entered and pass their timestamps to the password generator
		var start_date = new Date(start_year.value, start_month.value - 1, start_day.value, 0, 0, 0, 0);
		var end_date = new Date(end_year.value, end_month.value - 1, end_day.value, 0, 0, 0, 0);
		var passwords = GenArrisPasswords(start_date.getTime(), end_date.getTime());
		
		// Clear the previous table and get a reference to the new one
		table_parent.removeChild(table);
		table_parent.appendChild(table_template.cloneNode(true));
		table = document.getElementById('password-list');
		
		var table_guts = document.createDocumentFragment();
		
		var row;
		var col1;
		var col2;
		
		for(var pass in passwords) {
			if (passwords.hasOwnProperty(pass)) {
				row = document.createElement('tr');
			
				col1 = document.createElement('td');
				col1.textContent = (new Date(parseInt(pass, 10))).toLocaleDateString();
				row.appendChild(col1);
			
				col2 = document.createElement('td');
				col2.textContent = passwords[pass];
				row.appendChild(col2);
			
				table_guts.appendChild(row);
			}
		}
		
		table.appendChild(table_guts);
	};
};