Website Module / Working login & logout
This commit is contained in:
Martin Bauer
212
website/templates/website/base.html
Normal file
212
website/templates/website/base.html
Normal file
@@ -0,0 +1,212 @@
|
||||
{% load sekizai_tags staticfiles %}
|
||||
|
||||
|
||||
|
||||
<!---------------------------------------------- CSS --------------------------------------------------->
|
||||
|
||||
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap.min.css" > {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap-responsive.min.css" > {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/bootstrap-overrides.css"> {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/theme.css" type="text/css"> {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %} <link rel="stylesheet" href="{{STATIC_URL}}/css/index.css" type="text/css" media="screen" /> {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %} <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>{% endaddtoblock %}
|
||||
|
||||
{% addtoblock "css" %}
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
{% endaddtoblock %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-------------------------------------------- JavaScript --------------------------------------------------->
|
||||
|
||||
{% addtoblock "js" strip %} <script src="http://code.jquery.com/jquery-latest.js"></script> {% endaddtoblock %}
|
||||
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/bootstrap.min.js"></script> {% endaddtoblock %}
|
||||
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/jquery.countdown.min.js"></script> {% endaddtoblock %}
|
||||
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/theme.js"></script> {% endaddtoblock %}
|
||||
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/index-slider.js" type="text/javascript" ></script>{% endaddtoblock %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Blechreiz</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{% render_block "css" %}
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
<body class="pull_top">
|
||||
|
||||
<!-- Menu -->
|
||||
<div id="menu" class="{% block navbar_options %}navbar transparent navbar-inverse navbar-fixed-top {% endblock %}">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html">
|
||||
<img alt="Blechreiz" src="{{STATIC_URL}}/img/blechreiz_logo.png">
|
||||
</a>
|
||||
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav pull-right">
|
||||
{% block menu_contents %}
|
||||
|
||||
<li><a href="index.html">HOME</a></li>
|
||||
<li><a href="about-us.html">ABOUT US</a></li>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% if user.is_authenticated %}
|
||||
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
{{user.username|capfirst}}
|
||||
<b class="caret"></b>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="/events">Termine</a></li>
|
||||
<li><a href="/logout">Logout</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Menu -->
|
||||
|
||||
|
||||
|
||||
{% block feature_slider %}
|
||||
<section id="feature_slider" class="">
|
||||
|
||||
<article class="slide" id="showcasing" style="background: url('{{STATIC_URL}}/img/backgrounds/silver.jpg') repeat-x top center;">
|
||||
<img class="asset left-30 sp600 t120 z1" src="{{STATIC_URL}}/img/slides/blechreiz01/gruppe.png" />
|
||||
<div class="info">
|
||||
<h2>Blechreiz</h2>
|
||||
<h3>12 Musiker für einen guten Zweck </h3>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/ticotico2.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/daempfer.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/andi.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/andi2.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/applaus.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/eindruck.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/publikum.jpg') repeat-x top center;">
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<article class="slide" id="tour" style="background: url('{{STATIC_URL}}/img/slides/blechreiz01/spielen2.jpg') repeat-x top center;">
|
||||
</article>
|
||||
|
||||
|
||||
<article class="slide" id="showcasing" style="background: url('{{STATIC_URL}}/img/backgrounds/black_red_01.jpg') repeat-x top center;">
|
||||
<img class="asset left-30 sp600 t120 z1" src="{{STATIC_URL}}/img/slides/blechreiz01/tuba.png" />
|
||||
<div class="info">
|
||||
<h2>Konzerte</h2>
|
||||
<a href="features.html">Nächste Termine</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
{% block content %} {% endblock %}
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- footer -->
|
||||
<footer id="footer">
|
||||
<div class="container">
|
||||
<div class="row credits">
|
||||
<div class="span12">
|
||||
<div class="row copyright">
|
||||
<div class="span12">
|
||||
© 2013 Blechreiz
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
{% render_block "js" %}
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
107
website/templates/website/login.html
Normal file
107
website/templates/website/login.html
Normal file
@@ -0,0 +1,107 @@
|
||||
{% extends "website/base.html" %}
|
||||
|
||||
|
||||
{% load sekizai_tags staticfiles %}
|
||||
|
||||
|
||||
|
||||
<!-- Static Navbar at top -->
|
||||
{% block navbar_options %} navbar navbar-inverse navbar-static-top {% endblock %}
|
||||
|
||||
|
||||
<!-- No Feature slider -->
|
||||
{% block feature_slider %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<!-- No Menu (yet) -->
|
||||
{% block menu_contents %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/lib/animate.css" type="text/css" media="screen, projection">{% endaddtoblock %}
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/sign-in.css" type="text/css" media="screen" /> {% endaddtoblock %}
|
||||
|
||||
|
||||
{% addtoblock "js" strip %} <script src="{{STATIC_URL}}/js/jquery.noty.js"></script> {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/jquery.noty.css" type="text/css" media="screen" /> {% endaddtoblock %}
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/noty_theme_default.css" type="text/css" media="screen" /> {% endaddtoblock %}
|
||||
|
||||
|
||||
<!-- Notifications -->
|
||||
{% addtoblock "js" %}
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
|
||||
//var text = "Falscher Benutzername oder falsches Passwort!"
|
||||
//var options = {"text": text,"layout":"top","type":"error" }
|
||||
//noty(options);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
$('#loginform').submit(function(e){
|
||||
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url:"",
|
||||
data:$('#loginform').serialize(),
|
||||
dataType: "json",
|
||||
success: function( data )
|
||||
{
|
||||
if ( data['err'] ) {
|
||||
noty ( { "text": data['err'],"layout":"top","type":"error" } )
|
||||
}
|
||||
if ( data['redirect']) {
|
||||
window.location = data['redirect'];
|
||||
}
|
||||
}
|
||||
});
|
||||
e.preventDefault();
|
||||
});
|
||||
} );
|
||||
</script>
|
||||
{% endaddtoblock %}
|
||||
|
||||
|
||||
<div id="sign_in">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="span12 header">
|
||||
<h4>Login zum internen Bereich</h4>
|
||||
<p>Hier dürfen nur Ensemble Mitglieder rein... </p>
|
||||
</div>
|
||||
|
||||
<div class="span12 footer" action="index.html" method="post">
|
||||
<form id="loginform">
|
||||
{% csrf_token %}
|
||||
<input name="username" type="text" placeholder="Benutzername">
|
||||
<input name="password" type="password" placeholder="Passwort">
|
||||
<input type="submit" placeholder="OK" value="einloggen">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="span12 proof">
|
||||
<div class="span6 remember">
|
||||
<label class="checkbox">
|
||||
<input id="remember" type="checkbox"> Eingeloggt bleiben
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="span3 dosnt">
|
||||
<a href="reset.html">Passwort vergessen?</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
95
website/templates/website/mainpage.html
Normal file
95
website/templates/website/mainpage.html
Normal file
@@ -0,0 +1,95 @@
|
||||
{% extends "website/base.html" %}
|
||||
|
||||
|
||||
{% load sekizai_tags staticfiles %}
|
||||
|
||||
|
||||
|
||||
|
||||
{% block content %}
|
||||
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/lib/animate.css" media="screen, projection">{% endaddtoblock %}
|
||||
{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/coming-soon.css" type="text/css" media="screen" />{% endaddtoblock %}
|
||||
|
||||
|
||||
{% addtoblock "js" %}
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
var currentDate = new Date(),
|
||||
finished = false,
|
||||
availiableExamples = {
|
||||
set35daysFromNow: 35 * 24 * 60 * 60 * 1000,
|
||||
set5minFromNow : 5 * 60 * 1000,
|
||||
set1minFromNow : 1 * 60 * 1000
|
||||
};
|
||||
|
||||
function callback(event) {
|
||||
$this = $(this);
|
||||
$this.find('span#'+event.type).html(event.value);
|
||||
switch(event.type) {
|
||||
case "seconds":
|
||||
case "minutes":
|
||||
case "hours":
|
||||
case "days":
|
||||
case "weeks":
|
||||
case "daysLeft":
|
||||
case "finished":
|
||||
}
|
||||
}
|
||||
|
||||
$('div#clock').countdown(availiableExamples.set35daysFromNow + currentDate.valueOf(), callback);
|
||||
});
|
||||
</script>
|
||||
{% endaddtoblock %}
|
||||
|
||||
|
||||
|
||||
<div id="coming_soon">
|
||||
<div class="head">
|
||||
<div class="container">
|
||||
<div class="span6 text">
|
||||
<h4>Unser nächstes Konzert</h4>
|
||||
<p>
|
||||
Ist in Rohr um 19:00 in der Was WeissIch Kirche <span>Bis dann</span>
|
||||
<br />
|
||||
Dorfplatz 5, Rohr
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6 count" id="clock">
|
||||
<div class="box last">
|
||||
<div class="circle">
|
||||
<span id="seconds"></span>
|
||||
</div>
|
||||
<p>Sekunden</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="circle">
|
||||
<span id="minutes"></span>
|
||||
</div>
|
||||
<p>Minuten</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="circle">
|
||||
<span id="hours"></span>
|
||||
</div>
|
||||
<p>Stunden</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="circle">
|
||||
<span id="days"></span>
|
||||
</div>
|
||||
<p>Tage</p>
|
||||
</div>
|
||||
<!-- <div class="box">
|
||||
<div class="circle">
|
||||
<span id="weeks"></span>
|
||||
</div>
|
||||
<p>Weeks</p>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user