Skip to content

J
JARVIS
Commit ff4d8f13 authored by Jacob Dylan D. Vitug's avatar Jacob Dylan D. Vitug
Browse files
Options

sidebar links working

parent d75ecec1
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 75 deletions
IPSystemTOPC/EmployeeProdDB/static/css/signup.css 0 → 100644
View file @ ff4d8f13
body {
font-family: Helvetica ;
}
.centercont {
margin: auto;
display: flex;
justify-content: center;
}
.loginheader {
background-color: #00802B;
color: white;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
}
.loginheader span {
font-size: 14px;
}
.headertextcontainer {
margin-top: 16px;
}
.login-logo {
margin: 20px;
}
.login-logo img {
width: 150px;
height: auto;
}
.column-direction {
flex-direction: column;
align-items: center;
}
.column-direction b {
font-size: 24px;
}
.login-input-align {
margin: 5px;
}
.login-input-align input {
border-radius: 8px;
border: 1px solid black;
padding: 5px 10px;
margin: 5px;
}
.login-box {
width: 200px;
}
.login-button {
width: 200px;
border: 1px solid white;
padding: 5px 10px;
margin-top: 10px;
font-weight: bold;
}
.login-borders {
border-radius: 4px;
}
.button-login {
background-color: #00802B;
color: white;
}
.button-cancel {
background-color: white;
border: 1px solid black;
}
\ No newline at end of file
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/base.html
View file @ ff4d8f13
......@@ -54,7 +54,7 @@
<div>
<div class="sidebar-hover">
<a href="">
<a href="{% url 'home' %}">
<div class="icon-align sidebar-button">
<i class="gg-list"></i>
</div>
......@@ -63,7 +63,7 @@
</div>
<div class="sidebar-hover">
<a href="">
<a href="{% url 'positionlist' %}">
<div class="icon-align sidebar-button">
<i class="gg-user-list"></i>
</div>
......@@ -72,7 +72,7 @@
</div>
<div class="sidebar-hover">
<a href="">
<a href="{% url 'create_emp_profile' %}">
<div class="icon-align sidebar-button">
<i class="gg-user-add"></i>
</div>
......@@ -81,7 +81,7 @@
</div>
<div class="sidebar-hover">
<a href="">
<a href="{% url 'upload_csv' %}">
<div class="icon-align sidebar-button">
<i class="gg-import"></i>
</div>
......
IPSystemTOPC/EmployeeProdDB/templates/EmployeeProdDB/signup.html
View file @ ff4d8f13
<!DOCTYPE html>
{% load static %}
<!doctype html>
<html lang="en">
<head>
<title> Sign up </title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="{% static 'css/style_signup.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap-4.1.3-dist/css/bootstrap.css' %}">
<link rel="icon" href="{% static 'images/halalan_2022_logo.png' %}" sizes="9x16">
<title>Login</title>
<link rel="stylesheet" href="{% static 'css/style.css' %}"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/signup.css' %}">
</head>
<body>
<section class="h-100 gradient-form" style="background-color: #eee;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-xl-10">
<div class="card rounded-3 text-black">
<div class="row g-0">
<div class="col-lg-6">
<div class="card-body p-md-5 mx-md-4">
<div class="text-center">
<img src="{% static 'images/halalan_2022_logo.png' %}" style="width: 150px;" alt="logo">
</div>
{% include 'EmployeeProdDB/messages.html' %}
<div class="row">
{% block content %}
{% endblock %}
</div>
<form method="POST" action="{% url 'signup' %}">{% csrf_token %}
<h5 class="mb-4" style="font-family:'Poppins';">Sign up</h5>
<div class="loginheader centercont">
<div class="headertextcontainer">
<span>Thousand Oaks Packaging Corporation</span>
<h2>Employee Performance</h2>
</div>
</div>
<!-- {% block content %} -->
<div class="centercont column-direction">
<div class="login-logo">
<a href="#"><img src="{% static 'images/topc_logo.jpg' %}" class="img logo rounded-circle"></a>
</div>
<label class="form-label" for="username" style="font-family:'Poppins';">Username: </label>
<input class ="form-control" type="text" name="username" id="username" placeholder="Enter username@email.com" Required>
<br>
<label class="form-label" for="password" style="font-family:'Poppins';">Password: </label>
<input class ="form-control" type="password" name="password" id="password" minlength="8" placeholder="Enter Password (min. 8 characters)" Required>
<br>
<label class="form-label" for="confirm_password" style="font-family:'Poppins';">Confirm Password: </label>
<input class ="form-control" type="password" name="confirm_password" id="confirm_password" minlength="8" placeholder="Confirm Password" Required>
<br>
<label class="form-label" for="first_name" style="font-family:'Poppins';">First name: </label>
<input class ="form-control" type="text" name="first_name" id="first_name" placeholder="Enter Firstname" Required>
<br>
<label class="form-label" for="last_name" style="font-family:'Poppins';">Last name: </label>
<input class ="form-control" type="text" name="last_name" id="last_name" placeholder="Enter Lastname" Required>
<br>
<label class="form-label" for="birthday" style="font-family:'Poppins';">Birthday: </label>
<input class ="form-control" type="text" name="birthday" id="birthday" placeholder= "format (yyyy-mm-dd)" Required>
<br>
<label class="form-label" for="sex" style="font-family:'Poppins';">Sex: </label>
<input class ="form-control" type="text" name="sex" id="sex" placeholder="Enter sex" Required>
<br>
<div class="text-center">
<button id=signupbtn class="btn btn-success btn-block fa-lg gradient-custom-2 mb-3" type="submit" style="font-family:'Poppins';">Submit</button>
</div>
</form>
<b>Sign Up</b>
<div class="text-center">
<a href="{% url 'loginpage' %}"><button class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" style="font-family:'Poppins';">Go back to Login</button></a>
</div>
<div class="login-box centercont">
</div>
</div>
<div class="col-lg-6 d-flex align-items-center gradient-custom-2">
<div class="text-white px-3 py-4 p-md-5 mx-md-4"><img src="{% static 'images/voting.png' %}" style="width: 300px;">
<h5 class="mb-4" style="font-family:'Poppins';">Exercise your Right to Vote!</h5>
</div>
</div>
<form method="POST" action="{% url 'loginpage' %}">{% csrf_token %}
<div class="login-input-align">
<div class="form-group has-feedback">
<input type="text" name="username" id="username" placeholder="Enter Username">
</div>
<div class="form-group has-feedback">
<input type="password" name="password" id="password" placeholder="Enter Password">
<input type="password" name="password" id="password" placeholder="Renter Password">
</div>
</div>
<!-- <input type="submit"> -->
<div class="centercont column-direction">
<button type="submit" class="login-button login-borders button-login">Continue</button>
<button type="submit" class="login-button login-borders button-cancel" href="#">Cancel</button>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
</div>
{% endblock content %}
<script src="{% static 'css/bootstrap-4.1.3-dist/js/bootstrap.min.js' %}"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment