Skip to content

2
22_23-J-72
Commit a793d25b authored by IT19953748_D D P Kumara's avatar IT19953748_D D P Kumara
Browse files
Options

file

parent 6ba365e8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 867 additions and 0 deletions
website/templates/base.html 0 → 100644
View file @ a793d25b
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
height: 100%;
line-height: 1.8;
}
/* Full height image header */
.bgimg-1 {
background-position: center;
background-size: cover;
background-image: url("../static/2.jpg");
min-height: 100%;
}
.w3-bar .w3-button {
padding: 16px;
}
</style>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
crossorigin="anonymous"
/>
<title>{% block title %}Home{% endblock %}</title>
</head>
<body>
{% if user.is_authenticated %}
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-card" id="myNavbar">
<a href="#home" class="w3-bar-item w3-button w3-wide"><b><i>Fraud & Crime </i> </b></a>
<!-- Right-sided navbar links -->
<div class="w3-right w3-hide-small">
<a class="w3-bar-item w3-button" id="home" href="/">Home</a>
<a class="w3-bar-item w3-button" id="logout" href="/logout">Logout</a>
<a class="w3-bar-item w3-button" id="upload" href="/upload">Detection</a>
<a class="w3-bar-item w3-button" id="upload" href="/ticket">Ticket system</a>
<a class="w3-bar-item w3-button" id="upload" href="/static_dasbord">Static Dashbord</a>
<a class="w3-bar-item w3-button" id="upload" href="/upload_image">Upload Images</a>
<a href="#about" class="w3-bar-item w3-button">ABOUT</a>
<a href="#team" class="w3-bar-item w3-button"><i class="fa fa-user"></i> TEAM</a>
<a href="#work" class="w3-bar-item w3-button"><i class="fa fa-th"></i> WORK</a>
<a href="#contact" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i> CONTACT</a>
<!-- Hide right-floated links on small screens and replace them with a menu icon -->
{% else %}
<a class="w3-bar-item w3-button" id="login" href="/login">Login</a>
<a class="w3-bar-item w3-button" id="signUp" href="/sign-up">Sign Up</a>
{% endif %}
</div>
</div>
</div>
{% with messages = get_flashed_messages(with_categories=true) %} {% if
messages %} {% for category, message in messages %} {% if category ==
'error' %}
<div class="alert alert-danger alter-dismissable fade show" role="alert">
{{ message }}
<button type="button" class="close" data-dismiss="alert">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% else %}
<div class="alert alert-success alter-dismissable fade show" role="alert">
{{ message }}
<button type="button" class="close" data-dismiss="alert">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endif %} {% endfor %} {% endif %} {% endwith %}
<div class="container">{% block content %} {% endblock %}</div>
<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>
{% block javascript %}
<script type="text/javascript">
function deleteNote(noteId) {
fetch("/delete-note", {
method: "POST",
body: JSON.stringify({ noteId: noteId }),
}).then((_res) => {
window.location.href = "/";
});
}
</script>
{% endblock %}
</body>
</html>
\ No newline at end of file
website/templates/home.html 0 → 100644
View file @ a793d25b
This diff is collapsed.
website/templates/index.html 0 → 100644
View file @ a793d25b
<!DOCTYPE html>
<html>
<head>
<title>Video Feed</title>
</head>
<body>
<h1>Video Feed</h1>
<img src="{{ url_for('video_feed_route') }}">
</body>
</html>
website/templates/login.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %} {% block title %}Login{% endblock %} {% block content
%}
<section class="vh-100">
<div class="container-fluid h-custom">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-md-9 col-lg-6 col-xl-5">
<img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-login-form/draw2.webp"
class="img-fluid" alt="Sample image">
</div>
<div class="col-md-8 col-lg-6 col-xl-4 offset-xl-1">
<form method="POST">
<div class="divider d-flex align-items-center my-4">
</div>
<!-- Email input -->
<div class="form-outline mb-4">
<input type="email" id="form3Example3" name="email" class="form-control form-control-lg"
placeholder="Enter a valid email address" />
<label class="form-label" for="form3Example3">Email address</label>
</div>
<!-- Password input -->
<div class="form-outline mb-3">
<input type="password" id="form3Example4" name="password" class="form-control form-control-lg"
placeholder="Enter password" />
<label class="form-label" for="form3Example4">Password</label>
</div>
<div class="d-flex justify-content-between align-items-center">
<!-- Checkbox -->
<div class="form-check mb-0">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3" />
<label class="form-check-label" for="form2Example3">
Remember me
</label>
</div>
<a href="#!" class="text-body">Forgot password?</a>
</div>
<div class="text-center text-lg-start mt-4 pt-2">
<button type="submit" class="btn btn-primary btn-lg"
style="padding-left: 2.5rem; padding-right: 2.5rem;">Login</button>
<p class="small fw-bold mt-2 pt-1 mb-0">Don't have an account? <a href="#!"
class="link-danger">Register</a></p>
</div>
</form>
</div>
</div>
</div>
<div
class="d-flex flex-column flex-md-row text-center text-md-start justify-content-between py-4 px-4 px-xl-5 bg-primary">
<!-- Copyright -->
<div class="text-white mb-3 mb-md-0">
Frud & crime investigation
</div>
<!-- Copyright -->
<!-- Right -->
<div>
<a href="#!" class="text-white me-4">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#!" class="text-white me-4">
<i class="fab fa-twitter"></i>
</a>
<a href="#!" class="text-white me-4">
<i class="fab fa-google"></i>
</a>
<a href="#!" class="text-white">
<i class="fab fa-linkedin-in"></i>
</a>
</div>
<!-- Right -->
</div>
</section>
</form>
{% endblock %}
\ No newline at end of file
website/templates/sign_up.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %} {% block title %}Sign Up{% endblock %} {% block
content %}
<form method="POST">
<h3 align="center">Sign Up</h3>
<div class="form-group">
<label for="email">Email Address</label>
<input
type="email"
class="form-control"
id="email"
name="email"
placeholder="Enter email"
/>
</div>
<div class="form-group">
<label for="firstName">First Name</label>
<input
type="text"
class="form-control"
id="firstName"
name="firstName"
placeholder="Enter first name"
/>
</div>
<div class="form-group">
<label for="password1">Password</label>
<input
type="password"
class="form-control"
id="password1"
name="password1"
placeholder="Enter password"
/>
</div>
<div class="form-group">
<label for="password2">Password (Confirm)</label>
<input
type="password"
class="form-control"
id="password2"
name="password2"
placeholder="Confirm password"
/>
</div>
<br />
<button type="submit" class="btn btn-primary">Submit</button>
</form>
{% endblock %}
\ No newline at end of file
website/templates/static_dasbord.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %} {% block title %}Static Dashbord{% endblock %} {% block content
%}
<div>
<br>
<br>
<br>
<iframe src="http://localhost:8501/" name="iframe_a" style="border-style: none;" frameborder="0" border="0" cellspacing="0" height="800px" width="100%" title="Iframe Example"></iframe>
</div>
</body>
{% endblock %}
\ No newline at end of file
website/templates/ticket.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %} {% block title %}Login{% endblock %} {% block content
%}
<div>
<br>
<br>
<br>
<iframe src="http://localhost:3000/" name="iframe_a" style="border-style: none;" frameborder="0" border="0" cellspacing="0" height="700px" width="100%" title="Iframe Example"></iframe>
</div>
</body>
{% endblock %}
\ No newline at end of file
website/templates/upload.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %} {% block title %}Person detection{% endblock %} {% block content
%}
<html>
<head>
<title>Real-time Face Detection</title>
<style>
#video-container {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<h1>Real-time Face Detection</h1>
<div id="video-container">
<img id="video-feed" src="{{ url_for('auth.video') }}" width="640" height="480">
</div>
<h2 id="person-name">Detected Person: {{ real_time_detect_name }}</h2>
<div id="detection-list">
<h3>Detection List:</h3>
<ul id="person-list"></ul>
</div>
<script>
const personNameElement = document.getElementById("person-name");
const personListElement = document.getElementById("person-list");
function updatePersonName() {
fetch("/person_name")
.then((response) => response.text())
.then((data) => {
personNameElement.textContent = "Detected Person: " + data;
});
}
function updateDetectionList() {
fetch("/detection_list")
.then((response) => response.json())
.then((data) => {
personListElement.innerHTML = "";
data.forEach((entry) => {
const listItem = document.createElement("li");
listItem.textContent = `${entry.person_name} - ${entry.time}`;
personListElement.appendChild(listItem);
});
});
}
setInterval(updatePersonName, 1000);
setInterval(updateDetectionList, 5000);
</script>
</body>
</html>
{% endblock %}
\ No newline at end of file
website/templates/upload_image.html 0 → 100644
View file @ a793d25b
{% extends "base.html" %}{% block title %}UPLOAD{% endblock %}{% block content %}
<br>
<br>
<style>
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
.container {
height: 100vh;
width: 100%;
align-items: center;
display: flex;
justify-content: center;
background-color: #fcfcfc;
}
.card {
border-radius: 10px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
width: 600px;
height: 260px;
background-color: #ffffff;
padding: 10px 30px 40px;
}
.card h3 {
font-size: 22px;
font-weight: 600;
}
.drop_box {
margin: 10px 0;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 3px dotted #a3a3a3;
border-radius: 5px;
}
.drop_box h4 {
font-size: 16px;
font-weight: 400;
color: #2e2e2e;
}
.drop_box p {
margin-top: 10px;
margin-bottom: 20px;
font-size: 12px;
color: #a3a3a3;
}
.btn {
text-decoration: none;
background-color: #005af0;
color: #ffffff;
padding: 10px 20px;
border: none;
outline: none;
transition: 0.3s;
}
.btn:hover{
text-decoration: none;
background-color: #ffffff;
color: #005af0;
padding: 10px 20px;
border: none;
outline: 1px solid #010101;
}
.form input {
margin: 10px 0;
width: 100%;
background-color: #e2e2e2;
border: none;
outline: none;
padding: 12px 20px;
border-radius: 4px;
}
.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
.gallery img {
width: 100%;
height: auto;
}
</style>
<br>
<div class="container">
<div class="card">
<header>
<h4>crime persone photos uplode here! </h4>
</header>
<h1>Upload Image</h1>
<form action="{{ url_for('auth.upload_images') }}" method="POST" enctype="multipart/form-data">
<input type="file" name="image" accept="image/*" required>
<input type="submit" value="Upload">
</form>
{% endblock %}
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