Scribd
Upload
34 views

Notes Sharing Web App Coding

Uploaded by

Dinesh Kumar P
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
34 views

Notes Sharing Web App Coding

Uploaded by

Dinesh Kumar P
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 41

Notes sharing web app coding

HTML
1.ABOUT

{% include 'navbar.html' %}
{% load static %}

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="about-section">
<h1>About Us</h1>
<p>This is Simple Enotes APP Develop by SRINIDHI</p>
<p>This project anytime anywhere remember all queries of students Motivate
peoples to use.</p>
</div>
<br><br>
<h2 style="text-align:center">Our Team</h2>
<div class="row offset-3">
<div class="column">
<div class="card">
<img src="{% static 'images/t2.jpg' %}" alt="SRINIDHI" style="border-
radius: 50%;">
<div class="container">
<h2>SRINIDHI</h2>
<p class="title">CEO & Founder</p>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>

<div class="column">
<div class="card">
<img src="{% static 'images/avatar-5.png' %}" alt="JENNIE"
style="border-radius: 50%;">
<div class="container">
<h2>JENNIE</h2>
<p class="title">Software Developer</p>
<p>[email protected]</p>
<p><button class="button">Contact</button></p>
</div>
</div>
</div>
</div>
</body>
</html>

2.ADD NOTES

{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>Add Notes</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">Add Notes</li>
</ol>
</nav>
</div><!-- End Page Title -->

<section class="section profile">


<div class="row">

<div class="col-xl-12">

<div class="card">
<div class="card-body pt-3">
<!-- Bordered Tabs -->
<ul class="nav nav-tabs nav-tabs-bordered">

<li class="nav-item">
<button class="nav-link active" data-bs-
toggle="tab" data-bs-target="#profile-overview">
Add Notes
</button>
</li>

</ul>
<div class="tab-content pt-2">

<div class="tab-pane fade show active profile-


overview" id="profile-overview">
<form method="post">
{% csrf_token %}

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Title</label>
<div class="col-md-8 col-lg-9">
<input name="Title" type="text"
class="form-control" placeholder="Enter Title" required>
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Notes Description</label>
<div class="col-md-8 col-lg-9">
<textarea name="Content" class="form-
control" style="height: 100px" placeholder="Notes Description"
required></textarea>
</div>
</div>

<div class="text-center">
<button type="submit" class="btn btn-
primary">Submit</button>
</div>
</form><!-- End Profile Edit Form -->

</div>

</div>
</div>
</div>
</div>
</div>
</section>

{% if error == "no" %}
<script>
alert('New Notes Added Successfully.');
window.location=('{% url 'addNotes' %}');
</script>
{% endif %}

{% if error == "yes" %}
<script>
alert('Something went wrong, Try Again');
</script>
{% endif %}

{% endblock %}
3.CHANGE PASSWORD
{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>Change Password</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">Change Password</li>
</ol>
</nav>
</div><!-- End Page Title -->

<script>
function checkpassword(){
if(document.changepassword.newpassword.value!
=document.changepassword.confirmpassword.value){
alert('New Password and Confirm Password field does not Match');
document.changepassword.confirmpassword.focus();
return false;
}
return true;
}
</script>

{% if error == "no" %}
<script>
alert('Password updated successfully');
window.location=('{% url 'logout' %}');
</script>
{% endif %}
{% if error == "yes" %}
<script>
alert('Something went wrong , try again later');
</script>
{% endif %}

{% if error == "not" %}
<script>
alert('Your current password is wrong');
</script>
{% endif %}

<section class="section profile">


<div class="row">

<div class="col-xl-12">
<div class="card">
<div class="card-body pt-3">
<!-- Bordered Tabs -->
<ul class="nav nav-tabs nav-tabs-bordered">

<li class="nav-item">
<button class="nav-link active" data-bs-
toggle="tab" data-bs-target="#profile-overview">
Change Password
</button>
</li>

</ul>
<div class="tab-content pt-2">

<div class="tab-pane fade show active profile-


overview" id="profile-overview">
<form method="post" name="changepassword"
onsubmit="return checkpassword()">
{% csrf_token %}

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Current Password</label>
<div class="col-md-8 col-lg-9">
<input type="password"
name="oldpassword" class="form-control" placeholder="Current Password"
required>
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">New Password</label>
<div class="col-md-8 col-lg-9">
<input type="password"
name="newpassword" class="form-control" placeholder="New Password" required>
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Confirm Password</label>
<div class="col-md-8 col-lg-9">
<input type="password"
name="confirmpassword" class="form-control" placeholder="Confirm Password"
required>
</div>
</div>

<div class="text-center">
<button type="submit" class="btn btn-
primary">Submit</button>
</div>
</form><!-- End Profile Edit Form -->

</div>

</div>
</div>
</div>
</div>
</div>
</section>

{% endblock %}
4.DASHBOARD

{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>Dashboard</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">Dashboard</li>
</ol>
</nav>
</div><!-- End Page Title -->

<section class="section dashboard">


<div class="row">

<!-- Left side columns -->


<div class="col-lg-8">
<div class="row">

<!-- Sales Card -->


<div class="col-xxl-6 col-md-6">
<div class="card info-card sales-card">
<div class="card-body">
<h5 class="card-title">Total Notes</h5>
<div class="d-flex align-items-center">
<div class="card-icon rounded-circle d-flex align-items-
center justify-content-center">
<i class="bi bi-files"></i>
</div>
<div class="ps-3">
<h6>{{totalnotes}}</h6>

</div>
</div>
</div>

</div>
</div><!-- End Sales Card -->
</div>
</div>
</div>
</section>

{% endblock %}
5.EDITNOTES

{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>Update Notes</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">Update Notes</li>
</ol>
</nav>
</div><!-- End Page Title -->

<section class="section profile">


<div class="row">

<div class="col-xl-12">

<div class="card">
<div class="card-body pt-3">
<!-- Bordered Tabs -->
<ul class="nav nav-tabs nav-tabs-bordered">

<li class="nav-item">
<button class="nav-link active" data-bs-
toggle="tab" data-bs-target="#profile-overview">
Edit Notes
</button>
</li>

</ul>
<div class="tab-content pt-2">

<div class="tab-pane fade show active profile-


overview" id="profile-overview">
<form method="post">
{% csrf_token %}

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Title</label>
<div class="col-md-8 col-lg-9">
<input name="Title" type="text"
class="form-control" value="{{notes.Title}}">
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Notes Description</label>
<div class="col-md-8 col-lg-9">
<textarea name="Content" class="form-
control" style="height: 100px" required>{{notes.Content}}</textarea>
</div>
</div>

<div class="text-center">
<button type="submit" class="btn btn-
primary">Update</button>
</div>
</form><!-- End Profile Edit Form -->

</div>

</div>
</div>
</div>
</div>
</div>
</section>

{% if error == "no" %}
<script>
alert('Notes has been Updated.');
window.location=('{% url 'viewNotes' %}');
</script>
{% endif %}

{% if error == "yes" %}
<script>
alert('Something went wrong, Try Again');
</script>
{% endif %}

{% endblock %}
6.INDEX

{% include 'navbar.html' %}
{% load static %}
<style>
.image{
width :100%;
height : 655px;
background-image :url({% static 'images/enotesss.jpg' %});
background-repeat : no-repeat;
background-size: cover;
}
</style>
<div class="image">
<div class="transparentbox">
<p>Enotes Management System</p>
</div>
</div>

7.NAVBAR

{% load static %}
<!-- CSS cdn-->
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-
Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<!-- JS cdn-->
<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://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"

integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa
0b4Q"
crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"

integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PV
CmYl"
crossorigin="anonymous"></script>
<!-- font-awesome cdn-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0/css/all.min.css"
integrity="sha512-
9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6
qOPnzFeg=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>

<link rel="stylesheet" href="{% static 'css/style.css' %}">

<nav class="navbar navbar-expand-lg navbar-dark bg-custom">


<a class="navbar-brand" href="#"><i class="fa-solid fa-book-open-
cover"></i> Enotes</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">


<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="{% url 'index' %}"><i class="fa-
solid fa-house-user"></i> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/about"><i class="fa-solid fa-
address-card"></i> About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/register"><i class="fa-solid fa-
user-plus"></i> Registration</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/user_login"><i class="fa-solid fa-
right-to-bracket"></i> Login</a>
</li>
</ul>
</div>
</nav>
8.PROFILE
{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>Profile</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">Profile</li>
</ol>
</nav>
</div><!-- End Page Title -->

<section class="section profile">


<div class="row">
<div class="col-xl-4">

<div class="card">
<div class="card-body profile-card pt-4 d-flex flex-column
align-items-center">

<h2>{{user.first_name}} {{user.last_name}}</h2>
<h3>{{signup.About}}</h3>
<div class="social-links mt-2">
<a href="#" class="twitter"><i class="bi bi-
twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-
facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-
instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-
linkedin"></i></a>
</div>
</div>
</div>
</div>

<div class="col-xl-8">

<div class="card">
<div class="card-body pt-3">
<!-- Bordered Tabs -->
<ul class="nav nav-tabs nav-tabs-bordered">

<li class="nav-item">
<button class="nav-link active" data-bs-
toggle="tab" data-bs-target="#profile-overview">
Overview
</button>
</li>

<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab"
data-bs-target="#profile-edit">Edit Profile
</button>
</li>

</ul>
<div class="tab-content pt-2">

<div class="tab-pane fade show active profile-


overview" id="profile-overview">

<h5 class="card-title">Profile Details</h5>

<div class="row">
<div class="col-lg-3 col-md-4 label ">Full
Name</div>
<div class="col-lg-9 col-md-
8">{{user.first_name}} {{user.last_name}}</div>
</div>

<div class="row">
<div class="col-lg-3 col-md-4 label
">About</div>
<div class="col-lg-9 col-md-
8">{{signup.About}}</div>
</div>

<div class="row">
<div class="col-lg-3 col-md-4 label">Email
ID</div>
<div class="col-lg-9 col-md-
8">{{user.username}}</div>
</div>

<div class="row">
<div class="col-lg-3 col-md-4 label">Contact
Number</div>
<div class="col-lg-9 col-md-
8">{{signup.ContactNo}}</div>
</div>

<div class="row">
<div class="col-lg-3 col-md-4
label">Registration Date</div>
<div class="col-lg-9 col-md-
8">{{signup.RegDate}}</div>
</div>
</div>

<div class="tab-pane fade profile-edit pt-3"


id="profile-edit">

<!-- Profile Edit Form -->


<form method="post">
{% csrf_token %}

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">First Name</label>
<div class="col-md-8 col-lg-9">
<input name="firstName" type="text"
class="form-control" value="{{user.first_name}}">
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Last Name</label>
<div class="col-md-8 col-lg-9">
<input name="lastName" type="text"
class="form-control" value="{{user.last_name}}">
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">Phone</label>
<div class="col-md-8 col-lg-9">
<input name="ContactNo" type="text"
class="form-control" value="{{signup.ContactNo}}">
</div>
</div>

<div class="row mb-3">


<label class="col-md-4 col-lg-3 col-form-
label">About</label>
<div class="col-md-8 col-lg-9">
<input name="About" type="text"
class="form-control" value="{{signup.About}}">
</div>
</div>
<div class="row mb-3">
<label class="col-md-4 col-lg-3 col-form-
label">Email</label>
<div class="col-md-8 col-lg-9">
<input name="email" type="email"
class="form-control" value="{{user.username}}" readonly>
</div>
</div>

<div class="text-center">
<button type="submit" class="btn btn-
primary">Save Changes</button>
</div>
</form><!-- End Profile Edit Form -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>

{% if error == "no" %}
<script>
alert('Profile has been Updated.');
window.location=('{% url 'profile' %}');
</script>
{% endif %}

{% if error == "yes" %}
<script>
alert('Something went wrong, Try Again');
</script>
{% endif %}

{% endblock %}
9.REGISTER

{% load static %}
<html>
<head>
<title>Login Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="{% static 'css/login.css'
%}">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
">
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
</head>
<body>
<div class="container">
<div class="row px-3">
<div class="col-lg-10 col-xl-9 card flex-row mx-auto px-0">
<div class="img-left d-none d-md-flex"></div>

<div class="card-body">
<h4 class="title text-center mt-4">
Register Form
</h4>
<form class="form-box px-3" method="post">
{% csrf_token %}
<div class="form-input">
<span><i class="fa fa-user"></i></span>
<input type="text" name="firstName" placeholder="Enter
First Name" required>
</div>

<div class="form-input">
<span><i class="fa fa-user"></i></span>
<input type="text" name="lastName" placeholder="Enter
Last Name" required>
</div>

<div class="form-input">
<span><i class="fa fa-envelope-o"></i></span>
<input type="email" name="email" placeholder="Email
Address" required>
</div>

<div class="form-input">
<span><i class="fa fa-key"></i></span>
<input type="password" name="password"
placeholder="Password" required>
</div>

<div class="form-input">
<span><i class="fa fa-phone"></i></span>
<input type="text" name="ContactNo" placeholder="Enter
Contact No." maxlength="10" required>
</div>

<div class="form-input">
<span><i class="fa fa-address-card"></i></span>
<textarea name="About" placeholder="About...."
required></textarea>
</div>

<div class="mb-3">
<button type="submit" class="btn btn-block text-
uppercase">
Submit
</button>
</div>

<div class="row mb-3">


<a href="{% url 'index' %}" class="btn btn-block
btn-social btn-facebook">
Back to Home
</a>
</div>
</form>
</div>
</div>
</div>
</div>

{% if error == "no" %}
<script>
alert('Registration Successfully');
window.location=('{% url 'user_login' %}');
</script>
{% endif %}

{% if error == "yes" %}
<script>
alert('Something went wrong, Try Again');
</script>
{% endif %}

</body>
</html>
10.USER LOGIN

{% load static %}
<html>
<head>
<title>Login Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<link rel="stylesheet" type="text/css" href="{% static 'css/login.css'
%}">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css
">
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-
awesome.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
</head>
<body>
<div class="container">
<div class="row px-3">
<div class="col-lg-10 col-xl-9 card flex-row mx-auto px-0">
<div class="img-left d-none d-md-flex"></div>

<div class="card-body">
<h4 class="title text-center mt-4">
Login
</h4>
<form class="form-box px-3" method="post">
{% csrf_token %}
<div class="form-input">
<span><i class="fa fa-envelope-o"></i></span>
<input type="email" name="email" placeholder="Email
Address" tabindex="10" required>
</div>
<div class="form-input">
<span><i class="fa fa-key"></i></span>
<input type="password" name="password"
placeholder="Password" required>
</div>

<div class="mb-3">
<button type="submit" class="btn btn-block text-
uppercase">
Login
</button>
</div>

<div class="text-center mb-3">

</div>

<div class="row mb-3">


<a href="{% url 'index' %}" class="btn btn-block
btn-social btn-facebook">
Back to Home
</a>
</div>

<hr class="my-4">

<div class="text-center mb-2">


Don't have an account?
<a href="{% url 'register' %}" class="register-link">
Register here
</a>
</div>
</form>
</div>
</div>
</div>
</div>

{% if error == "no" %}
<script>
alert('Logged In Successfully');
window.location=('{% url 'dashboard' %}');
</script>
{% endif %}

{% if error == "yes" %}
<script>
alert('Invalid Credential, Try Again');
</script>
{% endif %}

</body>
</html>
11.USER NAVBAR

{% load static %}
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Enotes Management System</title>


<meta content="" name="description">
<meta content="" name="keywords">

<!-- Favicons -->


<link href="{% static 'assets/img/favicon.png' %}" rel="icon">
<link href="{% static 'assets/img/apple-touch-icon.png' %}" rel="apple-
touch-icon">

<!-- Google Fonts -->


<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,600,600i,700,700i|
Nunito:300,300i,400,400i,600,600i,700,700i|
Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->


<link href="{% static 'assets/vendor/bootstrap/css/bootstrap.min.css' %}"
rel="stylesheet">
<link href="{% static 'assets/vendor/bootstrap-icons/bootstrap-icons.css'
%}" rel="stylesheet">
<link href="{% static 'assets/vendor/boxicons/css/boxicons.min.css' %}"
rel="stylesheet">
<link href="{% static 'assets/vendor/quill/quill.snow.css' %}"
rel="stylesheet">
<link href="{% static 'assets/vendor/quill/quill.bubble.css' %}"
rel="stylesheet">
<link href="{% static 'assets/vendor/remixicon/remixicon.css' %}"
rel="stylesheet">
<link href="{% static 'assets/vendor/simple-datatables/style.css' %}"
rel="stylesheet">

<!-- Template Main CSS File -->


<link href="{% static 'assets/css/style.css' %}" rel="stylesheet">

</head>

<body>

<!-- ======= Header ======= -->


<header id="header" class="header fixed-top d-flex align-items-center">

<div class="d-flex align-items-center justify-content-between">


<a href="index.html" class="logo d-flex align-items-center">
<img src="{% static 'images/enotes.jpg' %}" alt="">
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->

<nav class="header-nav ms-auto">


<ul class="d-flex align-items-center">

<li class="nav-item dropdown pe-3">


<a class="nav-link nav-profile d-flex align-items-center pe-0"
href="#" data-bs-toggle="dropdown">
<span class="d-none d-md-block dropdown-toggle ps-
2">{{request.user.first_name}} {{request.user.last_name}}</span>
</a><!-- End Profile Iamge Icon -->

<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow


profile">
<li class="dropdown-header">
<h6>{{request.user.first_name}} {{request.user.last_name}}</h6>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center"
href="/profile">
<i class="bi bi-person"></i>
<span>My Profile</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center"
href="/changePassword">
<i class="bi bi-gear"></i>
<span>Account Settings</span>
</a>
</li>
<li>
<hr class="dropdown-divider">
</li>

<li>
<hr class="dropdown-divider">
</li>

<li>
<a class="dropdown-item d-flex align-items-center"
href="/logout">
<i class="bi bi-box-arrow-right"></i>
<span>Sign Out</span>
</a>
</li>

</ul><!-- End Profile Dropdown Items -->


</li><!-- End Profile Nav -->

</ul>
</nav><!-- End Icons Navigation -->

</header><!-- End Header -->

<!-- ======= Sidebar ======= -->


<aside id="sidebar" class="sidebar">

<ul class="sidebar-nav" id="sidebar-nav">

<li class="nav-item">
<a class="nav-link" href="/dashboard">
<i class="bi bi-grid"></i>
<span>Dashboard</span>
</a>
</li><!-- End Dashboard Nav -->

<li class="nav-item">
<a class="nav-link collapsed" href="/profile">
<i class="bi bi-person"></i>
<span>Profile</span>
</a>
</li><!-- End Profile Page Nav -->

<li class="nav-item">
<a class="nav-link collapsed" href="/addNotes">
<i class="bi bi-question-circle"></i>
<span>Add Notes</span>
</a>
</li><!-- End F.A.Q Page Nav -->

<li class="nav-item">
<a class="nav-link collapsed" href="/viewNotes">
<i class="bi bi-envelope"></i>
<span>View Notes</span>
</a>
</li><!-- End Contact Page Nav -->

<li class="nav-item">
<a class="nav-link collapsed" href="/changePassword">
<i class="bi bi-card-list"></i>
<span>Change Password</span>
</a>
</li><!-- End Register Page Nav -->

<li class="nav-item">
<a class="nav-link collapsed" href="/logout">
<i class="bi bi-box-arrow-in-right"></i>
<span>Logout</span>
</a>
</li><!-- End Login Page Nav -->
</ul>

</aside><!-- End Sidebar-->

<main id="main" class="main">


<section class="section dashboard">
{% block main %}

{% endblock %}
</section>

</main><!-- End #main -->

<!-- ======= Footer ======= -->


<footer id="footer" class="footer">
<div class="copyright">
&copy; Copyright <strong><span>Enotes Management System</span></strong>.
</div>
</footer><!-- End Footer -->

<a href="#" class="back-to-top d-flex align-items-center justify-content-


center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->


<script src="{% static 'assets/vendor/apexcharts/apexcharts.min.js'
%}"></script>
<script src="{% static 'assets/vendor/bootstrap/js/bootstrap.bundle.min.js'
%}"></script>
<script src="{% static 'assets/vendor/chart.js/chart.min.js' %}"></script>
<script src="{% static 'assets/vendor/echarts/echarts.min.js' %}"></script>
<script src="{% static 'assets/vendor/quill/quill.min.js' %}"></script>
<script src="{% static 'assets/vendor/simple-datatables/simple-
datatables.js' %}"></script>
<script src="{% static 'assets/vendor/tinymce/tinymce.min.js' %}"></script>
<script src="{% static 'assets/vendor/php-email-form/validate.js'
%}"></script>

<!-- Template Main JS File -->


<script src="{% static 'assets/js/main.js' %}"></script>
</body>
</html>
12.VIEW NOTES

{% extends 'usernavbar.html' %}
{% block main %}

<div class="pagetitle">
<h1>View Notes</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/dashboard">Home</a></li>
<li class="breadcrumb-item active">View Notes</li>
</ol>
</nav>
</div>

<section class="section">
<div class="row">
<div class="col-lg-12">

<div class="card">
<div class="card-body">
<h5 class="card-title">View Notes</h5>

<!-- Table with stripped rows -->


<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Title</th>
<th scope="col">Upload Date</th>
<th scope="col">Action</th>
</tr>
</thead>

<tbody>
{% for i in notes %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{i.Title}}</td>
<td>{{i.CreationDate}}</td>
<td><a href="{% url 'editNotes' i.id %}" class="btn btn-
primary">Edit</a> |
<a href="{% url 'deleteNotes' i.id %}" class="btn btn-
danger" onclick="return confirm('Are your sure to Delete ?')">Delete</a></td>
</tr>
{% endfor %}
</tbody>
</table>

</div>
</div>

</div>
</div>
</section>

{% endblock %}

CSS
1.LOGIN

body{
height: 100vh;
background: #0062E6 !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.card{
overflow: hidden;
border: 0 !important;
border-radius: 20px !important;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.img-left{
width: 45%;
background: url('/static/images/log.jpg') center;
background-size: cover;
}

.card-body{
padding: 2rem;
}

.title{
margin-bottom: 2rem;
}

.form-input{
position: relative;
}

.form-input input{
width: 100%;
height: 45px;
padding-left: 40px;
margin-bottom: 20px;
box-sizing: border-box;
box-shadow: none;
border: 1px solid #00000020;
border-radius: 50px;
outline: none;
background: transparent;
}

.form-input span{
position: absolute;
top: 10px;
padding-left: 15px;
color: #007bff;
}

.form-input input::placeholder{
color: black;
padding-left: 0px;
}

.form-input input:focus, .form-input input:valid{


border: 2px solid #007bff;
}

.form-input input:focus::placeholder{
color: #454b69;
}

.form-input textarea{
width: 100%;
height: 45px;
padding-left: 40px;
margin-bottom: 20px;
box-sizing: border-box;
box-shadow: none;
border: 1px solid #00000020;
border-radius: 50px;
outline: none;
background: transparent;
}
.form-input textarea::placeholder{
color: black;
padding-left: 0px;
}

.form-input textarea:focus, .form-input textarea:valid{


border: 2px solid #007bff;
}

.form-input textarea:focus::placeholder{
color: #454b69;
}

.form-box button[type="submit"]{
margin-top: 10px;
border: none;
cursor: pointer;
border-radius: 50px;
background: #007bff;
color: #fff;
font-size: 90%;
font-weight: bold;
letter-spacing: .1rem;
transition: 0.5s;
padding: 12px;
}

.form-box button[type="submit"]:hover{
background: #0069d9;
}

.forget-link, .register-link{
color: #007bff;
font-weight: bold;
}

.forget-link:hover, .register-link:hover{
color: #0069d9;
text-decoration: none;
}

.form-box .btn-social{
color: white !important;
border: 0;
font-weight: bold;
}
.form-box .btn-facebook{
margin-top: 10px;
border: none;
cursor: pointer;
border-radius: 50px;
font-size: 90%;
font-weight: bold;
letter-spacing: .1rem;
transition: 0.5s;
padding: 12px;
background: #4866a8;
}

.form-box .btn-facebook:hover{
background: #3d578f;
}
2.STYLE

.bg-custom {
background-color: #1a5b7e;
}

.transparentbox{
width : 100%;
height : 655px;
background-color : lightgrey;
border : 1px solid #CD853F;
opacity : 0.6;
}

.transparentbox p{
margin-top : 15%;
font-weight : bold;
font-size : 60px;
font-family :'Monotype Corsiva';
color : DarkRed;
text-align : center;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

html {
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}

.column {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}

.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin: 8px;
}

.about-section {
padding: 50px;
text-align: center;
background-color: #474e5d;
color: white;
}

.container {
padding: 0 16px;
}

.container::after, .row::after {
content: "";
clear: both;
display: table;
}

.title {
color: grey;
}

.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}

@media screen and (max-width: 650px) {


.column {
width: 100%;
display: block;
}
}
3.STYLE1

body{
background: #edf1f5;
margin-top:20px;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 0 solid transparent;
border-radius: 0;
}
.card {
margin-bottom: 30px;
}
.card-body {
flex: 1 1 auto;
padding: 1.57rem;
}

.note-has-grid .nav-link {
padding: .5rem
}

.note-has-grid .single-note-item .card {


border-radius: 10px
}

.note-has-grid .single-note-item .favourite-note {


cursor: pointer
}

.note-has-grid .single-note-item .side-stick {


position: absolute;
width: 3px;
height: 35px;
left: 0;
background-color: rgba(82, 95, 127, .5)
}

.note-has-grid .single-note-item .category-dropdown.dropdown-toggle:after {


display: none
}

.note-has-grid .single-note-item .category [class*=category-] {


height: 15px;
width: 15px;
display: none
}

.note-has-grid .single-note-item .category [class*=category-]::after {


content: "\f0d7";
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
color: #fff;
position: absolute
}

.note-has-grid .single-note-item .category .category-business {


background-color: rgba(44, 208, 126, .5);
border: 2px solid #2cd07e
}

.note-has-grid .single-note-item .category .category-social {


background-color: rgba(44, 171, 227, .5);
border: 2px solid #2cabe3
}

