HTML files

Marin-Tony · Apr 11, 2021 · f08186d · f08186d
1 parent ea6e112
commit f08186d
Show file tree

Hide file tree

Showing 11 changed files with 1,201 additions and 0 deletions.
diff --git a/recognition/templates/recognition/add_photos.html b/recognition/templates/recognition/add_photos.html
@@ -0,0 +1,70 @@
+{% load static %}
+{% load crispy_forms_tags %}
+
+<!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);max-height: 20px ; 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); margin-left:auto; margin-right: auto; ">
+
+ <a href="{% url 'dashboard' %}"><h5 class="text-left"> Back</h5></a>
+</div>
+
+ <div class="col-lg-4" style="background: rgba(0,0,0,0.6);margin-top:150px ; 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); margin-left:auto; margin-right: auto; ">
+
+
+ <form method="POST" >
+ {% csrf_token %}
+ <fieldset class="form-group">
+ <legend class="border-bottom mb-4"> Enter Username </legend>
+ {{form| crispy}}
+ </fieldset>
+
+ <div class="form-group">
+ <button class="btn btn-outline-info" type="submit"> Submit</button>
+ </div>
+ </form>
+</div>
+<div class="col-lg-12" style="padding-top: 100px;">
+ {% if messages %}
+ {% for message in messages%}
+ <div class="alert alert-{{message.tags}}" > {{message}}
+ </div>
+ {%endfor %}
+
+ {%endif%}
+ </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/admin_dashboard.html b/recognition/templates/recognition/admin_dashboard.html
@@ -0,0 +1,159 @@
+{% 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>
+
+<script type='text/javascript'
+src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'>
+$(document).ready(function(){
+ $("#train").click(function(){
+ alert("Training begun. This may take upto 5 minutes. Please wait.");
+ });
+});
+</script>
+
+</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">
+ <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,admin.</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;
+ }
+ */
+ .att{
+ padding-right: 150px;
+ }
+ .lgn{
+ padding-right: 80px;
+ }
+ </style>
+
+
+
+
+
+ <div class="row">
+
+
+
+ <div class="col-md-3">
+ <a href="{%url 'register' %}"><img src="{% static 'recognition/img/register.png' %}" class="img-responsive" style="width:300px;height:300px ;" /></a>
+
+ </div>
+ <div class="col-md-3">
+ <a href="{%url 'add-photos'%}"><img src="{% static 'recognition/img/addphotos.png' %}" class="img-responsive" style="width:300px;height:300px ;" /></a>
+
+ </div>
+ <div class="col-md-3">
+ <a href="{%url 'train' %}" id="train" ><img src="{% static 'recognition/img/train.jpeg' %}" class="img-responsive" style="width:300px;height:300px ;" /></a>
+
+ </div>
+ <div class="col-md-3">
+ <a href="{%url 'view-attendance-home' %}"><img src="{% static 'recognition/img/reports.png' %}" class="img-responsive" style="width:300px;height:300px"/></a>
+
+ </div>
+
+
+
+
+
+ </div>
+ <div class="row">
+
+
+
+ <div class="col md-3">
+ <h4 class="text-center att">Register New Student</h4>
+ </div>
+ <div class="col md-3">
+ <h4 class="text-center att">Add Photos</h4>
+ </div>
+ <div class="col md-3">
+ <h4 class="text-center att">Train</h4>
+ </div>
+ <div class="col md-3">
+ <h4 class="text-center lgn">View Attendance Reports </h4>
+ </div>
+
+
+
+</div>
+
+ {% if messages %}
+ {% for message in messages%}
+ <div class="alert alert-{{message.tags}}" > {{message}}
+ </div>
+ {%endfor %}
+
+ {%endif%}
+
+
+</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/employee_dashboard.html b/recognition/templates/recognition/employee_dashboard.html
@@ -0,0 +1,132 @@
+{% 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">
+ <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>
+ <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-md-12" style="padding-left: 900px; margin-left: auto; margin-right: auto;">
+ <a href="{%url 'view-my-attendance-employee-login' %}"><img src="{% static 'recognition/img/reports.png' %}" class="img-responsive" style="width:300px;height:300px"/></a>
+
+ </div>
+
+
+
+
+
+ </div>
+ <div class="row">
+
+
+
+ <div class="col md-6" style="padding-left: 945px;">
+ <h4 >View My Attendance</h4>
+ </div>
+
+
+
+</div>
+
+ {% if messages %}
+ {% for message in messages%}
+ <div class="alert alert-{{message.tags}}" > {{message}}
+ </div>
+ {%endfor %}
+
+ {%endif%}
+
+
+</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>