-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacts.html
133 lines (91 loc) · 5.35 KB
/
contacts.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Join - Contacts</title>
<link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico" />
<link rel="stylesheet" href="./build/css/general.css" />
<link rel="stylesheet" href="./build/css/contacts.css" />
<!-- Platzhalter für CSS Datei-->
</head>
<body onload="init()" onkeyup="closeOverlaysWithEscape(event)">
<div class="flex container fixed transform50">
<nav w3-include-html="./build/templates/navigation.html"> </nav>
<!-- Platzhalter für die spätere Navigation (Nicht ändern) -->
<main class="flex">
<header class="flex" w3-include-html="./build/templates/header.html"></header>
<!-- Platzhalter für den späteren Header (Nicht ändern) -->
<!-- Hier den Inhalt der Seite einfügen und stylen in separater CSS Datei -->
<div class="flex mainContainer">
<div class="contactList">
<div class="newContactButton flex-center">
<!-- Add new contact Button -->
<button class="flex-center" onclick="addContactToggle()">
Add new contact
<img src="./assets/img/person_add.png" alt="" />
</button>
</div>
<!-- Contactlist -->
<div class="contactNames">
<div id="showContact"></div>
<div class="personAdd" onclick="addContactToggle()"> <img src="./assets/img/person_add.png" alt=""></div>
</div>
</div>
<div class="flex-column">
<div class="headline flex ">
<h1>Contacts</h1>
<span>Better with a team</span>
</div>
<div class="informationPopUp">
</div>
</div>
<!-- <div class="personAdd"> <img src="./assets/img/person_add.png" alt=""></div> -->
<div class="overlayEdit-parent flex flex-center d-none" onclick="backgroundClickedEdit(event)">
<div class="editContactMainContainer flex pos-rel flex-center" >
<div class="editContactLeftContainer flex">
<img src="./assets/img/capa 2.png" alt="">
<p>Edit contact</p>
<p></p>
</div>
<div class="flex-center bigSize editContactImg profileImage merge">AM</div>
<div class="flex rightContainer">
<img class="close-overlay slide"src="./assets/img/close.png" alt="" onclick="editContactToggle();">
<img class="close-overlay mobileClose" src="./assets/img/closeWhite.png" alt="" onclick="editContactToggle()">
<form class="flex inputContainer" onsubmit="editContact(event); return false;">
<div class="pos-rel"><input type="text" placeholder="name" class="inputEditName" required><img src="./assets/img/person.png" alt="" class="pos-abs50"></div>
<div class="pos-rel"><input type="email" placeholder="email" class="inputEditEmail" required><img src="./assets/img/mail.png" alt="" class="pos-abs50"></div>
<div class="pos-rel"> <input type="phone" placeholder="number" class="inputEditNumber" required><img src="./assets/img/call.png" alt="" class="pos-abs50"></div>
<div class="flex editContactButton"> <button onclick="deleteContact(presentlyIndexContacts)">Delete</button> <button class="flex" type="submit">Save <img src="./assets/img/save.png" alt=""></button></div>
</form>
</div>
</div>
</div>
<div class="overlay-parent flex flex-center d-none" onclick="backgroundClickedAdd(event)" >
<div class="addContactMainContainer flex pos-rel flex-center" >
<div class="editContactLeftContainer flex">
<img src="./assets/img/capa 2.png" alt="">
<p>Add contact</p>
<p class="betterWithATeam">Tasks are better with a team!</p>
</div>
<div class="flex-center bigSize nonePerson merge"><img src="./assets/img/personNone.png" alt=""></div>
<div class="flex rightContainer">
<img class="close-overlay" src="./assets/img/close.png" alt="" onclick="addContactToggle()">
<img class="close-overlay mobileClose" src="./assets/img/closeWhite.png" alt="" onclick="addContactToggle()">
<form class="flex inputContainer" onsubmit="createContactValue(event)">
<div class="pos-rel"><input type="text" placeholder="name" class="inputName" required><img src="./assets/img/person.png" alt="" class="pos-abs50"></div>
<div class="pos-rel"> <input type="email" placeholder="email" class="inputEmail" required><img src="./assets/img/mail.png" alt="" class="pos-abs50"></div>
<div class="pos-rel"><input type="number" placeholder="number" class="inputNumber" required><img src="./assets/img/call.png" alt="" class="pos-abs50"></div>
<div class="flex editContactButton addButton"> <button onclick="addContactToggle()">Cancel</button> <button type="submit" class="flex">Create contact <img src="./assets/img/save.png" alt=""></button></div>
</form>
</div>
</div>
</div>
</main>
</div>
<!-- Platzhalter für den spätere JS-Datei -->
<script src="./build/js/contact-globalFunctions.js"></script>
<script src="./build/js/contact-databaseFunctions.js"></script>
<script src="./build/js/main.js"></script>
</body>
</html>