168 lines
5.9 KiB
HTML
168 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>DashBoard</title>
|
|
<link rel="stylesheet" href="../styles/dashboard.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
|
|
<div class="container">
|
|
|
|
<button id="logout"></button>
|
|
|
|
<div class="innerwrapper">
|
|
|
|
<div class="contentbox">
|
|
|
|
<div class="searchbar">
|
|
<input type="text" id="search">
|
|
</div>
|
|
|
|
<div class="objcontainer"></div>
|
|
|
|
</div>
|
|
|
|
<div class="querybox">
|
|
<div class="infobox">
|
|
<img src="../assets/icon.jpg">
|
|
</div>
|
|
<div class="infopanel">
|
|
<div>
|
|
<label id="displayname">Display</label>
|
|
<button id="linkbutton"></button>
|
|
</div>
|
|
|
|
<div class="div_u">
|
|
<label for="dusername">Username:</label>
|
|
<div>
|
|
<input id="dusername" disabled>
|
|
<button id="bdusername"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="div_e">
|
|
<label for="demail">Email:</label>
|
|
<div>
|
|
<input id="demail" disabled>
|
|
<button id="bdemail"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="div_ph">
|
|
<label for="dphnumber">Ph. Number:</label>
|
|
<div>
|
|
<input id="dphnumber" disabled>
|
|
<button id="bdphnumber"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="div_p">
|
|
<label for="dpassword">Password:</label>
|
|
<div>
|
|
<input id="dpassword" type="password" disabled>
|
|
<button id="bdpassword"></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="buttonbox">
|
|
|
|
<div> <!-- Panel -->
|
|
|
|
<div> <!--Holder -->
|
|
|
|
<div>
|
|
<!-- Image -->
|
|
</div>
|
|
<div>
|
|
<label id="greetname"></label>
|
|
<a href="#" onclick="await changePassConfirm()">Change Password</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="buttonpanel">
|
|
|
|
<div>
|
|
<button id="addentry"></button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="entrycontainer" class="hidden">
|
|
|
|
<div class="addentrydiv">
|
|
|
|
<div>
|
|
<button id="backbtn"></button>
|
|
</div>
|
|
|
|
<div class="fieldcontainer">
|
|
<form id="formdata">
|
|
<div>
|
|
<input type="text" name="sitename" placeholder="Site Name" id="sitenamefield" >
|
|
<input type="text" name="url" placeholder="Site URL" id="urlfield" value="https://">
|
|
<label></label>
|
|
<button type="button" onclick="await validateData()" id="submitdatabtn"></button>
|
|
<button type="button" onclick="await deleteEntryConfirm()" id="deletedata"></button>
|
|
<button type="button" onclick="await validateDataEdit()" id="submiteditdatabtn">Save</button>
|
|
</div>
|
|
|
|
<div class="inputfieldpanel">
|
|
<div>
|
|
<input type="checkbox" id="u_checkbox">
|
|
<input type="text" name="Username" placeholder="Username" id="u_input" disabled><br>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="p_checkbox">
|
|
<input type="text" name="Password" placeholder="Password" id="p_input" disabled><br>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="e_checkbox">
|
|
<input type="text" name="Email" placeholder="Email Address" id="e_input" disabled><br>
|
|
</div>
|
|
<div>
|
|
<input type="checkbox" id="n_checkbox">
|
|
<input type="text" name="PhNumber" placeholder="Phone Number" id="n_input" disabled><br>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="popupdivparent">
|
|
<div class="popupdiv">
|
|
<div>
|
|
<button onclick="await closePopup()" id="closepopup"></button>
|
|
</div>
|
|
<div class="popupdivchild"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="confirmdivparent">
|
|
<div class="confirmdiv">
|
|
<img src="../assets/tick.svg">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<script defer src="../scripts/dashboard.js"></script>
|
|
</body>
|
|
|
|
<footer><p>© 2023 Password Manager</p></footer>
|
|
|
|
</html>
|