user UI Done
This commit is contained in:
@@ -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>
|
||||
@@ -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,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>
|
||||
@@ -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>LET’S PROCEED TO THE</h2>
|
||||
<h2>MAIN PAGE</h2>
|
||||
</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>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>
|
||||
Reference in New Issue
Block a user