javascript.js

/* 
 * AUTHOR: 		Andre Basson	
 * COURSE: 		Compsci 345
 * ASSIGNMENT:	3, Task 2 (Design Prototype Implementation)
 * YEAR: 		2016 s1
 */

/*
 * creating some arbitrary rooms for the purpose of the prototype scenario as per assignment documentation
 */
function createRooms(){
	rooms.push(createRoom('Lounge'));
	rooms.push(createRoom('Kitchen'));
	rooms.push(createRoom('Bathroom 1'));
	rooms.push(createRoom('Bathroom 2'));
	rooms.push(createRoom('Bedroom 1'));
	rooms.push(createRoom('Bedroom 2'));
}

function createRoom(roomName){
	return new Room(roomName);
}

/*
 *	setting some arbitrary room states for the purpose of the prototype scenario as per assignment documentation
 */
function setSomeRoomStates(){
	rooms[0].setLightState(true);		// switch heating on in the Lounge 
	rooms[2].setLightState(true);		// switch the lights on in bathroom 1			
}

/* 
 * populateHomeScreen() populates the home screen content (4 buttons) and header
 */ 
function populateHomeScreen() {
	var outputContent = "<input class='homeScreenButtons' type='button' name='rsc'"
					+ "value='Room Specific Controls' onclick='populateRoomSpecificControls()'></input>"
					+ "<input class='homeScreenButtons' type='button' name='hwc'"
					+ "value='Housewide Controls'></input><br>"
					+ "<input class='homeScreenButtons' type='button' name='cctv'"
					+ "value='CCTV'></input>"
					+ "<input class='homeScreenButtons' type='button' name='settings'"
					+ "value='Settings'></input>";					
	document.getElementById("output").innerHTML = outputContent;
	document.getElementById("heading").innerHTML = "Home";
}

/* 
 * populateRoomSpecificControlsScreen() populates the 'rooms' screen content (4 buttons) and header
 */ 
function populateRoomSpecificControls(){
	var outputContent = "";
	// create HTML buttons for each of the rooms
	for (var i=0; i<rooms.length; i++){
		var lineBreak = "";
		if (i%3==0 && i!=0){lineBreak="<br>"};
		var roomName = rooms[i].getName();
		outputContent += lineBreak+"<input class='roomsScreenButtons' type='button' name='"+roomName+"'"
							+"value='"+roomName+"' onclick='populateRoomControls("+i+")'></input>";
	}
	document.getElementById("output").innerHTML = outputContent;
	document.getElementById("heading").innerHTML = "Rooms";
}

function populateRoomControls(roomIndex){
	var tempString = "";
	var room = rooms[roomIndex];
	//debug
	//console.log("room = "+ room.getName());

	var outputContent = "";
	outputContent	+="<div id='roomControlItems'><span style='color:#3B5998'><h3>Room Items</h3></span>"
					+ "<table id='roomControlStates'>"
					+ "<tr><th></th><th></th></tr>"
					+ "<tr><td><span style='color: #8C8C8C'>Lights</span></td><td id='lightState'></td></tr>"
					//+ other possible controls to go here
					+ "</table></div>";						

	// update HTML content
	document.getElementById("output").innerHTML = outputContent;
	document.getElementById("heading").innerHTML = ""+room.getName();
	
	// update HTML toggle switches
	//...light switch
	tempString += "<label class='switch'><input id='lightSwitch' type='checkbox' onclick='toggleState("+roomIndex+",0)'><div class='slider round'></div></lable>"	
	document.getElementById("lightState").innerHTML= tempString;	
	if(room.getLightState()){
		document.getElementById('lightSwitch').checked = true;
	} else {document.getElementById('lightSwitch').checked = false;
	}

}

function toggleState(rmIndex,rmItemNo){
	var toggleSwitchID = "";
	switch(rmItemNo) {
		case 0: 
			//debug
			console.log("toggleState() called");
			toggleSwitchID = "lightSwitch";
			break;
		case 1:
			break;
		case 2:
			break;			
		case 3:
			break;
		case 4:
			break;
	}

	if(document.getElementById(toggleSwitchID).checked){
		//then the toggle switch has just been set to on, so switch on the light
		rooms[rmIndex].setLightState(true);
	} else if(document.getElementById(toggleSwitchID).checked == false) {
		//then the toggle switch has just been set to off, so switch off the light
		rooms[rmIndex].setLightState(false);
	}
	updateSideBar();	
}


/*
 * updateSideBar() populates or updates the Current Status / Active Rooms sidebar content
 */
function updateSideBar(){	
	var currentStatus = getCurrentStatus();
	var currentStatusDiv = document.getElementById("currentStatusContent");	
	currentStatusDiv.innerHTML = "<span style='color:#3B5998'>Alarms</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+currentStatus[0]+"<br>"
								+"<span style='color:#3B5998'>Doors</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+currentStatus[1]+"<br>"
								+"<span style='color:#3B5998'>Energy</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+currentStatus[2]+"<br>"
								+"<span style='color:#3B5998'>Temp</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp"+currentStatus[3];
	
	var activeRoomsByIndexArray = getActiveRooms(rooms);
	var activeRoomsOutput = "";
	for (var i=0; i<activeRoomsByIndexArray.length; i++){		
		//console.log("Active Room: "+rooms[activeRoomsByIndexArray[i]].getName());
		var activeRoom = rooms[activeRoomsByIndexArray[i]];
		activeRoomsOutput += "<span style='color:#3B5998'>"+activeRoom.getName()+"</span>"+getActivities(activeRoom)+"<br>";
	}
	document.getElementById("activeRoomContent").innerHTML=activeRoomsOutput;
}

/*
 * getCurrentStatus() returns the current status (stored) for [Alarms, Doors, Energy, Temp]
 */
function getCurrentStatus(){
	var statusArray = JSON.parse(sessionStorage.getItem("currentStatusStore"));
	//console.log("statusArray is "+statusArray);
	return statusArray;
}

function appliance(name){
	// properties
	this.name = setName(name);
	this.stateOn = setState(false);	// boolean, default

	// methods
	this.getName = function(){return this.name};	
	this.setName = function(name){this.name = name};
	this.getState = function(){return this.stateOn};
	this.setState = function(state){this.StateOn = state};
}

function Room(roomName){
	// properties
	this.name = roomName; //setName(roomName);
	this.lightOn = false; //setLightState(false);				// boolean, false = off
	this.appliances = new Array();
	this.heatingOn = false; //setHeatingState(false);			// boolean, false = off
	this.doorUnLocked = false; //setDoorLockState(false);		// boolean, false = locked
	this.windowBlindDrawn = false; //setWindowBlindState(false);	// boolean, false = open
	
	// methods
	this.getName = function(){return this.name;}	
	this.setName = function(name){this.name = roomName;}
	this.getLightState = function(){return this.lightOn;}
	this.setLightState = function(bLightOn){this.lightOn = bLightOn;}
	this.getHeatingState = function(){return this.heatingOn;}
	this.setHeatingState = function(bHeatingOn){this.heatingOn = bHeatingOn;}
	this.getDoorLockState = function(){return this.doorUnLocked;}
	this.setDoorLockState = function(bDoorUnlocked){this.doorUnLocked = bDoorUnlocked;}
	this.getWindowBlindState = function(){return this.windowBlindDrawn;}
	this.setWindowBlindState = function(bWindowBlindDrawn){this.windowBlindDrawn = bWindowBlindDrawn;}

	this.addAppliance = function(applianceName){
		this.appliances = appliances.push(applianceName);
	}
	this.removeAppliance = function(applianceName){
		var index = this.appliances[applianceName]
		this.appliance.splice(index,1);	// deletes only the element at that index
	}	
	this.getApplianceState = function(applianceName){this.appliances[applianceName].getState();}
	this.setApplianceState = function(applianceName, applianceStateOn){this.appliances[applianceName].setState(applianceStateOn);}
}

function getActiveRooms(rooms){
	var activeRoomsByIndexArray = new Array();	// create an empty array to store room index numbers
	for (var i=0; i<rooms.length; i++){
		if ( (rooms[i].getLightState()) || (rooms[i].getHeatingState()) 
				|| (rooms[i].getDoorLockState()) || (rooms[i].getWindowBlindState()) ){			
			activeRoomsByIndexArray.push(i);
		}
	}
	return activeRoomsByIndexArray;
}

/*
 *  returns the activities currently active (in 'on' state) in a room, as HTML
 */
function getActivities(room){
	var outputStringHTML = "";
	if (room.getLightState() == true){
		outputStringHTML += "<img class='imgLight' src='images/light-on2.png' alt='light img'>&nbsp"
	} else if (room.getHeatingState()){
		outputStringHTML += "<img class='imgThermometre' src='images/thermometre-up.png' alt='light img'>&nbsp"
	} else if (room.getDoorLockState()){
		outputStringHTML += "<img class='imgLock' src='images/lock-open.png' alt='light img'>&nbsp"
	} else if (getWindowBlindState()){
		outputStringHTML += "<img class='imgBlinds' src='images/blinds-closed.png' alt='light img'>&nbsp"
	} 
	return outputStringHTML;
}