TTMK/web2.0-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Members style cleanup, starting to look good

Browse Source
This commit is contained in:
Jan Tuomi
2017-05-13 01:19:37 +03:00
parent 9a87ba56b5
commit 44e8ffb57d
10 changed files with 182 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
global_static/css/footer.css
+2 -8
View File
@@ -1,16 +1,10 @@
#footer-div {
height:10vh;
}
.footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background-color: #cfcfcf;
padding: 1rem;
max-height: 10vh;
font-size: 3vh;
margin-top: 2rem;
}
#fi-button {
members/static/css/members.css
+29 -9
View File
@@ -8,6 +8,14 @@ div {
input {
padding: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#wrapper {
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}
/* fixes for the sidebar layout */
@@ -23,6 +31,8 @@ input {
left: 0;
width: 100%;
padding-top: 0.5rem;
height: 100%;
position: relative;
}
.sidebar-nav li ul {
@@ -43,15 +53,10 @@ input {
margin-left: 20px;
}
.content-area {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 2rem;
}
.content-area-title {
text-align: left;
float: left;
#header h1 {
margin-bottom: 5rem;
margin-top: 2rem;
text-align: center;
}
.table-button {
@@ -64,6 +69,11 @@ input {
text-align: right;
}
.pagination li {
padding: 0.5rem;
margin: 0.5rem;
}
#filter-collapser {
float: right;
margin-left: 1rem;
@@ -114,4 +124,14 @@ input {
.inline-title {
display: inline;
}
.logout-container {
bottom: 1rem;
position: absolute;
width: 100%;
}
.logout-container input {
width: 80%;
}
members/templates/application_list.html
+4 -4
View File
@@ -4,10 +4,10 @@
{% block content %}
<div>
<h3>{% trans "Member applications" %}</h3>
<h3 class="inline-title">{% trans "Member applications" %}</h3>
</div>
<div>
{{ table|safe }}
</div>
<div>
{{ table|safe }}
</div>
{% endblock content %}
members/templates/member_list.html
+44 -41
View File
@@ -6,52 +6,55 @@
{% block content %}
<div>
<a id="filter-collapser" href="#collapse-filters" data-toggle="collapse" class="btn btn-info">
{% trans "Show filters" %}
</a>
<div>
<h3 class="inline-title">{% trans "Member register" %}</h3>
<a id="download-csv" class="btn btn-info">{% trans "Download CSV" %}</a>
</div>
{{ table|safe }}
<form action="/members/list" method="POST" id="collapse-filters" class="collapse filter-form">
<div class="filter-row">
<div class="filter-group">
<div class="filter-field">
<input class="form-control" type="text" id="search-filter" placeholder="{% trans "Search" %}" >
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Added after" %}</h5>
<input type="datetime-local" id="addedAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Added before" %}</h5>
<input type="datetime-local" class="filter-field" id="addedBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Paid after" %}</h5>
<input type="datetime-local" class="filter-field" id="paidAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Paid before" %}</h5>
<input type="datetime-local" class="filter-field" id="paidBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<input type="button" value="{% trans "Filter" %}" class="filter-button btn btn-success">
<input type="button" value="{% trans "Reset" %}" class="filter-button btn btn-warning">
</div>
<div class="filter-row">
<div class="filter-group">
<div class="filter-field">
<input class="form-control" type="text" id="search-filter" placeholder="{% trans "Search" %}" >
</div>
</div>
</form>
<div class="row content-area">
<div class="form-inline col-md-12 last-filter">
<div class="content-area-title form-group">
<h3 class="inline-title">{% trans "Member register" %}</h3>
<input type="button" value="{% trans "Download CSV" %}" id="download-csv" class="btn btn-info" ng-click="loadCSV()"/>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Added after" %}</h5>
<input type="datetime-local" id="addedAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Added before" %}</h5>
<input type="datetime-local" class="filter-field" id="addedBeforeDatePicker">
</div>
</div>
{{ table|safe }}
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Paid after" %}</h5>
<input type="datetime-local" class="filter-field" id="paidAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Paid before" %}</h5>
<input type="datetime-local" class="filter-field" id="paidBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<input type="button" value="{% trans "Filter" %}" class="filter-button btn btn-success">
<input type="button" value="{% trans "Reset" %}" class="filter-button btn btn-warning">
</div>
</div>
</div>
</form>
<div>
<a id="filter-collapser" href="#collapse-filters" data-toggle="collapse" class="btn btn-info">
{% trans "Show filters" %}
</a>
</div>
</div>
{% endblock content %}
members/templates/members_base.html
+23 -17
View File
@@ -47,40 +47,46 @@
<li>
<span class="text-primary">{% trans "Payments" %}</span>
<ul>
<a href="/members/payments">{% trans "List payments" %}</a></li>
<a href="/members/payment_add">{% trans "Add payment" %}</a></li>
<li><a href="/members/payments">{% trans "List payments" %}</a></li>
<li><a href="/members/payment_add">{% trans "Add payment" %}</a></li>
</ul>
</li>
<li>
<span class="text-primary">{% trans "Applications" %}</span>
<ul>
<a href="/members/applications">{% trans "List applications" %}</a></li>
<a href="/members/application">{% trans "Application form" %}</a></li>
<li><a href="/members/applications">{% trans "List applications" %}</a></li>
<li><a href="/members/application">{% trans "Application form" %}</a></li>
</ul>
</li>
<li class="logout-container">
<ul>
<li><a href="/members/settings">{% trans "Settings" %}</a></li>
</ul>
<form action="/logout" method="post"> {% csrf_token %}
<input type="Submit" value="{% trans "Log out" %}" name="Logout" class="btn btn-danger"/>
</form>
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<div class="logout-button">
<form action="/logout" method="post"> {% csrf_token %}
<input type="Submit" value="{% trans "Log out" %}" name="Logout" class="btn btn-danger"/>
</form>
</div>
<!-- Page Content -->
<div class="col-xs-12 col-sm-12 col-lg-12">
<div id="header" class="row">
<div class="col-xs-11 col-sm-11 col-lg-11">
<h1 style="text-align:center; margin-top:10px; margin-bottom: 10px;">
{% trans "Member register of SIK ry" %}
</h1>
</div>
<div class="page-content-container">
<!-- Page Content -->
<div id="header">
<h1>
{% trans "Member register of SIK ry" %}
</h1>
</div>
{% block content %}
{% endblock content %}
</div>
{% include "footer.html" %}
</div>
</body>
members/templates/payment_list.html
+46 -46
View File
@@ -4,53 +4,53 @@
{% load i18n %}
{% block content %}
<div>
<a id="filter-collapser" href="#collapse-filters" data-toggle="collapse" class="btn btn-info">
{% trans "Show filters" %}
</a>
<form action="/members/list" method="POST" id="collapse-filters" class="collapse filter-form">
<div class="filter-row">
<div class="filter-group">
<div class="filter-field">
<input class="form-control" type="text" id="search-filter" placeholder="{% trans "Search" %}" >
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Added after" %}</h5>
<input type="datetime-local" id="addedAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Added before" %}</h5>
<input type="datetime-local" class="filter-field" id="addedBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Paid after" %}</h5>
<input type="datetime-local" class="filter-field" id="paidAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Paid before" %}</h5>
<input type="datetime-local" class="filter-field" id="paidBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<input type="button" value="{% trans "Filter" %}" class="filter-button btn btn-success">
<input type="button" value="{% trans "Reset" %}" class="filter-button btn btn-warning">
</div>
</div>
</div>
</form>
<div class="row content-area">
<div class="form-inline col-md-12 last-filter">
<div class="content-area-title form-group">
<h3 class="inline-title">{% trans "Member register" %}</h3>
<input type="button" value="{% trans "Download CSV" %}" id="download-csv" class="btn btn-info" ng-click="loadCSV()"/>
</div>
</div>
<div>
<h3 class="inline-title">{% trans "Payment events" %}</h3>
<a id="download-csv" class="btn btn-info">{% trans "Download CSV" %}</a>
</div>
{{ table|safe }}
{{ table|safe }}
<form action="/members/list" method="POST" id="collapse-filters" class="collapse filter-form">
<div class="filter-row">
<div class="filter-group">
<div class="filter-field">
<input class="form-control" type="text" id="search-filter" placeholder="{% trans "Search" %}" >
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Added after" %}</h5>
<input type="datetime-local" id="addedAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Added before" %}</h5>
<input type="datetime-local" class="filter-field" id="addedBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<h5>{% trans "Paid after" %}</h5>
<input type="datetime-local" class="filter-field" id="paidAfterDatePicker">
</div>
<div class="filter-field">
<h5>{% trans "Paid before" %}</h5>
<input type="datetime-local" class="filter-field" id="paidBeforeDatePicker">
</div>
</div>
<div class="filter-group">
<div class="filter-field">
<input type="button" value="{% trans "Filter" %}" class="filter-button btn btn-success">
<input type="button" value="{% trans "Reset" %}" class="filter-button btn btn-warning">
</div>
</div>
</div>
</form>
<div>
<a id="filter-collapser" href="#collapse-filters" data-toggle="collapse" class="btn btn-info">
{% trans "Show filters" %}
</a>
</div>
</div>
{% endblock content %}
members/templates/settings.html
+24
View File
@@ -0,0 +1,24 @@
{% extends "members_base.html" %}
{% load static %}
{% load i18n %}
{% block content %}
<div>
<div>
<h3>{% trans "Settings" %}</h3>
</div>
<div>
<form action="/i18n/setlang/" method="post" class="form-group"> {% csrf_token %}
<h4>{% trans "Language" %}</h4>
<select name="language" class="form-control">
<option value="fi">{% trans "Finnish" %}</option>
<option value="en">{% trans "English" %}</option>
</select>
<input type="submit" class="btn btn-success">
</form>
</div>
</div>
{% endblock content %}
members/urls.py
+4 -1
View File
@@ -2,7 +2,7 @@ from django.conf.urls import url
from django.views.generic.base import RedirectView
# members
from members.views import member_list, payment_add, payment_submit
from members.views import member_list, payment_add, payment_submit, settings_page
from members.views import member_add
from members.views import member_add_many
from members.views import member_edit
@@ -62,6 +62,9 @@ urlpatterns = [
# add payment event
url(r'^payment_add', payment_add),
# settings page
url(r'^settings', settings_page),
# favourite icon
url(r'^favicon\.ico$', favicon_view),
]
members/views.py
+6
View File
@@ -257,6 +257,12 @@ def payment_submit(request, *args, **kwargs):
print(form.errors)
return HttpResponse('oh shit')
@ensure_csrf_cookie
@require_http_methods(["GET"])
@permission_required('members.change_member', login_url='/login')
def settings_page(request, *args, **kwargs):
return render(request, 'settings.html', {})
@ensure_csrf_cookie
@require_http_methods(["POST"])
@permission_required('members.change_member', login_url='/login')
templates/footer.html
-4
View File
@@ -3,10 +3,6 @@
{% load staticfiles %}
<link rel="stylesheet" href="{% static "css/footer.css" %}">
<div class="footer">
<form action="/i18n/setlang/" method="post"> {% csrf_token %}
<button id="fi-button" class="lang-button" name="language" value="fi"></button>
<button id="en-button" class="lang-button" name="language" value="en"></button>
</form>
<div>
{% trans "Copyright Aalto-yliopiston Sähköinsinöörikilta ry" %} {% now 'Y' %}
</div>