diff --git a/css/main.css b/css/main.css
index 8b13789..b347a77 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1 +1,13 @@
-
+.everyone {
+ padding: 30px;
+}
+.phone-number {
+ display: inline-block;
+ padding: 10px;
+ width: 30%;
+}
+.person {
+ border-left: 10px solid #434389;
+ padding: 5px 0px 5px 15px;
+ margin-bottom: 10px;
+}
diff --git a/everyone.html b/everyone.html
new file mode 100644
index 0000000..c61c060
--- /dev/null
+++ b/everyone.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/everyone.js b/js/everyone.js
new file mode 100644
index 0000000..b6cf8ae
--- /dev/null
+++ b/js/everyone.js
@@ -0,0 +1,49 @@
+var base = "http://phonebk.develop.digitalmediauconn.org/phonebook.php";
+
+function getAllPeople(callback) {
+ var ajaxcall = new XMLHttpRequest();
+
+ ajaxcall.onreadystatechange = function() {
+ if (ajaxcall.readyState == 4 && ajaxcall.status == 200) {
+
+ callback(ajaxcall.responseText);
+
+ }
+ };
+
+ ajaxcall.open("GET", base + "?do=getAllPeople", true);
+ ajaxcall.send();
+}
+
+function createElement(elemName, classes, text, id, href) {
+ var elem = document.createElement(elemName);
+ for (var i = 0; i < classes.length; i++) {
+ elem.classList.add(classes[i])
+ }
+ elem.appendChild(document.createTextNode(text));
+ elem.setAttribute("id", id);
+ elem.setAttribute("href", href)
+ return elem;
+}
+
+function format(text) {
+ var arr = JSON.parse(text);
+ arr.sort(function(a,b) {
+ return a.lastname > b.lastname;
+ });
+ var parent = document.querySelector("body");
+ console.log(arr);
+ for (var i = 0; i < arr.length; i++) {
+ var person = arr[i];
+ var div = createElement("div", ["person"], "");
+ var name = createElement("h3", [], person.firstname + " " + person.lastname);
+
+ var phone = createElement("a", ["phone-number"], person.phone,"", "/" + person.lastname); //add URL HERE
+ var email = createElement("a", ["email"], person.email, "", "mailto:"+ person.email);
+ div.appendChild(name);
+ div.appendChild(phone);
+ div.appendChild(email);
+ parent.appendChild(div);
+ }
+}
+getAllPeople(format);
diff --git a/js/main.js b/js/main.js
index ee221dd..9cf3497 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,11 +1,21 @@
var base = "http://phonebk.develop.digitalmediauconn.org/phonebook.php";
-function ajaxCall(uri, callback) {
+function getAllPeople(callback) {
var ajaxcall = new XMLHttpRequest();
- ajaxcall.onreadystatechange = callback;
+ ajaxcall.onreadystatechange = function() {
+ if (ajaxcall.readyState == 4 && ajaxcall.status == 200) {
+
+ callback(ajaxcall.responseText);
+
+ }
+ };
ajaxcall.open("GET", base + "?do=getAllPeople", true);
ajaxcall.send();
}
+getAllPeople(function(text) {
+ var arr = JSON.parse(text);
+ console.log(arr);
+});