diff --git a/contactPage.html b/contactPage.html new file mode 100644 index 0000000..c83489f --- /dev/null +++ b/contactPage.html @@ -0,0 +1,23 @@ + + + + Knightacts- My Contacts + + + + + + + +

My Knightacts

+ +
+ + +
+ + + \ No newline at end of file diff --git a/createNewContact.html b/createNewContact.html new file mode 100644 index 0000000..6f8d038 --- /dev/null +++ b/createNewContact.html @@ -0,0 +1,22 @@ + + + + Knightacts- New Contact + + + + + + + +

Create New Knightact

+ +
+ + +
+ + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..900c0c4 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,215 @@ + +body +{ + background-color: darkblue; + background-position: top left; + margin: 0; + padding: 0; + overflow: hidden; +} + +#title +{ + font-size: 55px; + font-family: 'Varela Round', 'Calibri', Arial; + text-align: center; + color:black; + width: 100%; + text-shadow: 2px 2px gray; + margin-bottom: 1.5%; +} + +#white-title +{ + font-size: 55px; + font-family: 'Varela Round', 'Calibri', Arial; + text-align: center; + color:white; + text-shadow: 2px 3px black; + width: 100%; + margin-bottom: 1.5%; +} + +#inner-title +{ + font-family: 'Varela Round', 'Calibri', Arial; + text-align: center; + color: black; + width: 100%; + margin-bottom: 2%; +} + +#loginDiv +{ + font-size: 30px; + width: 70%; + margin: auto; +} + +#loggedInDiv +{ + font-size: 30px; + width: 70%; + margin-left: 15%; + padding: 25px; + background-color: #b2b2b2; +} + +#accessUIDiv +{ + font-size: 30px; + width: 70%; + margin-left: 15%; + padding: 25px; + background-color: #b2b2b2; +} + +.buttons +{ + font-size: 0.7em; + font-family: 'Varela Round', 'Calibri', Arial; + text-align: center; + color: white; + background-color: black; + border-radius: 50px; + border-color: goldenrod; + outline: 0; + height: 1.7em; + width: 8em; + margin-left: 38%; + + width: 25%; +} + +.buttons:hover +{ + color: #FFFFFF; + background-color: goldenrod; + opacity: 95%; +} + +#loginName +{ + font-size: 27px; +} +#loginPassword +{ + font-size: 27px; +} +#searchText +{ + font-size: 30px; +} +#colorText +{ + font-size: 30px; +} + +input[type="text"],input[type="password"] +{ + border-radius: 25px; + border-color: goldenrod; + background-color: white; + text-align: center; + width: 50%; + margin-left: 25%; + margin-bottom: 2%; + font-size: 0.5em; + outline: 0; + font-family: 'Varela Round', 'Calibri', Arial; +} + +#welcome +{ + border-radius: 20px; + border-width: 50%; + border-bottom: 1.3px solid goldenrod; + border-top: 1.3px solid goldenrod; + border-left: 1px solid goldenrod; + border-right: 1px solid goldenrod; + display: inline-block; + background-color: black; + font-size: 0.8em; + width: 36%; + text-align: center; + margin-left: 32%; + margin-bottom: 2%; + font-family: 'Varela Round', 'Calibri', Arial; + color: white; +} + +#createAccount +{ + display: inline-block; + width: 90%; + margin-left: 5%; + font-size: 0.7em; + text-align: center; + font-family: 'Varela Round', 'Calibri', Arial; + color: black; +} + +#haveAccount +{ + display: inline-block; + width: 90%; + margin-left: 5%; + font-size: 0.7em; + text-align: center; + font-family: 'Varela Round', 'Calibri', Arial; + color: white; + text-shadow: 1px 1px black; +} + +#loginResult +{ + display: inline-block; + font-size: 0.8em; + width: 90%; + text-align: center; + margin-left: 5%; + margin-bottom: 2%; + font-family: 'Varela Round', 'Calibri', Arial; + color: #95060a; +} + +#userName +{ + display: inline-block; + width: 80%; + margin-left: 10%; + text-align: center; +} + +#logoutButton +{ + width: 20%; + margin-left: 40%; +} + +select +{ + width: 30%; + margin-left: 35%; + margin-top: 2%; + font-size: 0.75em; + font-family: 'Varela Round', 'Calibri', Arial; +} + +#colorSearchResult +{ + display: none; +} + +#colorAddResult +{ + display: inline-block; + font-size: 0.8em; + width: 90%; + text-align: center; + margin-left: 5%; + margin-top: 2%; + margin-bottom: 1%; + font-family: 'Varela Round', 'Calibri', Arial; + color: #95060a; +} diff --git a/editContact.html b/editContact.html new file mode 100644 index 0000000..e824555 --- /dev/null +++ b/editContact.html @@ -0,0 +1,23 @@ + + + + Knightacts- Edit Contact + + + + + + + +

