Skip to content

added contact form fully functional added base.html to increase code reusability and fixed remove new line function #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added contact form fully functional added base.html to increase code reusability and fixed remove new line function #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added Contact/__init__.py
View file
Open in desktop
Empty file.
4 changes: 4 additions & 0 deletions Contact/admin.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
from django.contrib import admin
from Contact.models import Contact
# Register your models here.
admin.site.register(Contact)
5 changes: 5 additions & 0 deletions Contact/apps.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
from django.apps import AppConfig


class ContactConfig(AppConfig):
name = 'Contact'
24 changes: 24 additions & 0 deletions Contact/migrations/0001_initial.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Generated by Django 3.1.2 on 2020-11-12 13:10

from django.db import migrations, models


class Migration(migrations.Migration):

initial = True

dependencies = [
]

operations = [
migrations.CreateModel(
name='Contact',
fields=[
('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
('name', models.CharField(max_length=30)),
('email', models.CharField(max_length=50)),
('desc', models.CharField(max_length=300)),
('date', models.TimeField(auto_now=True)),
],
),
]
Empty file added Contact/migrations/__init__.py
View file
Open in desktop
Empty file.
13 changes: 13 additions & 0 deletions Contact/models.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
from django.db import models

# Create your models here.
class Contact(models.Model):
name=models.CharField(max_length=30)
email=models.CharField(max_length=50)
desc=models.CharField(max_length=300)
date=models.TimeField()

def __str__(self):
return self.name


3 changes: 3 additions & 0 deletions Contact/tests.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
from django.test import TestCase

# Create your tests here.
7 changes: 7 additions & 0 deletions Contact/urls.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
path('', views.contact, name='contact'),
]
18 changes: 18 additions & 0 deletions Contact/views.py
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
from django.shortcuts import render
from Contact.models import Contact
from datetime import datetime

# Create your views here.
def contact(request):
if(request.method== "POST"):
name=request.POST.get("name")
mail=request.POST.get("email")
reason=request.POST.get("reason")
contact=Contact(name=name,email=mail,desc=reason,date=datetime.now())
contact.save()
alert={"alert":'''Your Request has been Submited'''}
return render(request, 'contact.html',alert)
else:
return render(request, 'contact.html')


Binary file modified db.sqlite3
View file
Open in desktop
Binary file not shown.
29 changes: 29 additions & 0 deletions templates/Contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{% extends 'base.html' %}

{%block title%}Contact Us{%endblock title%}

<!-- Body -->
{%block body %}
<div class="container">
<h1 class="text">Contact Us</h1>
<form method="post" action="/contact">
{%csrf_token%}
<div class="form-group">
<label for="exampleFormControlInput1">Name</label>
<input name="name" type="text" class="form-control" id="exampleFormControlInput1" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input name="email" type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Ellobrate Your Concern</label>
<textarea name="reason" class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<div class="form-group">
<input class="btn btn-primary text-center" type="submit">
</div>
{{alert}}
</form>
</div>
{%endblock body%}
11 changes: 11 additions & 0 deletions templates/Error.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{% extends 'base.html' %}

{%block title%}Error{%endblock title%}

<!-- Body -->
{%block body %}
<div class="container">
<h1>{{error_msg}}</h1>
</div>
{%endblock body%}

72 changes: 8 additions & 64 deletions templates/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,68 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% extends 'base.html' %}

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
{%block title%}About Us{%endblock title%}

<title>Text Utils-Results </title>
<!-- Favicon-->
<link rel="shortcut icon" href="https://codewithharry.com/static/photo.png">
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
display: block;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">TextUtils.in</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>

</ul>
</div>
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</nav>
<!-- Body -->
{%block body %}
<div class="container">
<h1> THIS PAGE IS STILL IN DEVELOPEMENT STAGE </h1></div>


<footer class="footer">
<div class="container">
<span class="text-light">&#169 2019 Textutils.in </span>
</div>
</footer>
<h1>About Us</h1>
<p>The Page Is Currently Waiting For Harry To Write Something</p>
</div>
{%endblock body%}

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>
85 changes: 11 additions & 74 deletions templates/analyze.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,62 +1,10 @@
<!doctype html>
<html lang="en">
<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://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<title>Text Utils-Results </title>
<!-- Favicon-->
<link rel="shortcut icon" href="https://codewithharry.com/static/photo.png">
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
display: block;
}
#corner-btn{
position: absolute;
right: 0;
top: 15px;
padding: 4px;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">TextUtils.in</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>

</ul>
</div>
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</nav>
{% extends 'base.html' %}

<!--This is title-->
{%block title %}Text Utils - Analyzed Text{%endblock title%}

<!--Body Starts Here-->
{%block body %}
<div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>Success!</strong> Your text has been analyzed!
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
Expand All @@ -78,19 +26,11 @@ <h1>Your Analyzed Text - {{ purpose }}</h1>
</p>
</div>
</div>
<footer class="footer">
<div class="container">
<span class="text-light">&#169 2019 Textutils.in </span>
</div>
</footer>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

<script>
{%endblock body%}
<!-- script -->
{% block script%}
<script>
function copy() {
// copied from https://stackoverflow.com/questions/36639681/how-to-copy-text-from-a-div-to-clipboard
if (document.selection) {
Expand All @@ -105,10 +45,7 @@ <h1>Your Analyzed Text - {{ purpose }}</h1>
window.getSelection().addRange(range);
document.execCommand("copy");
alert('Text Copied')

}

}
</script>
</body>
</html>
</script>
{%endblock script%}
69 changes: 69 additions & 0 deletions templates/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!doctype html>
<html lang="en">
<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://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<title>{%block title %} {%endblock title%}</title>
<!-- Favicon-->
<link rel="shortcut icon" href="https://codewithharry.com/static/photo.png">
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: black;
color: white;
text-align: center;
display: block;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">TextUtils.in</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact">Contact Us</a>
</li>

</ul>
</div>
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</nav>

<!--Body will come here-->
{%block body %} {%endblock body%}

<footer class="footer">
<div class="container">
<span class="text-light">&#169 2020 Textutils.in </span>
</div>
</footer>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
{%block script %} {%endblock script%}
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>
Loading