UI semi finalizat
This commit is contained in:
andrei-mihnea-cerbu
@@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Login</title>
|
||||
<link rel="stylesheet" href="../css/login.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>DO WE KNOW</h1>
|
||||
<h1>EACH OTHER?</h1>
|
||||
</div>
|
||||
<div class="signup-form">
|
||||
<form action="/signup" method="post">
|
||||
<div class="signup-form-title">
|
||||
<h2>Login</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="signup-form-content">
|
||||
<input type="email" name="email" placeholder="Email">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
</div>
|
||||
<div class="signup-form-footer">
|
||||
<button type="submit" name="submit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Main Page</title>
|
||||
<link rel="stylesheet" href="../css/main_menu.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="left_block">
|
||||
<div class="left_block_top">
|
||||
<div>
|
||||
<h1>WELCOME BACK,</h1>
|
||||
<h1>'username'!</h1>
|
||||
<h2>Hope you have a productive day!</h2>
|
||||
</div>
|
||||
<img src="../assets/user_1144760.png" alt="">
|
||||
</div>
|
||||
<div class="left_block_content">
|
||||
<div class="left_block_buttons">
|
||||
<button name="menu_button">Change backup directory location</button>
|
||||
<button name="menu_button">Change work department</button>
|
||||
</div>
|
||||
<div class="left_block_buttons">
|
||||
<button name="menu_button">Change your info</button>
|
||||
<button name="menu_button">Share a file</button>
|
||||
</div>
|
||||
<div class="left_block_buttons">
|
||||
<button name="menu_button">Decrypt files</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left_block_footer">
|
||||
<button name="logout">Logout</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right_block">
|
||||
<div>
|
||||
<h1>NOTIFICATIONS</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<button name="alert">Set your backup directory!</button>
|
||||
</div>
|
||||
<div>
|
||||
<button name="notification">You received a file from 'username'!</button>
|
||||
</div>
|
||||
<div>
|
||||
<button name="notification">Decrypt complete!</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Share File</title>
|
||||
<link rel="stylesheet" href="../css/manage_departments.css">
|
||||
<script src="../js/manage_departments.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<form action="/signup" method="post" class="left_block">
|
||||
<div class="left_block_top">
|
||||
<h1>CREATE NEW DEPARTMENT</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="left_block_content">
|
||||
<input type="text" name="text" placeholder="Name">
|
||||
</div>
|
||||
<div class="left_block_footer">
|
||||
<button type="button" name="back">Back</button>
|
||||
<button type="submit" name="create">Create</button>
|
||||
</div>
|
||||
</form>
|
||||
<form action="/signup" method="post" class="right_block">
|
||||
<div class="security_level_form_title">
|
||||
<h1>SECURITY</h1>
|
||||
<h1>LEVELS</h1>
|
||||
<hr>
|
||||
</div>
|
||||
<ul id="security_level_form_content">
|
||||
<li draggable="true">Department 1</li>
|
||||
<li draggable="true">Department 2</li>
|
||||
<li draggable="true">Department 3</li>
|
||||
<li draggable="true">Department 4</li>
|
||||
<li draggable="true">Department 4</li>
|
||||
<li draggable="true">Department 4</li>
|
||||
<li draggable="true">Department 4</li>
|
||||
<!-- Add more departments as needed -->
|
||||
</ul>
|
||||
|
||||
<div>
|
||||
<button name="submit" type="submit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Department Selection</title>
|
||||
<link rel="stylesheet" href="../css/manage_users.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="signup-form">
|
||||
<form action="/signup" method="post">
|
||||
<div class="signup-form-title">
|
||||
<h2>Users</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="signup-form-content">
|
||||
<label><input type="radio" name="dept" value="accounting">User1</label>
|
||||
<label><input type="radio" name="dept" value="developer">User2</label>
|
||||
<label><input type="radio" name="dept" value="designer">User3</label>
|
||||
<label><input type="radio" name="dept" value="accounting">User1</label>
|
||||
<label><input type="radio" name="dept" value="developer">User2</label>
|
||||
<label><input type="radio" name="dept" value="designer">User3</label>
|
||||
</div>
|
||||
<div class="signup-form-footer">
|
||||
<button type="button" name="back">Back</button>
|
||||
<button type="submit" name="delete">Delete</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Signup</title>
|
||||
<link rel="stylesheet" href="../css/profile.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="signup-form">
|
||||
<form action="/signup" method="post">
|
||||
<div class="signup-form-title">
|
||||
<h2>Profile</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div>
|
||||
<input type="email" name="email" placeholder="Email">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
</div>
|
||||
<div class="signup-form-footer">
|
||||
<button type="button" name="login">Back</button>
|
||||
<button type="submit" name="submit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Setup Completion</title>
|
||||
<link rel="stylesheet" href="../css/sending_file_confirmation.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>SENDING THE FILE!</h1>
|
||||
<h2>PlEASE WAIT</h2>
|
||||
<img src="../assets/loading.gif" alt="Description of GIF">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,53 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" href="../assets/hard-disk.ico" type="image/x-icon">
|
||||
<title>Share File</title>
|
||||
<link rel="stylesheet" href="../css/share_file.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="left_block">
|
||||
<div class="left_block_top">
|
||||
<div class="left_block_top_left">
|
||||
<h1>SHARE A FILE</h1>
|
||||
<hr>
|
||||
<h2>First select the file you want to share</h2>
|
||||
<h2>(can be whatever resource from the system)</h2>
|
||||
</div>
|
||||
<div class="left_block_top_right">
|
||||
<h2>No file chosen</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left_block_content">
|
||||
<button type="button" name="select_file">Select</button>
|
||||
</div>
|
||||
<div class="left_block_footer">
|
||||
<button type="button" name="back">Back</button>
|
||||
<button type="submit" name="submit">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right_block">
|
||||
<form action="/signup" method="post">
|
||||
<div class="choose_user_form_title">
|
||||
<h2>USERS</h2>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="choose_user_form_content">
|
||||
<label><input type="radio" name="dept" value="accounting">user1</label>
|
||||
<label><input type="radio" name="dept" value="developer">user2</label>
|
||||
<label><input type="radio" name="dept" value="designer">user3</label>
|
||||
<label><input type="radio" name="dept" value="accounting">Contabilitate</label>
|
||||
<label><input type="radio" name="dept" value="developer">Programator</label>
|
||||
<label><input type="radio" name="dept" value="designer">Designer</label>
|
||||
<label><input type="radio" name="dept" value="accounting">Contabilitate</label>
|
||||
<label><input type="radio" name="dept" value="developer">Programator</label>
|
||||
<label><input type="radio" name="dept" value="designer">Designer</label>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user