Login and dashboard files added

Marin-Tony · Apr 28, 2021 · a595d88 · a595d88
1 parent ad45b62
commit a595d88
Show file tree

Hide file tree

Showing 4 changed files with 519 additions and 0 deletions.
diff --git a/recognition/templates/recognition/Four_login.html b/recognition/templates/recognition/Four_login.html
@@ -0,0 +1,122 @@
+{% load static %}
+
+
+<!DOCTYPE html>
+<html>
+<head>
+
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+ <style>
+ body{
+ background: url('{% static "recognition/img/bg_image.png"%}') no-repeat center center fixed;
+ background-size: cover;
+
+ }
+
+ </style>
+
+
+
+</head>
+<body >
+
+<div class="col-lg-12" style="background: rgba(0,0,0,0.6);margin-top:3em;margin-bottom:5em;padding-top:1em;padding-bottom:3em;color:#fff;border-radius:10px;-webkit-box-shadow: 2px 2px 15px 0px rgba(0, 3, 0, 0.7);
+-moz-box-shadow: 2px 2px 15px 0px rgba(0, 3, 0, 0.7);
+box-shadow: 2px 2px 15px 0px rgba(0, 3, 0, 0.7);">
+ <div class="col-sm-12">
+
+ <h1 class="text-center section-title" style="margin-bottom:2em">Attendance System Using Face Recognition.</h1>
+ </div>
+ <style>
+ h4{
+ margin-bottom: 1.5em;
+ padding-top: 30px;
+
+ }
+ img{
+ border-radius:50%;
+ -webkit-transition: all 0.3s ease-in-out;
+ -moz-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out;
+ }
+ img:hover{
+ -webkit-box-shadow: 2px 2px 21px 0px rgba(0, 3, 0, 0.91);
+ -moz-box-shadow: 2px 2px 21px 0px rgba(0, 3, 0, 0.91);
+ box-shadow: 2px 2px 21px 0px rgba(0, 3, 0, 0.91);
+ border:2px solid #fff;
+ }
+ h3{
+ margin-bottom: 1.3em;
+ }
+ a{
+ color:inherit
+ }
+ a:hover{
+ color:inherit;
+ text-decoration: none;
+ }
+ /*
+ .section-title:after {
+ content:' ';display:block;margin:0 auto;width:100px;margin-top: 6px;border:2px solid #d0d0d0;border-radius:4px;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
+ -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
+ -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
+ margin-bottom:1em;
+ }
+ */
+
+ </style>
+
+ <div class="row">
+ <div class="col" style="padding-left: 80px">
+ <a href='{%url "staff_register" %}'><img src="{% static 'recognition/img/staff.jpg' %}" class="img-responsive" style="width:100px;height:200px"/></a>
+
+ </div>
+ <div class="col" style="padding-left: 50px">
+ <a href='{%url "teacheregister" %}'><img src="{% static 'recognition/img/teacher.jpg' %}" class="img-responsive" style="width:100px;height:200px"/></a>
+ </div>
+ <div class="col" style="padding-left: 70px">
+ <a href='{%url "login" %}'><img src="{% static 'recognition/img/login.png' %}" class="img-responsive" style="width:100px;height:200px"/></a>
+ </div>
+ <div class="col" style="padding-left: 2px">
+ <a href='{%url "parentstudentregister" %}'><img src="{% static 'recognition/img/student.jpg' %}" class="img-responsive" style="width:100px;height:200px"/></a>
+
+ </div>
+ </div>
+
+ <div class="row">
+
+
+ <div class="col md-4" style="padding-left: 0px" >
+ <h4 class="text-center ">Login staff</h4>
+ </div>
+ <div class="col md-4" style="padding-left: 70px">
+ <h4 class="text-center ">Login Teachers</h4>
+ </div>
+ <div class="col md-4" style="padding-left: 70px">
+ <h4 class="text-center ">Log In Admin </h4>
+ </div> 
+
+ <div class="col md-4" style="padding-left: 50px">
+ <h4 class="text-center ">Log In Parent/Student </h4>
+ </div>
+ </div>
+
+</div>
+
+
+ <!-- Optional JavaScript -->
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</body>
+</html>
diff --git a/recognition/templates/recognition/parentstudent_dashboard.html b/recognition/templates/recognition/parentstudent_dashboard.html
@@ -0,0 +1,134 @@
+{% load static %}
+
+
+<!DOCTYPE html>
+<html>
+<head>
+
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+
+
+</head>
+ <body>
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+
+
+ <nav class="navbar navbar-expand-lg navbar-light bg-light">
+ <a class="navbar-brand" href="{%url 'home' %}">Home</a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+
+ <li class="nav-item active">
+ <a class="nav-link" href="{% url 'view_marks' %}"><b>View Marks</b></a>
+ </li>
+ <li class="nav-item active">
+ <a class="nav-link" href="{%url 'view_notification' %}"><b>View Notification </b></a>
+ </li>
+ <li class="nav-item active">
+ <a class="nav-link" href="{%url 'view_attendance' %}"><b>View Attendance </b></a>
+ </li>
+ <li class="nav-item active">
+ <a class="nav-link" href="{%url 'view_remarks' %}"><b>View Remarks </b></a>
+ </li>
+
+ </ul>
+ </div>
+</nav>
+</div>
+<div class="row" style="background-color: #69265e; text-align : center;"> 
+ <div class="col-sm-12">
+ <a href="{% url 'logout' %}"><h5 class="text-right"><i class="fa fa-user-circle" aria-hidden="true"></i> Logout</h5></a>
+ <h1 class="text-center section-title" style="margin-bottom:2em">Welcome, {{user.username}}.</h1>
+ </div>
+</div>
+
+
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+ <div class="card-body">
+
+
+<h2> Today's Statistics </h2>
+ <div class="row" style="margin-left: 12em">
+<div class="card" style="width: 20em; background-color: #338044; text-align : center; margin-left: 5em; margin-top: 5em; color: white;">
+ <div class="card-body">
+ <h5 class="card-title"> <b>Total Number Of students</b></h5>
+
+ <p class="card-text" style="padding-top: 1em; font-size: 28px;"> <b>{{total_num_of_emp }}</b></p>
+
+ </div>
+</div>
+<div class="card" style="width: 20em; background-color: #796c85; text-align : center; margin-left: 5em; margin-top: 5em; color: white;">
+ <div class="card-body">
+ <h5 class="card-title"> <b> Employees present today</b></h5>
+
+ <p class="card-text" style="padding-top: 1em; font-size: 28px;"><b> {{emp_present_today }}</b></p>
+
+ </div>
+</div>
+
+</div>
+
+</div>
+</div>
+
+
+
+
+
+
+
+
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+ <div class="card-body">
+
+
+
+ <div class="row" >
+<div class="col-md-6">
+<h2> Last Week </h2>
+ <div class="card" style="width: 50em;">
+ <img class="card-img-top" src="{% static 'recognition/img/attendance_graphs/last_week/1.png'%}" alt="Card image cap">
+ <div class="card-body">
+ <p class="card-text" style="text-align: center;">Number of employees present each day</p>
+ </div>
+</div>
+
+
+
+
+
+</div>
+<div class="col-md-6">
+ <h2> This Week </h2>
+ <div class="card" style="width: 50em;">
+ <img class="card-img-top" src="{% static 'recognition/img/attendance_graphs/this_week/1.png'%}" alt="Card image cap">
+ <div class="card-body">
+ <p class="card-text" style="text-align: center;">Number of employees present each day</p>
+ </div>
+</div>
+
+
+</div>
+</div>
+</div>
+</div>
+
+
+
+ <!-- Optional JavaScript -->
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+ </body>
+ </html>
diff --git a/recognition/templates/recognition/staff_dashboard.html b/recognition/templates/recognition/staff_dashboard.html
@@ -0,0 +1,131 @@
+{% load static %}
+
+
+<!DOCTYPE html>
+<html>
+<head>
+
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+ <!-- Bootstrap CSS -->
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+
+
+</head>
+ <body>
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+
+
+ <nav class="navbar navbar-expand-lg navbar-light bg-light">
+ <a class="navbar-brand" href="{%url 'home' %}">Home</a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+
+ <li class="nav-item active">
+ <a class="nav-link" href="{%url 'coursedetails' %}"><b>Add College Course Details </b></a>
+ </li>
+ <li class="nav-item active">
+ <a class="nav-link" href="{% url 'facultydetails' %}"><b>Add Faculty Details</b></a>
+ </li>
+ <li class="nav-item active">
+ <a class="nav-link" href="{%url 'add_notification_staff' %}"><b>Add Notification </b></a>
+ </li>
+
+ </ul>
+ </div>
+</nav>
+</div>
+<div class="row" style="background-color: #69265e; text-align : center;"> 
+ <div class="col-sm-12">
+ <a href="{% url 'logout' %}"><h5 class="text-right"><i class="fa fa-user-circle" aria-hidden="true"></i> Logout</h5></a>
+ <h1 class="text-center section-title" style="margin-bottom:2em">Welcome, {{user.username}}.</h1>
+ </div>
+</div>
+
+
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+ <div class="card-body">
+
+
+<h2> Today's Statistics </h2>
+ <div class="row" style="margin-left: 12em">
+<div class="card" style="width: 20em; background-color: #338044; text-align : center; margin-left: 5em; margin-top: 5em; color: white;">
+ <div class="card-body">
+ <h5 class="card-title"> <b>Total Number Of students</b></h5>
+
+ <p class="card-text" style="padding-top: 1em; font-size: 28px;"> <b>{{total_num_of_emp }}</b></p>
+
+ </div>
+</div>
+<div class="card" style="width: 20em; background-color: #796c85; text-align : center; margin-left: 5em; margin-top: 5em; color: white;">
+ <div class="card-body">
+ <h5 class="card-title"> <b> Employees present today</b></h5>
+
+ <p class="card-text" style="padding-top: 1em; font-size: 28px;"><b> {{emp_present_today }}</b></p>
+
+ </div>
+</div>
+
+</div>
+
+</div>
+</div>
+
+
+
+
+
+
+
+
+ <div class="card" style="margin-top: 2em; margin-left: 2em; margin-right: 2em; margin-bottom: 2em;">
+ <div class="card-body">
+
+
+
+ <div class="row" >
+<div class="col-md-6">
+<h2> Last Week </h2>
+ <div class="card" style="width: 50em;">
+ <img class="card-img-top" src="{% static 'recognition/img/attendance_graphs/last_week/1.png'%}" alt="Card image cap">
+ <div class="card-body">
+ <p class="card-text" style="text-align: center;">Number of employees present each day</p>
+ </div>
+</div>
+
+
+
+
+
+</div>
+<div class="col-md-6">
+ <h2> This Week </h2>
+ <div class="card" style="width: 50em;">
+ <img class="card-img-top" src="{% static 'recognition/img/attendance_graphs/this_week/1.png'%}" alt="Card image cap">
+ <div class="card-body">
+ <p class="card-text" style="text-align: center;">Number of employees present each day</p>
+ </div>
+</div>
+
+
+</div>
+</div>
+</div>
+</div>
+
+
+
+ <!-- Optional JavaScript -->
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+ <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+
+ </body>
+ </html>