arc12012 · clj13001 · Feb 24, 2017 · Feb 21, 2017 · Feb 21, 2017 · Feb 21, 2017
diff --git a/WebContent/html/imgs/computerStick.png b/WebContent/html/imgs/computerStick.png
diff --git a/WebContent/html/imgs/ipad.png b/WebContent/html/imgs/ipad.png
diff --git a/WebContent/html/imgs/iphone.png b/WebContent/html/imgs/iphone.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/license/license.pdf b/WebContent/html/imgs/my-icons-collection-devices/license/license.pdf
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/Camera.png b/WebContent/html/imgs/my-icons-collection-devices/png/Camera.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/Computer.png b/WebContent/html/imgs/my-icons-collection-devices/png/Computer.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/Router.png b/WebContent/html/imgs/my-icons-collection-devices/png/Router.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/Smartphone.png b/WebContent/html/imgs/my-icons-collection-devices/png/Smartphone.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/Tablet.png b/WebContent/html/imgs/my-icons-collection-devices/png/Tablet.png
diff --git a/WebContent/html/imgs/my-icons-collection-devices/png/iPod Touch.png b/WebContent/html/imgs/my-icons-collection-devices/png/iPod Touch.png
diff --git a/WebContent/html/javascript/listing.jsp b/WebContent/html/javascript/listing.jsp
@@ -9,95 +9,81 @@
 </head>
 <body>
 <%
-/*MySQLAccess myaccess = new MySQLAccess();
+MySQLAccess myaccess = new MySQLAccess();
 myaccess.connectDB();
 String name = myaccess.getResult()[0][0];
 String description = myaccess.getResult()[0][1];
-String hardware = myaccess.getResult()[0][2];*/
-//out.println(name);
+String hardware = myaccess.getResult()[0][2];
+System.out.println(name);
 //out.println(description);
 //out.println(hardware);
 %>
 
 <script type=text/javascript>
 //gets variables for database data
-<%
 /*(function(){
 	window.myname = "<=name>" ; --> add percents to make them work in the name box things
 	window.mydesc = "<=description>" ;
 	window.myhard = "<=hardware>" ; 
 	})(); */
-%>
+
 
 //get all the option buttons
 var options = document.getElementsByClassName('option');
-
 /*var dev7 = { 
 name: window.myname,
 description: window.mydesc,
 hardware: window.myhard,
 software:"intel"
 };*/
-
 var dev1 = {
 		name:"George",
 		description:"George is probably the coolest iPhone to exist. Ever. Point blank, period.",
 		hardware:"iphone",
 		software:"apple"
 };
-
 var dev2 = {
 		name:"Greyson",
 		description:"Greyson is pretty cool.. I guess.",
 		hardware:"iphone",
 		software:"apple"
 };
-
 var dev3 = {
 		name:"Linkin Park",
 		description:'"The hardest part of ending is starting again."',
 		hardware:"ipad",
 		software:"apple"
 };
-
 var dev4 = {
 		name:"Abercrombie",
 		description:"To all the people that hated me in high school, I have the prettiest clothes you all wear now!!",
 		hardware:"ipad",
 		software:"apple"
 };
-
 var dev5 = {
 		name:"Hulk",
 		description:"Go ahead and HULK SMASH! this awesome computer stick into your USB.",
 		hardware:"computerStick",
 		software:"intel"
 };
-
 var dev6 = {
 		name:"Captain America",
 		description:'"Make America Great Again. Wait, thats someone else.."',
 		hardware:"computerStick",
 		software:"intel"
 };
-
-var devices = [dev1, dev2, dev3, dev4, dev5, dev6];
+var devices = [dev1, dev2, dev3, dev4, dev5, dev6, dev7];
 options[0].addEventListener('click', showAll);
 for(var a = 1; a < options.length; a++){
 	options[a].addEventListener('click', show);
 }
-
 showAll();
-
 function showAll(){
 	var html = '';
-
 	for(var i = 0; i < devices.length; i++){
 		html += '<div class = "deviceContainer"><div class = "imgContainer"><img src="../imgs/' + devices[i].hardware + '.png" class = "device">' + devices[i].name + '</div><div class = "deviceDescp"><p>' + devices[i].description + '</p><div class = "availableAnchor" id = "' + (i+1) + '"></div></div></div><br><br>';
 	}
-
 	document.getElementById('devContainer').innerHTML = html;
-
 	var unavailable = getUnavailableItems();
 	var anchors = document.getElementsByClassName('availableAnchor');
 	for(var i = 0; i < anchors.length; i++){
@@ -115,19 +101,15 @@ function showAll(){
 		}
 	}
 }
-
 function show(){
 	var type = this.getAttribute('data-type');
 	var html = '';
-
 	for(var i = 0; i < devices.length; i++){
 		if(type.localeCompare(devices[i].hardware) == 0 || type.localeCompare(devices[i].software) == 0){
 			html += '<div class = "deviceContainer"><div class = "imgContainer"><img src="../imgs/' + devices[i].hardware + '.png" class = "device">' + devices[i].name + '</div><div class = "deviceDescp"><p>' + devices[i].description + '</p><div class = "availableAnchor" id = "' + (i+1) + '"></div></div></div><br><br>'
 		}
 	}
-
 	document.getElementById('devContainer').innerHTML = html;
-
 	var unavailable = getUnavailableItems();
 	var anchors = document.getElementsByClassName('availableAnchor');
 	for(var i = 0; i < anchors.length; i++){
@@ -145,8 +127,6 @@ function show(){
 		}
 	}
 }
-
-
 function getUnavailableItems(){
 	var unavailable = new Array;
 	var unavailable_str = localStorage.getItem('unavailable');
@@ -155,7 +135,6 @@ function getUnavailableItems(){
 	}
 	return unavailable;
 }
-
 function isUnavailable(id){
 	var unavailable = getUnavailableItems();
 	if(unavailable.length == 0)

diff --git a/WebContent/html/javascript/navbar.js b/WebContent/html/javascript/navbar.js
diff --git a/WebContent/html/javascript/return.js b/WebContent/html/javascript/return.js