-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (110 loc) · 3.09 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Contacts</title>
<link rel="stylesheet" href="addressbook.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>
<body>
<div class="contactapp">
<div class="contactlist">
<div>
<h1 align="center">Contacts<span style="float:right"><i class="fas fa-plus-square" onclick="showAddContactModal();"></i></span></h1>
</div>
<hr>
<table id="contactlist">
</table>
</div>
<div class="contact">
<div class="contactpic">
<img src="default.png" width="150px" >
<div style="text-align:center">
<span style="color:black"><i id="editbtn" onclick="showEditContactModal()" class="fas fa-edit"></i></span>
<span style="color:black"><i id="deletebtn" class="fas fa-trash-alt"></i></span>
</div>
</div>
<div class="contactinfo">
<table>
<tr>
<td>
Name
</td>
<td id="selectedname">
</td>
</tr>
<tr>
<td>
Address
</td>
<td id="selectedaddress">
</td>
</tr>
<tr>
<td>
Company
</td>
<td id="selectedcompany">
</td>
</tr>
<tr>
<td>
Cell Number
</td>
<td id="selectedcell">
</td>
</tr>
<tr>
<td>
Birthday
</td>
<td id="selectedbirth">
</td>
</tr>
<tr>
<td>
E-mail
</td>
<td id="selectedemail">
</td>
</tr>
<tr>
<td>
URL
</td>
<td id="selectedurl">
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
<!-- add scripts at the bottom, so that the DOM is defined when they load -->
<script src="./addressbook.js"></script>
<script>
// when the document loads, load the contact list from file
$(document).ready(loadAndDisplayContacts());
require('electron').ipcRenderer.on('asynchronous-message', (event, message) => {
console.log(message)
if (message === "refreshList"){
loadAndDisplayContacts()
}
else if (message === "importFile"){
const {dialog} = require('electron').remote;
dialog.showOpenDialog(function (fileNames) {
// fileNames is an array that contains all the selected
if(fileNames === undefined) {
console.log("No file selected");
} else {
fileNames.forEach((fileName, index) => {importFile(fileName)});
}
});
}
else if (message === "exportFile"){
exportFile();
}
})
</script>
</html>