archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Added sent message to contact form

Browse source
This commit is contained in:
Jake Howard 2016-01-24 20:25:29 +00:00
parent 1d174bac2c
commit f47ee56b4a
3 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
project/pages/views.py
View file

@ -36,6 +36,11 @@ class AboutIndexView(CustomFormTemplate):
success_url = '/about/?sent' success_url = '/about/?sent'
form_class = ContactForm form_class = ContactForm
def get_context_data(self, **kwargs):
context = super().get_context_data(**kwargs)
context['sent'] = 'sent' not in self.request.GET
return context
def form_valid(self, form): def form_valid(self, form):
form.send_email() form.send_email()
return super().form_valid(form) return super().form_valid(form)

1
static/src/less/style.less
View file

@ -174,7 +174,6 @@ footer {
/* @end content base */ /* @end content base */
.panel { .panel {
.box-shadow(0px 4px 4px 3px rgba(0,0,0,0.6));
margin-bottom: 40px; margin-bottom: 40px;
} }

16
templates/about/index.html
View file

@ -46,14 +46,16 @@
</div> </div>
<div class="container"> <div class="container">
<h2>Contact Me</h2>
<p>Send me a message using the form below, please don't spam! Simply click the button below to see the form.</p>
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-push-1"> <div class="col-xs-12">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default"> <div class="panel {% if sent %}panel-default{% else %}panel-success{% endif %}">
<div class="panel-heading" role="tab" id="heading1"> <div class="panel-heading" role="tab" id="heading1">
<h4 class="panel-title" style="font-size: 21px;"> <h4 class="panel-title" style="font-size: 21px;">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
Contact Me<i class="icon ion-ios-arrow-down"></i> Contact Me {% if sent %}<i class="icon ion-ios-arrow-down"></i>{% else %}<i class="icon ion-android-done"></i>{% endif %}
</a> </a>
</h4> </h4>
</div> </div>
@ -61,9 +63,13 @@
<div class="panel-body"> <div class="panel-body">
<form role="form" method="post"> <form role="form" method="post">
{% csrf_token %} {% csrf_token %}
{{ form|bootstrap }} {{ form | bootstrap }}
<div class="form-group"> <div class="form-group">
<button type="submit" class="btn btn-primary">Send</button> {% if sent %}
<button type="submit" class="btn btn-primary">Send</button>
{% else %}
<button type="button" class="btn btn-success">Already Sent</button>
{% endif %}
</div> </div>
</form> </form>
</div> </div>