.note-has-grid .single-note-item .category .category-important {


background-color: rgba(255, 80, 80, .5);
border: 2px solid #ff5050
}

.note-has-grid .single-note-item.all-category .point {


color: rgba(82, 95, 127, .5)
}

.note-has-grid .single-note-item.note-business .point {


color: rgba(44, 208, 126, .5)
}

.note-has-grid .single-note-item.note-business .side-stick {


background-color: rgba(44, 208, 126, .5)
}

.note-has-grid .single-note-item.note-business .category .category-business {


display: inline-block
}

.note-has-grid .single-note-item.note-favourite .favourite-note {


color: #ffc107
}

.note-has-grid .single-note-item.note-social .point {


color: rgba(44, 171, 227, .5)
}

.note-has-grid .single-note-item.note-social .side-stick {


background-color: rgba(44, 171, 227, .5)
}

.note-has-grid .single-note-item.note-social .category .category-social {


display: inline-block
}

.note-has-grid .single-note-item.note-important .point {


color: rgba(255, 80, 80, .5)
}

.note-has-grid .single-note-item.note-important .side-stick {


background-color: rgba(255, 80, 80, .5)
}

.note-has-grid .single-note-item.note-important .category .category-important


{
display: inline-block
}

.note-has-grid .single-note-item.all-category .more-options,


