-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit bf2b807
Showing
42 changed files
with
2,624 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| /docs | ||
| /fonts/LICENSE.txt |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,109 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" type="image/x-icon" href="../img/favicon-32x32.png"> | ||
| <link rel="stylesheet" href="../css/style.css"> | ||
| <link rel="stylesheet" href="../css/home.css"> | ||
| <link rel="stylesheet" href="../css/loader.css"> | ||
| <link rel="stylesheet" href="../css/home.add-user.css"> | ||
| <link rel="stylesheet" href="../css/home.all-user.css"> | ||
| <link rel="stylesheet" href="../css/popup-toasters.css"> | ||
| <title>CRUDify - Add User</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header class="dashboard-header"> | ||
| <div class="container"> | ||
| <div class="img-links"> | ||
| <img src="../img/logo.png" alt="logo" width="200" height="auto"> | ||
| <nav class="topnav"> | ||
| <a href="./home.all-user.html">All User</a> | ||
| <a href="./home.add-user.html">Add User</a> | ||
| <a href="./home.my-tasks.html">My Tasks</a> | ||
| </nav> | ||
| </div> | ||
| <div class="user-data"></div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div id="toggle-section"></div> | ||
|
|
||
| <!-- Include the loader --> | ||
| <div id="loaderContainer"></div> | ||
|
|
||
| <section id="add-section" class="container"> | ||
| <div class="label"> | ||
| <span>Add User</span> | ||
| <i class="fa-solid fa-user-plus"></i> | ||
| </div> | ||
| <form onsubmit="addUser(event)"> | ||
| <div class="first-type"> | ||
| <label for="image">Image URL:</label> | ||
| <input type="url" id="image" name="image" placeholder="e.g. https://robohash.org/Maurine.png" | ||
| value="https://robohash.org/Trace.png?set=set4" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="firstName">First Name:</label> | ||
| <input type="text" id="firstName" name="firstName" placeholder="e.g. Fakher" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="lastName">Last Name:</label> | ||
| <input type="text" id="lastName" name="lastName" placeholder="e.g. Zaman" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="phone">Phone Number:</label> | ||
| <input type="tel" id="phone" name="phone" placeholder="e.g. +92 316 0441719" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="email">Email:</label> | ||
| <input type="email" id="email" name="email" placeholder="e.g. fakherzamanofficial@gmail.com" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="address">Address:</label> | ||
| <input type="address" id="address" name="address" placeholder="e.g. Shahdara 4th Street G.T Road" | ||
| required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="birthDate">Date Of Birth:</label> | ||
| <input type="date" id="birthDate" name="birthDate" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="age">Age:</label> | ||
| <input type="number" id="age" name="age" min="0" max="150" placeholder="e.g. 23" required> | ||
| </div> | ||
| <div class="second-type"> | ||
| <label for="gender">Gender:</label> | ||
| <select name="cars" id="gender" aria-placeholder="Male" required> | ||
| <option value="male">Male</option> | ||
| <option value="female">Female</option> | ||
| <option value="other">Other</option> | ||
| </select> | ||
| </div> | ||
| <p class="third-type" id="add-user-btn"> | ||
| <button type="submit">Add User</button> | ||
| </p> | ||
| </form> | ||
|
|
||
| <p id="user-count"></p> | ||
| <div id="display-users"></div> | ||
| </section> | ||
|
|
||
| <footer class="dashboard-footer"> | ||
| <div class="container"> | ||
| <p>All Rights Reserved © 2024 CRUDify.am</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <!-- Toast container --> | ||
| <div id="toast" class="toast hide"></div> | ||
|
|
||
| <script src="https://kit.fontawesome.com/b43da9d28e.js" crossorigin="anonymous"></script> | ||
| <script src="../js/home.js"></script> | ||
| <script src="../js/loader.js"></script> | ||
| <script src="../js/home.add-user.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,135 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" type="image/x-icon" href="../img/favicon-32x32.png"> | ||
| <link rel="stylesheet" href="../css/style.css"> | ||
| <link rel="stylesheet" href="../css/home.css"> | ||
| <link rel="stylesheet" href="../css/loader.css"> | ||
| <link rel="stylesheet" href="../css/home.all-user.css"> | ||
| <link rel="stylesheet" href="../css/popup-toasters.css"> | ||
| <title>CRUDify - Home</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header class="dashboard-header"> | ||
| <div class="container"> | ||
| <div class="img-links"> | ||
| <img src="../img/logo.png" alt="logo" width="200" height="auto"> | ||
| <nav class="topnav"> | ||
| <a href="./home.all-user.html">All User</a> | ||
| <a href="./home.add-user.html">Add User</a> | ||
| <a href="./home.my-tasks.html">My Tasks</a> | ||
| </nav> | ||
| </div> | ||
| <div class="user-data"></div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div id="toggle-section"></div> | ||
|
|
||
| <!-- Include the loader --> | ||
| <div id="loaderContainer"></div> | ||
|
|
||
| <div id="all-user-section"> | ||
| <div id="search-user" class="search-user container"> | ||
| <div class="input-box"> | ||
| <i class="fa-solid fa-magnifying-glass"></i> | ||
| <input type="text" placeholder="Search here..." /> | ||
| <button class="button">Search</button> | ||
| </div> | ||
| </div> | ||
|
|
||
| <section id="home-section" class="container"> | ||
| <p id="user-count"></p> | ||
| <div id="display-users"></div> | ||
| <div id="editModal" class="modal"> | ||
| <div class="modal-content"> | ||
| <span class="close">×</span> | ||
| <h2>Edit User</h2> | ||
| <form id="editForm" onsubmit="updateUser(event)"> | ||
| <div class="first-type"> | ||
| <label for="image">Image URL:</label> | ||
| <input type="url" id="image" name="image" | ||
| placeholder="e.g. https://robohash.org/Maurine.png" | ||
| value="https://robohash.org/Maurine.png?set=set4" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="firstName">First Name:</label> | ||
| <input type="text" id="firstName" name="firstName" placeholder="e.g. Fakher" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="lastName">Last Name:</label> | ||
| <input type="text" id="lastName" name="lastName" placeholder="e.g. Zaman" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="phone">Phone Number:</label> | ||
| <input type="tel" id="phone" name="phone" placeholder="e.g. +92 316 0441719" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="email">Email:</label> | ||
| <input type="email" id="email" name="email" placeholder="e.g. fakherzamanofficial@gmail.com" | ||
| required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="address">Address:</label> | ||
| <input type="address" id="address" name="address" | ||
| placeholder="e.g. Shahdara 4th Street G.T Road" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="birthDate">Date Of Birth:</label> | ||
| <input type="date" id="birthDate" name="birthDate" required> | ||
| </div> | ||
| <div class="first-type"> | ||
| <label for="age">Age:</label> | ||
| <input type="number" id="age" name="age" min="0" max="150" step="10" placeholder="e.g. 23" | ||
| required> | ||
| </div> | ||
| <div class="second-type"> | ||
| <label for="gender">Gender:</label> | ||
| <select name="cars" id="gender" aria-placeholder="Male" required> | ||
| <option value="male">Male</option> | ||
| <option value="female">Female</option> | ||
| <option value="other">Other</option> | ||
| </select> | ||
| </div> | ||
| </form> | ||
| <div class="third-type"> | ||
| <button id="saveChanges" type="submit">Save Changes</button> | ||
| <button id="cancelEdit">Cancel</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div id="deleteModal" class="modal"> | ||
| <div class="modal-content"> | ||
| <span class="close">×</span> | ||
| <h2>Delete User</h2> | ||
| <p>Are you sure you want to delete this user?</p> | ||
| <p id="user-name-div">Name: <span id="user-name"></span></p> | ||
| <div class="delete-btns"> | ||
| <button id="confirmDelete">Confirm</button> | ||
| <button id="cancelDelete">Cancel</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
| <footer class="dashboard-footer"> | ||
| <div class="container"> | ||
| <p>All Rights Reserved © 2024 CRUDify.am</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <!-- Toast container --> | ||
| <div id="toast" class="toast hide"></div> | ||
|
|
||
| <script src="https://kit.fontawesome.com/b43da9d28e.js" crossorigin="anonymous"></script> | ||
| <script src="../js/home.js"></script> | ||
| <script src="../js/loader.js"></script> | ||
| <script src="../js/home.all-user.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" type="image/x-icon" href="../img/favicon-32x32.png"> | ||
| <link rel="stylesheet" href="../css/style.css"> | ||
| <link rel="stylesheet" href="../css/home.css"> | ||
| <link rel="stylesheet" href="../css/loader.css"> | ||
| <link rel="stylesheet" href="../css/home.my-tasks.css"> | ||
| <link rel="stylesheet" href="../css/popup-toasters.css"> | ||
| <title>CRUDify - My Tasks</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header class="dashboard-header"> | ||
| <div class="container"> | ||
| <div class="img-links"> | ||
| <img src="../img/logo.png" alt="logo" width="200" height="auto"> | ||
| <nav class="topnav"> | ||
| <a href="./home.all-user.html">All User</a> | ||
| <a href="./home.add-user.html">Add User</a> | ||
| <a href="./home.my-tasks.html">My Tasks</a> | ||
| </nav> | ||
| </div> | ||
| <div class="user-data"></div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div id="toggle-section"></div> | ||
|
|
||
| <!-- Include the loader --> | ||
| <div id="loaderContainer"></div> | ||
|
|
||
| <section id="task-section" class="container"> | ||
| <div class="label"> | ||
| <span>My Todos</span> | ||
| <i class="fa-solid fa-clipboard-list"></i> | ||
| </div> | ||
| <form> | ||
| <input type="text" class='todo-inputs' placeholder='Enter here...'> | ||
| <button class='todo-button'> | ||
| <i class='fas fa-plus-square'></i> | ||
| </button> | ||
| </form> | ||
| <div class="todo-container"> | ||
| <ul class="todo-list"></ul> | ||
| </div> | ||
| </section> | ||
|
|
||
| <footer class="dashboard-footer"> | ||
| <div class="container"> | ||
| <p>All Rights Reserved © 2024 CRUDify.am</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <!-- Toast container --> | ||
| <div id="toast" class="toast hide"></div> | ||
|
|
||
| <script src="https://kit.fontawesome.com/b43da9d28e.js" crossorigin="anonymous"></script> | ||
| <script src="../js/home.js"></script> | ||
| <script src="../js/loader.js"></script> | ||
| <script src="../js/home.my-tasks.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="../css/loader.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="data-loader"> | ||
| <div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| <div></div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Sign In Page</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="container"> | ||
| <img class="signin-logo" src="../img/logo.png" alt="logo" width="200" height="auto"> | ||
| <div class="sign-in"> | ||
| <img src="../img/image-placeholder.png" alt="img-placeholder"> | ||
| <h2>Member Login</h2> | ||
| <form action="" method="" onsubmit="setData(event)"> | ||
| <label for="uname"><b>Username</b></label> | ||
| <input id="uname" type="text" placeholder="Enter Username" name="uname" required> | ||
| <label for="pwd"><b>Password</b></label> | ||
| <input id="pwd" type="password" placeholder="Enter Password" name="psw" required> | ||
| <button type="submit">Submit</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Toast container --> | ||
| <div id="toast" class="toast hide"></div> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.