Edit Knightact

+ +
+ + +
+ + + \ No newline at end of file diff --git a/images/knightro_profile.jpg b/images/knightro_profile.jpg new file mode 100644 index 0000000..c8ea1d1 Binary files /dev/null and b/images/knightro_profile.jpg differ diff --git a/images/pencil.png b/images/pencil.png new file mode 100644 index 0000000..464bd7e Binary files /dev/null and b/images/pencil.png differ diff --git a/images/search_icon.png b/images/search_icon.png new file mode 100644 index 0000000..0527777 Binary files /dev/null and b/images/search_icon.png differ diff --git a/images/too_cool_knightro.gif b/images/too_cool_knightro.gif new file mode 100644 index 0000000..cf5bd25 Binary files /dev/null and b/images/too_cool_knightro.gif differ diff --git a/images/ucf1.jpg b/images/ucf1.jpg new file mode 100644 index 0000000..ff63c98 Binary files /dev/null and b/images/ucf1.jpg differ diff --git a/images/ucf1b.jpg b/images/ucf1b.jpg new file mode 100644 index 0000000..bef1c79 Binary files /dev/null and b/images/ucf1b.jpg differ diff --git a/images/ucf2.jpg b/images/ucf2.jpg new file mode 100644 index 0000000..6f8c11f Binary files /dev/null and b/images/ucf2.jpg differ diff --git a/images/ucf2b.jpg b/images/ucf2b.jpg new file mode 100644 index 0000000..c06976a Binary files /dev/null and b/images/ucf2b.jpg differ diff --git a/images/ucf3.jpg b/images/ucf3.jpg new file mode 100644 index 0000000..6c803de Binary files /dev/null and b/images/ucf3.jpg differ diff --git a/images/ucf3b.jpg b/images/ucf3b.jpg new file mode 100644 index 0000000..5da6e6a Binary files /dev/null and b/images/ucf3b.jpg differ diff --git a/images/ucf6.jpg b/images/ucf6.jpg new file mode 100644 index 0000000..02162e8 Binary files /dev/null and b/images/ucf6.jpg differ diff --git a/images/ucf6b.jpg b/images/ucf6b.jpg new file mode 100644 index 0000000..8874a64 Binary files /dev/null and b/images/ucf6b.jpg differ diff --git a/images/ucf7.jpg b/images/ucf7.jpg new file mode 100644 index 0000000..580c34a Binary files /dev/null and b/images/ucf7.jpg differ diff --git a/images/ucf7b.jpg b/images/ucf7b.jpg new file mode 100644 index 0000000..a10f3e4 Binary files /dev/null and b/images/ucf7b.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..414141d --- /dev/null +++ b/index.html @@ -0,0 +1,29 @@ + + + + Knightacts Manager + + + + + + + + +

Knightacts Manager

+

The Unofficial UCF Ultimate Contact Manager
Made by Knights for Knights