.note-has-grid .single-note-item.all-category.note-favourite .more-options {
display: block
}

.note-has-grid .single-note-item.all-category.note-business .more-options,


.note-has-grid .single-note-item.all-category.note-favourite.note-business
.more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-important
.more-options,
.note-has-grid .single-note-item.all-category.note-favourite.note-social
.more-options,
.note-has-grid .single-note-item.all-category.note-important .more-options,
.note-has-grid .single-note-item.all-category.note-social .more-options {
display: none
}

@media (max-width:767.98px) {
.note-has-grid .single-note-item {
max-width: 100%
}
}

@media (max-width:991.98px) {
.note-has-grid .single-note-item {
max-width: 216px
}
}

PYTHON DJANGO CODES


1.ADMIN

from django.contrib import admin


from .models import *
# Register your models here.

admin.site.register(Signup)
admin.site.register(Notes)
2.APPS

from django.apps import AppConfig

class EnotesConfig(AppConfig):
default_auto_field = 'django.db.models.BigAutoField'
name = 'enotes'

3.MODELS

from django.contrib.auth.models import User


from django.db import models

# Create your models here.

class Signup(models.Model):
user = models.ForeignKey(User, on_delete=models.CASCADE)
ContactNo = models.CharField(max_length=10, null=True)
About = models.CharField(max_length=450, null=True)
Role = models.CharField(max_length=150, null=True)
RegDate = models.DateTimeField(auto_now_add=True)
def __str__(self):
return self.user.first_name

class Notes(models.Model):
signup = models.ForeignKey(Signup, on_delete=models.CASCADE)
Title = models.CharField(max_length=200, null=True)
Content = models.CharField(max_length=450, null=True)
CreationDate = models.DateTimeField(auto_now_add=True)
UpdationDate = models.DateField(null=True)

def __str__(self):
return self.Title

4.TESTS

from django.test import TestCase

# Create your tests here.

5.VIEWS

from django.shortcuts import render, redirect


from .models import *
from django.contrib.auth import authenticate, logout, login

# Create your views here.

def index(request):
return render(request, 'index.html')

def about(request):
return render(request, 'about.html')

def register(request):
error = ""
if request.method == 'POST':
fn = request.POST['firstName']
ln = request.POST['lastName']
e = request.POST['email']
p = request.POST['password']
c = request.POST['ContactNo']
ab = request.POST['About']
role = "ROLE_USER"

try:
user = User.objects.create_user(username=e, password=p,
first_name=fn, last_name=ln)
Signup.objects.create(user=user, ContactNo=c, About=ab, Role=role)
error = "no"
except:
error = "yes"
return render(request, 'register.html', locals())

def user_login(request):
error = ""
if request.method == 'POST':
u = request.POST['email']
p = request.POST['password']
user = authenticate(username=u, password=p)
try:
if user:
login(request, user)
error = "no"
else:
error = "yes"
except:
error = "yes"
return render(request, 'user_login.html', locals())

def dashboard(request):
if not request.user.is_authenticated:
return redirect('user_login')
user = User.objects.get(id=request.user.id)
signup = Signup.objects.get(user=user)
totalnotes = Notes.objects.filter(signup=signup).count()
return render(request, 'dashboard.html', locals())

def profile(request):
if not request.user.is_authenticated:
return redirect('user_login')
user = User.objects.get(id=request.user.id)
signup = Signup.objects.get(user=user)

if request.method == "POST":

fname = request.POST['firstName']
lname = request.POST['lastName']
contactNo = request.POST['ContactNo']
about = request.POST['About']

signup.user.first_name = fname
signup.user.last_name = lname
signup.ContactNo = contactNo
signup.About = about

try:
signup.save()
signup.user.save()
error = "no"
except:
error = "yes"
return render(request, 'profile.html', locals())

def addNotes(request):
if not request.user.is_authenticated:
return redirect('user_login')
user = User.objects.get(id=request.user.id)
signup = Signup.objects.get(user=user)

error = ""
if request.method == "POST":
title = request.POST['Title']
content = request.POST['Content']

try:
Notes.objects.create(signup=signup, Title=title, Content=content)
error = "no"
except:
error = "yes"
return render(request, 'addNotes.html', locals())

def viewNotes(request):
if not request.user.is_authenticated:
return redirect('user_login')
user = User.objects.get(id=request.user.id)
signup = Signup.objects.get(user=user)
notes = Notes.objects.filter(signup=signup)
return render(request, 'viewNotes.html', locals())

def editNotes(request,pid):
if not request.user.is_authenticated:
return redirect('user_login')
notes = Notes.objects.get(id=pid)
if request.method == "POST":
title = request.POST['Title']
content = request.POST['Content']

notes.Title = title
notes.Content = content

try:
notes.save()
error = "no"
except:
error = "yes"
return render(request, 'editNotes.html', locals())

def deleteNotes(request,pid):
if not request.user.is_authenticated:
return redirect('user_login')
notes = Notes.objects.get(id=pid)
notes.delete()
return redirect('viewNotes')

