-
Notifications
You must be signed in to change notification settings - Fork 1
/
contactPage.html
38 lines (33 loc) · 1.36 KB
/
contactPage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<title>Knightacts- My Contacts</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Varela+Round|Calibri" rel="stylesheet">
<script type="text/javascript" src="js/Javascript.js"></script> <!--back end-->
</head>
<body onload="getAllContacts();">
<h1 id="title">My Knightacts</h1>
<button type="button" id="logoutButton" class="buttons" onclick="doLogout();"> </button>
<!-- Black box with search and add -->
<div id="searchOrAdd">
<div class="row">
<div class="left">
<!--Perform add contact on click-->
<button type="button" id="addContact" class="buttons" onclick="goToAddContact();"> Add New Knightact </button><br />
<span id="contactAddResult"></span>
</div>
<div class="right">
<!--The search bar automatically updates with each character -->
<input type="text" id="searchBar" placeholder="Search..." oninput="searchContacts();"/>
</div>
</div>
</div>
<!-- Here is where the contacts will apprear as a list-->
<!-- Clicking them will take you to the edit contact page for that contact- autofilled info-->
<div class="container2">
<ul id="myUL">
</ul>
</div>
</body>
</html>