user UI Done

This commit is contained in:
andrei-mihnea-cerbu
2024-03-31 14:46:27 +03:00
parent d1d238287a
commit 33ebce3b22
29 changed files with 1245 additions and 3 deletions
+31
View File
@@ -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>Department Selection</title>
<link rel="stylesheet" href="../css/change_department.css">
</head>
<body>
<div class="container">
<div class="signup-form">
<form action="/signup" method="post">
<div class="signup-form-title">
<h2>Choose your department</h2>
<hr>
</div>
<div class="signup-form-content">
<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>
<div class="signup-form-footer">
<button type="button" name="back">Back</button>
<button type="submit" name="continue">Continue</button>
</div>
</form>
</div>
</div>
</body>
</html>
+33
View File
@@ -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>
+57
View File
@@ -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>
+31
View File
@@ -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>
+53
View File
@@ -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>
@@ -0,0 +1,19 @@
<!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/sign_up_confirmation.css">
</head>
<body>
<div class="container">
<div class="header">
<h1>ALL THE SETUP IS DONE!</h1>
<h2>LETS PROCEED TO THE</h2>
<h2>MAIN PAGE</h2>
</div>
</div>
</body>
</html>
+35
View File
@@ -0,0 +1,35 @@
<!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/sign_up_start.css">
</head>
<body>
<div class="container">
<div class="header">
<h1>LET US MEET</h1>
<h1>EACH OTHER</h1>
</div>
<div class="signup-form">
<form action="/signup" method="post">
<div class="signup-form-title">
<h2>Sign Up</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">Login</button>
<button type="submit" name="submit">Submit</button>
</div>
</form>
</div>
</div>
</body>
</html>
@@ -0,0 +1,35 @@
<!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/set_departments.css">
</head>
<body>
<div class="container">
<div class="header">
<h1>TELL ME MORE</h1>
<h1>ABOUT</h1>
<h1>YOUR WORK</h1>
</div>
<div class="signup-form">
<form action="/signup" method="post">
<div class="signup-form-title">
<h2>Choose your department</h2>
<hr>
</div>
<div class="signup-form-content">
<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>
<div class="signup-form-footer">
<button type="submit" name="continue">Continue</button>
</div>
</form>
</div>
</div>
</body>
</html>