-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdashboard.html
98 lines (94 loc) · 3 KB
/
dashboard.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
<!DOCTYPE html>
<html>
<head>
<title>DMedico Dashboard</title>
<link rel="stylesheet" href="db.css">
</head>
<body>
<nav>
<div class="logo">
<a href="index.html"><img src="logo.png" alt=""></a>
</div>
<div class="menu">
<ul>
<li><a href="/index.html#features">Features</a></li>
<li><a href="/index.html#how-it-works">How It Works</a></li>
<li><a class = "special" href="https://github.com/Arsalaan-Alam/dmedico">Github</a></li>
<!--<li><button class="logoutBtn">Logout</button></li>-->
</ul>
</div>
</nav>
<div class="container">
<h1 id="welcomeHeading" class="wlc"></h1>
<div class="center-button">
<button id="addFileBtn" class="addf">Add Another File</button>
<button id="viewFilesBtn" class="addf">View Shared Files</button>
<input type="file" id="fileInput" style="display: none;">
<p id="fileDisplay"></p>
</div>
<button id="submitButton" style="display: none;">Submit</button>
<table id="dataTable">
<thead>
<tr>
<th>File ID</th>
<th>File Name</th>
<th>Date & Time</th>
<th>Permissions</th>
</tr>
</thead>
<tbody>
<!-- Dynamically generated table rows will be inserted here -->
</tbody>
</table>
<table id="sharedFilesTable" style="display: none;">
<thead>
<tr>
<th>File From</th>
<th>File Name</th>
<th>Remarks</th>
<th>Time of Sharing</th>
<th>View</th>
</tr>
</thead>
<tbody>
<!-- Table rows for shared files will be dynamically generated using JavaScript -->
</tbody>
</table>
</div>
<div id="popupBox" class="popup">
<div class="popup-content">
<h2 class="popup-heading" id="poi">People Who Have Access</h2>
<table id="accessTable">
<thead>
<tr>
<th>User Name</th>
<th>Wallet Address</th>
<th>Revoke</th>
</tr>
</thead>
<tbody>
<!-- Table rows will be dynamically generated using JavaScript -->
</tbody>
</table>
<div class="popup-form" id="addAccessForm">
<input type="text" id="userNameInput" placeholder="User Name">
<input type="text" id="walletAddressInput" placeholder="Wallet Address">
<input type="text" id="remarksInput" placeholder="Remarks">
<div class="popup-buttons2">
<button id="submitAccessBtn" class="submit-btn">Submit</button>
<button id="closePopupBtnNew" class="close-btn1">Close</button>
</div>
</div>
<div class="popup-buttons">
<button id="addAccessBtn" class="access-btn">Give Access</button>
<button id="closePopupBtn" class="close-btn">Close</button>
</div>
</div>
</div>
<script charset="utf-8"
src="https://cdnjs.cloudflare.com/ajax/libs/ethers/6.3.0/ethers.umd.min.js"
type="text/javascript">
</script>
<script src="db.js"></script>
</body>
</html>