+ +
+ Welcome back Knight!
+
+
+
+
Don't have an account?
+ + +
+ + + \ No newline at end of file diff --git a/js/code.js b/js/code.js new file mode 100644 index 0000000..729ce2c --- /dev/null +++ b/js/code.js @@ -0,0 +1,176 @@ +// This is all his original code, I haven't modified anything here. +var urlBase = 'http://COP4331-3.com/LAMPAPI'; +var extension = 'php'; + +var userId = 0; +var firstName = ""; +var lastName = ""; + +function doLogin() +{ + userId = 0; + firstName = ""; + lastName = ""; + + var login = document.getElementById("loginName").value; + var password = document.getElementById("loginPassword").value; +// var hash = md5( password ); + + document.getElementById("loginResult").innerHTML = ""; + +// var jsonPayload = '{"login" : "' + login + '", "password" : "' + hash + '"}'; + var jsonPayload = '{"login" : "' + login + '", "password" : "' + password + '"}'; + var url = urlBase + '/Login.' + extension; + + var xhr = new XMLHttpRequest(); + xhr.open("POST", url, false); + xhr.setRequestHeader("Content-type", "application/json; charset=UTF-8"); + try + { + xhr.send(jsonPayload); + + var jsonObject = JSON.parse( xhr.responseText ); + + userId = jsonObject.id; + + if( userId < 1 ) + { + document.getElementById("loginResult").innerHTML = "User/Password combination incorrect"; + return; + } + + firstName = jsonObject.firstName; + lastName = jsonObject.lastName; + + saveCookie(); + + window.location.href = "color.html"; + } + catch(err) + { + document.getElementById("loginResult").innerHTML = err.message; + } + +} + +function saveCookie() +{ + var minutes = 20; + var date = new Date(); + date.setTime(date.getTime()+(minutes*60*1000)); + document.cookie = "firstName=" + firstName + ",lastName=" + lastName + ",userId=" + userId + ";expires=" + date.toGMTString(); +} + +function readCookie() +{ + userId = -1; + var data = document.cookie; + var splits = data.split(","); + for(var i = 0; i < splits.length; i++) + { + var thisOne = splits[i].trim(); + var tokens = thisOne.split("="); + if( tokens[0] == "firstName" ) + { + firstName = tokens[1]; + } + else if( tokens[0] == "lastName" ) + { + lastName = tokens[1]; + } + else if( tokens[0] == "userId" ) + { + userId = parseInt( tokens[1].trim() ); + } + } + + if( userId < 0 ) + { + window.location.href = "index.html"; + } + else + { + document.getElementById("userName").innerHTML = "Logged in as " + firstName + " " + lastName; + } +} + +function doLogout() +{ + userId = 0; + firstName = ""; + lastName = ""; + document.cookie = "firstName= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"; + window.location.href = "index.html"; +} + +function addColor() +{ + var newColor = document.getElementById("colorText").value; + document.getElementById("colorAddResult").innerHTML = ""; + + var jsonPayload = '{"color" : "' + newColor + '", "userId" : ' + userId + '}'; + var url = urlBase + '/AddColor.' + extension; + + var xhr = new XMLHttpRequest(); + xhr.open("POST", url, true); + xhr.setRequestHeader("Content-type", "application/json; charset=UTF-8"); + try + { + xhr.onreadystatechange = function() + { + if (this.readyState == 4 && this.status == 200) + { + document.getElementById("colorAddResult").innerHTML = "Color has been added"; + } + }; + xhr.send(jsonPayload); + } + catch(err) + { + document.getElementById("colorAddResult").innerHTML = err.message; + } + +} + +function searchColor() +{ + var srch = document.getElementById("searchText").value; + document.getElementById("colorSearchResult").innerHTML = ""; + + var colorList = ""; + + var jsonPayload = '{"search" : "' + srch + '","userId" : ' + userId + '}'; + var url = urlBase + '/SearchColors.' + extension; + + var xhr = new XMLHttpRequest(); + xhr.open("POST", url, true); + xhr.setRequestHeader("Content-type", "application/json; charset=UTF-8"); + try + { + xhr.onreadystatechange = function() + { + if (this.readyState == 4 && this.status == 200) + { + document.getElementById("colorSearchResult").innerHTML = "Color(s) has been retrieved"; + var jsonObject = JSON.parse( xhr.responseText ); + + for( var i=0; i> 16) + (y >> 16) + (lsw >> 16) + return (msw << 16) | (lsw & 0xffff) + } + + /** + * Bitwise rotate a 32-bit number to the left. + * + * @param {number} num 32-bit number + * @param {number} cnt Rotation count + * @returns {number} Rotated number + */ + function bitRotateLeft(num, cnt) { + return (num << cnt) | (num >>> (32 - cnt)) + } + + /** + * Basic operation the algorithm uses. + * + * @param {number} q q + * @param {number} a a + * @param {number} b b + * @param {number} x x + * @param {number} s s + * @param {number} t t + * @returns {number} Result + */ + function md5cmn(q, a, b, x, s, t) { + return safeAdd(bitRotateLeft(safeAdd(safeAdd(a, q), safeAdd(x, t)), s), b) + } + /** + * Basic operation the algorithm uses. + * + * @param {number} a a + * @param {number} b b + * @param {number} c c + * @param {number} d d + * @param {number} x x + * @param {number} s s + * @param {number} t t + * @returns {number} Result + */ + function md5ff(a, b, c, d, x, s, t) { + return md5cmn((b & c) | (~b & d), a, b, x, s, t) + } + /** + * Basic operation the algorithm uses. + * + * @param {number} a a + * @param {number} b b + * @param {number} c c + * @param {number} d d + * @param {number} x x + * @param {number} s s + * @param {number} t t + * @returns {number} Result + */ + function md5gg(a, b, c, d, x, s, t) { + return md5cmn((b & d) | (c & ~d), a, b, x, s, t) + } + /** + * Basic operation the algorithm uses. + * + * @param {number} a a + * @param {number} b b + * @param {number} c c + * @param {number} d d + * @param {number} x x + * @param {number} s s + * @param {number} t t + * @returns {number} Result + */ + function md5hh(a, b, c, d, x, s, t) { + return md5cmn(b ^ c ^ d, a, b, x, s, t) + } + /** + * Basic operation the algorithm uses. + * + * @param {number} a a + * @param {number} b b + * @param {number} c c + * @param {number} d d + * @param {number} x x + * @param {number} s s + * @param {number} t t + * @returns {number} Result + */ + function md5ii(a, b, c, d, x, s, t) { + return md5cmn(c ^ (b | ~d), a, b, x, s, t) + } + + /** + * Calculate the MD5 of an array of little-endian words, and a bit length. + * + * @param {Array} x Array of little-endian words + * @param {number} len Bit length + * @returns {Array} MD5 Array + */ + function binlMD5(x, len) { + /* append padding */ + x[len >> 5] |= 0x80 << len % 32 + x[(((len + 64) >>> 9) << 4) + 14] = len + + var i + var olda + var oldb + var oldc + var oldd + var a = 1732584193 + var b = -271733879 + var c = -1732584194 + var d = 271733878 + + for (i = 0; i < x.length; i += 16) { + olda = a + oldb = b + oldc = c + oldd = d + + a = md5ff(a, b, c, d, x[i], 7, -680876936) + d = md5ff(d, a, b, c, x[i + 1], 12, -389564586) + c = md5ff(c, d, a, b, x[i + 2], 17, 606105819) + b = md5ff(b, c, d, a, x[i + 3], 22, -1044525330) + a = md5ff(a, b, c, d, x[i + 4], 7, -176418897) + d = md5ff(d, a, b, c, x[i + 5], 12, 1200080426) + c = md5ff(c, d, a, b, x[i + 6], 17, -1473231341) + b = md5ff(b, c, d, a, x[i + 7], 22, -45705983) + a = md5ff(a, b, c, d, x[i + 8], 7, 1770035416) + d = md5ff(d, a, b, c, x[i + 9], 12, -1958414417) + c = md5ff(c, d, a, b, x[i + 10], 17, -42063) + b = md5ff(b, c, d, a, x[i + 11], 22, -1990404162) + a = md5ff(a, b, c, d, x[i + 12], 7, 1804603682) + d = md5ff(d, a, b, c, x[i + 13], 12, -40341101) + c = md5ff(c, d, a, b, x[i + 14], 17, -1502002290) + b = md5ff(b, c, d, a, x[i + 15], 22, 1236535329) + + a = md5gg(a, b, c, d, x[i + 1], 5, -165796510) + d = md5gg(d, a, b, c, x[i + 6], 9, -1069501632) + c = md5gg(c, d, a, b, x[i + 11], 14, 643717713) + b = md5gg(b, c, d, a, x[i], 20, -373897302) + a = md5gg(a, b, c, d, x[i + 5], 5, -701558691) + d = md5gg(d, a, b, c, x[i + 10], 9, 38016083) + c = md5gg(c, d, a, b, x[i + 15], 14, -660478335) + b = md5gg(b, c, d, a, x[i + 4], 20, -405537848) + a = md5gg(a, b, c, d, x[i + 9], 5, 568446438) + d = md5gg(d, a, b, c, x[i + 14], 9, -1019803690) + c = md5gg(c, d, a, b, x[i + 3], 14, -187363961) + b = md5gg(b, c, d, a, x[i + 8], 20, 1163531501) + a = md5gg(a, b, c, d, x[i + 13], 5, -1444681467) + d = md5gg(d, a, b, c, x[i + 2], 9, -51403784) + c = md5gg(c, d, a, b, x[i + 7], 14, 1735328473) + b = md5gg(b, c, d, a, x[i + 12], 20, -1926607734) + + a = md5hh(a, b, c, d, x[i + 5], 4, -378558) + d = md5hh(d, a, b, c, x[i + 8], 11, -2022574463) + c = md5hh(c, d, a, b, x[i + 11], 16, 1839030562) + b = md5hh(b, c, d, a, x[i + 14], 23, -35309556) + a = md5hh(a, b, c, d, x[i + 1], 4, -1530992060) + d = md5hh(d, a, b, c, x[i + 4], 11, 1272893353) + c = md5hh(c, d, a, b, x[i + 7], 16, -155497632) + b = md5hh(b, c, d, a, x[i + 10], 23, -1094730640) + a = md5hh(a, b, c, d, x[i + 13], 4, 681279174) + d = md5hh(d, a, b, c, x[i], 11, -358537222) + c = md5hh(c, d, a, b, x[i + 3], 16, -722521979) + b = md5hh(b, c, d, a, x[i + 6], 23, 76029189) + a = md5hh(a, b, c, d, x[i + 9], 4, -640364487) + d = md5hh(d, a, b, c, x[i + 12], 11, -421815835) + c = md5hh(c, d, a, b, x[i + 15], 16, 530742520) + b = md5hh(b, c, d, a, x[i + 2], 23, -995338651) + + a = md5ii(a, b, c, d, x[i], 6, -198630844) + d = md5ii(d, a, b, c, x[i + 7], 10, 1126891415) + c = md5ii(c, d, a, b, x[i + 14], 15, -1416354905) + b = md5ii(b, c, d, a, x[i + 5], 21, -57434055) + a = md5ii(a, b, c, d, x[i + 12], 6, 1700485571) + d = md5ii(d, a, b, c, x[i + 3], 10, -1894986606) + c = md5ii(c, d, a, b, x[i + 10], 15, -1051523) + b = md5ii(b, c, d, a, x[i + 1], 21, -2054922799) + a = md5ii(a, b, c, d, x[i + 8], 6, 1873313359) + d = md5ii(d, a, b, c, x[i + 15], 10, -30611744) + c = md5ii(c, d, a, b, x[i + 6], 15, -1560198380) + b = md5ii(b, c, d, a, x[i + 13], 21, 1309151649) + a = md5ii(a, b, c, d, x[i + 4], 6, -145523070) + d = md5ii(d, a, b, c, x[i + 11], 10, -1120210379) + c = md5ii(c, d, a, b, x[i + 2], 15, 718787259) + b = md5ii(b, c, d, a, x[i + 9], 21, -343485551) + + a = safeAdd(a, olda) + b = safeAdd(b, oldb) + c = safeAdd(c, oldc) + d = safeAdd(d, oldd) + } + return [a, b, c, d] + } + + /** + * Convert an array of little-endian words to a string + * + * @param {Array} input MD5 Array + * @returns {string} MD5 string + */ + function binl2rstr(input) { + var i + var output = '' + var length32 = input.length * 32 + for (i = 0; i < length32; i += 8) { + output += String.fromCharCode((input[i >> 5] >>> i % 32) & 0xff) + } + return output + } + + /** + * Convert a raw string to an array of little-endian words + * Characters >255 have their high-byte silently ignored. + * + * @param {string} input Raw input string + * @returns {Array} Array of little-endian words + */ + function rstr2binl(input) { + var i + var output = [] + output[(input.length >> 2) - 1] = undefined + for (i = 0; i < output.length; i += 1) { + output[i] = 0 + } + var length8 = input.length * 8 + for (i = 0; i < length8; i += 8) { + output[i >> 5] |= (input.charCodeAt(i / 8) & 0xff) << i % 32 + } + return output + } + + /** + * Calculate the MD5 of a raw string + * + * @param {string} s Input string + * @returns {string} Raw MD5 string + */ + function rstrMD5(s) { + return binl2rstr(binlMD5(rstr2binl(s), s.length * 8)) + } + + /** + * Calculates the HMAC-MD5 of a key and some data (raw strings) + * + * @param {string} key HMAC key + * @param {string} data Raw input string + * @returns {string} Raw MD5 string + */ + function rstrHMACMD5(key, data) { + var i + var bkey = rstr2binl(key) + var ipad = [] + var opad = [] + var hash + ipad[15] = opad[15] = undefined + if (bkey.length > 16) { + bkey = binlMD5(bkey, key.length * 8) + } + for (i = 0; i < 16; i += 1) { + ipad[i] = bkey[i] ^ 0x36363636 + opad[i] = bkey[i] ^ 0x5c5c5c5c + } + hash = binlMD5(ipad.concat(rstr2binl(data)), 512 + data.length * 8) + return binl2rstr(binlMD5(opad.concat(hash), 512 + 128)) + } + + /** + * Convert a raw string to a hex string + * + * @param {string} input Raw input string + * @returns {string} Hex encoded string + */ + function rstr2hex(input) { + var hexTab = '0123456789abcdef' + var output = '' + var x + var i + for (i = 0; i < input.length; i += 1) { + x = input.charCodeAt(i) + output += hexTab.charAt((x >>> 4) & 0x0f) + hexTab.charAt(x & 0x0f) + } + return output + } + + /** + * Encode a string as UTF-8 + * + * @param {string} input Input string + * @returns {string} UTF8 string + */ + function str2rstrUTF8(input) { + return unescape(encodeURIComponent(input)) + } + + /** + * Encodes input string as raw MD5 string + * + * @param {string} s Input string + * @returns {string} Raw MD5 string + */ + function rawMD5(s) { + return rstrMD5(str2rstrUTF8(s)) + } + /** + * Encodes input string as Hex encoded string + * + * @param {string} s Input string + * @returns {string} Hex encoded string + */ + function hexMD5(s) { + return rstr2hex(rawMD5(s)) + } + /** + * Calculates the raw HMAC-MD5 for the given key and data + * + * @param {string} k HMAC key + * @param {string} d Input string + * @returns {string} Raw MD5 string + */ + function rawHMACMD5(k, d) { + return rstrHMACMD5(str2rstrUTF8(k), str2rstrUTF8(d)) + } + /** + * Calculates the Hex encoded HMAC-MD5 for the given key and data + * + * @param {string} k HMAC key + * @param {string} d Input string + * @returns {string} Raw MD5 string + */ + function hexHMACMD5(k, d) { + return rstr2hex(rawHMACMD5(k, d)) + } + + /** + * Calculates MD5 value for a given string. + * If a key is provided, calculates the HMAC-MD5 value. + * Returns a Hex encoded string unless the raw argument is given. + * + * @param {string} string Input string + * @param {string} [key] HMAC key + * @param {boolean} [raw] Raw output switch + * @returns {string} MD5 output + */ + function md5(string, key, raw) { + if (!key) { + if (!raw) { + return hexMD5(string) + } + return rawMD5(string) + } + if (!raw) { + return hexHMACMD5(key, string) + } + return rawHMACMD5(key, string) + } + + if (typeof define === 'function' && define.amd) { + define(function() { + return md5 + }) + } else if (typeof module === 'object' && module.exports) { + module.exports = md5 + } else { + $.md5 = md5 + } +})(this) \ No newline at end of file diff --git a/signUp.html b/signUp.html new file mode 100644 index 0000000..d2aff5f --- /dev/null +++ b/signUp.html @@ -0,0 +1,30 @@ + + + + Knightacts- Create an Account + + + + + + + + +

Create an Account

+

U Can't Find
your contacts so let us store them for you!

+ +
+ Welcome new Knight!
+
+
+
+
Already have an account?
+ + + + +
+ + + \ No newline at end of file