def changePassword(request):
if not request.user.is_authenticated:
return redirect('user_login')
error = ""
user = request.user
if request.method == "POST":
o = request.POST['oldpassword']
n = request.POST['newpassword']
try:
u = User.objects.get(id=request.user.id)
if user.check_password(o):
u.set_password(n)
u.save()
error = "no"
else:
error = 'not'
except:
error = "yes"
return render(request, 'changePassword.html', locals())

def Logout(request):
logout(request)
return redirect('index')

6.ASGI

"""
ASGI config for Enotes_Management_System project.

It exposes the ASGI callable as a module-level variable named ``application``.

For more information on this file, see


https://docs.djangoproject.com/en/3.2/howto/deployment/asgi/
"""

import os
from django.core.asgi import get_asgi_application

os.environ.setdefault('DJANGO_SETTINGS_MODULE',
'Enotes_Management_System.settings')

application = get_asgi_application()

7.SETTINGS

"""
Django settings for Enotes_Management_System project.

Generated by 'django-admin startproject' using Django 3.2.12.

For more information on this file, see


https://docs.djangoproject.com/en/3.2/topics/settings/

For the full list of settings and their values, see


https://docs.djangoproject.com/en/3.2/ref/settings/
"""

from pathlib import Path

# Build paths inside the project like this: BASE_DIR / 'subdir'.


BASE_DIR = Path(__file__).resolve().parent.parent

# Quick-start development settings - unsuitable for production


# See https://docs.djangoproject.com/en/3.2/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!


SECRET_KEY = 'django-insecure-h=#p#1$e9vnd8_ke*nzr+=0(o7b49t2=3yf@tr#(f-7tyn
%u5-'

# SECURITY WARNING: don't run with debug turned on in production!


DEBUG = True

ALLOWED_HOSTS = []

# Application definition

INSTALLED_APPS = [
'enotes',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
]

MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'Enotes_Management_System.urls'

TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]

WSGI_APPLICATION = 'Enotes_Management_System.wsgi.application'

# Database
# https://docs.djangoproject.com/en/3.2/ref/settings/#databases

DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': BASE_DIR / 'db.sqlite3',
}
}

# Password validation
# https://docs.djangoproject.com/en/3.2/ref/settings/#auth-password-validators
AUTH_PASSWORD_VALIDATORS = [
{
'NAME':
'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
},
{
'NAME':
'django.contrib.auth.password_validation.MinimumLengthValidator',
},
{
'NAME':
'django.contrib.auth.password_validation.CommonPasswordValidator',
},
{
'NAME':
'django.contrib.auth.password_validation.NumericPasswordValidator',
},
]

# Internationalization
# https://docs.djangoproject.com/en/3.2/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True

# Static files (CSS, JavaScript, Images)


# https://docs.djangoproject.com/en/3.2/howto/static-files/

STATIC_URL = '/static/'

# Default primary key field type


# https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

8.URLS

"""Enotes_Management_System URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/3.2/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: path('', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.urls import include, path
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
"""
from django.contrib import admin
from django.urls import path
from enotes.views import *

urlpatterns = [
path('admin/', admin.site.urls),
path('', index, name='index'),
path('about', about, name='about'),
path('register', register, name='register'),
path('user_login', user_login, name='user_login'),
path('dashboard', dashboard, name='dashboard'),
path('profile', profile, name='profile'),
path('addNotes', addNotes, name='addNotes'),
path('viewNotes', viewNotes, name='viewNotes'),
path('editNotes/<int:pid>', editNotes, name='editNotes'),
path('deleteNotes/<int:pid>', deleteNotes, name='deleteNotes'),
path('changePassword', changePassword, name='changePassword'),
path('logout', Logout, name='logout'),
]

9.WSGI

"""
WSGI config for Enotes_Management_System project.

It exposes the WSGI callable as a module-level variable named ``application``.

For more information on this file, see


https://docs.djangoproject.com/en/3.2/howto/deployment/wsgi/
"""

import os

from django.core.wsgi import get_wsgi_application

os.environ.setdefault('DJANGO_SETTINGS_MODULE',
'Enotes_Management_System.settings')
application = get_wsgi_application()

10.MANAGE

#!/usr/bin/env python
"""Django's command-line utility for administrative tasks."""
import os
import sys

def main():
"""Run administrative tasks."""
os.environ.setdefault('DJANGO_SETTINGS_MODULE',
'Enotes_Management_System.settings')
try:
from django.core.management import execute_from_command_line
except ImportError as exc:
raise ImportError(
"Couldn't import Django. Are you sure it's installed and "
"available on your PYTHONPATH environment variable? Did you "
"forget to activate a virtual environment?"
) from exc
execute_from_command_line(sys.argv)

if __name__ == '__main__':
main()

You might also like