JourneyJoker/templates/frontend/base.html
Klaus-Uwe Mitterer 329fceea58 Add tabella for pretty data tables
Start demo payment module
Add view for offer selection
2021-04-15 10:34:31 +02:00

381 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% load static %}
{% load i18n %}
{% load dbsetting %}
<!doctype html>
<html lang="en">
<head>
<title>JourneyJoker{% if title %} - {{ title }}{% endif %}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="{% static "frontend/images/favicon.png" %}" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fontproxy.kumi.systems/css?family=Lato:300,300i,400,400i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
<!-- Bootstrap Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/css/bootstrap.min4.2.1.css" %}">
<link rel="stylesheet" type="text/css" href="{% static "frontend/css/bootstrap-reboot4.2.1.css" %}">
<!-- Sidebar Stylesheet -->
<link rel="stylesheet" type="text/css" href="{% static "frontend/css/jquery.mCustomScrollbar.min.css" %}">
<!-- Font Awesome Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/fontawesome/css/all.css" %}">
<!-- Custom Stylesheets -->
<link rel="stylesheet" href="{% static "frontend/css/style.css" %}">
<link rel="stylesheet" href="{% static "frontend/css/orange.css" %}">
<link rel="stylesheet" href="{% static "frontend/css/responsive.css" %}">
<!-- Owl Carousel Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/css/owl.carousel.css" %}">
<link rel="stylesheet" href="{% static "frontend/css/owl.theme.css" %}">
<!-- Flex Slider Stylesheet -->
<link rel="stylesheet" href="{% static "frontend/css/flexslider.css" %}" type="text/css" />
<!--Date-Picker Stylesheet-->
<link rel="stylesheet" href="{% static "frontend/css/datepicker.css" %}">
<!-- Magnific Gallery -->
<link rel="stylesheet" href="{% static "frontend/css/magnific-popup.css" %}">
<!-- Toastr -->
<link rel="stylesheet" href="{% static "frontend/css/toastr.min.css" %}">
{% block "styles" %}
{% endblock %}
{{ form.media }}
</head>
<body id="main-homepage">
<div class="wrapper">
<!--====== LOADER =====-->
<div class="loader"></div>
<!--======== SEARCH-OVERLAY =========-->
<div id="myOverlay" class="overlay">
<span class="closebtn" onClick="closeSearch()" title="Close Overlay">×</span>
<div class="overlay-content">
<form>
<div class="form-group">
<div class="input-group">
<input class="float-left" type="text" placeholder="Search.." name="search">
<button class="float-left" type="submit"><i class="fa fa-search"></i></button>
</div><!-- end input-group -->
</div><!-- end form-group -->
</form>
</div><!-- end overlay-content -->
</div><!-- end overlay -->
<!--============= TOP-BAR ===========-->
<div id="top-bar" class="tb-text-white">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<div id="info">
<!--<ul class="list-unstyled list-inline">
<li class="list-inline-item"><span><i class="fa fa-map-marker"></i></span>Kumi Systems e.U., Sternäckerweg 51a/2, 8041 Graz</li>
<li class="list-inline-item"><span><i class="fa fa-phone"></i></span>+43 800 093004</li>
</ul>-->
</div><!-- end info -->
</div><!-- end columns -->
<div class="col-12 col-md-6">
<div id="links">
<ul class="list-unstyled list-inline">
{% if request.user.is_authenticated %}
{% if request.user.is_superuser %}
<li class="list-inline-item">{% trans "Eingeloggt als:" %} {{ request.user.email }} | </li>
{% endif %}
<li class="list-inline-item"><a href="{% url "localauth:logout" %}"><span><i class="fa fa-lock"></i></span>{% trans "Logout" %}</a></li>
{% else %}
<li class="list-inline-item"><a href="{% url "localauth:login" %}?next={{ request.path }}"><span><i class="fa fa-lock"></i></span>{% trans "Login" %}</a></li>
<li class="list-inline-item"><a href="{% url "localauth:register" %}?next={{ request.path }}"><span><i class="fa fa-plus"></i></span>{% trans "Registrieren" %}</a></li>
{% endif %}
<li class="list-inline-item">
<form>
<ul class="list-inline">
<!--
<li class="list-inline-item">
<div class="form-group currency">
<span><i class="fa fa-angle-down"></i></span>
<select class="form-control">
<option value="">$</option>
<option value="">£</option>
</select>
</div>-->
<!-- end form-group -->
</li>
<li class="list-inline-item">
<div class="form-group language">
<span><i class="fa fa-angle-down"></i></span>
<select class="form-control">
<option>{% if request.LANGUAGE_CODE == "de" %}DE{% else %}EN{% endif %}</option>
<option>{% if request.LANGUAGE_CODE == "de" %}EN{% else %}DE{% endif %}</option>
</select>
</div><!-- end form-group -->
</li>
</ul>
</form>
</li>
</ul>
</div><!-- end links -->
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end top-bar -->
<nav class="navbar navbar-expand-xl sticky-top navbar-custom main-navbar p-1" id="mynavbar-1">
<div class="container">
<a href="{% url "frontend:home" %}" class="navbar-brand py-1 m-0"><img style="max-height:50px;" src="{% static "frontend/images/logo.png" %}"></img></a>
<div class="header-search d-xl-none my-auto ml-auto py-1">
<a href="#" class="search-button" onClick="openSearch()"><span><i class="fa fa-search"></i></span></a>
</div>
<button class="navbar-toggler ml-2" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="sidebarCollapse">
<i class="fa fa-navicon py-1"></i>
</button>
<div class="collapse navbar-collapse" id="myNavbar1">
<ul class="navbar-nav ml-auto navbar-search-link">
<li class="nav-item active">
<a href="/" class="nav-link" id="navbarDropdown" role="button">{% trans "Home" %}</a>
</li>
{% if request.user.is_superuser or not request.user.partnerprofile %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Mein&nbsp;Urlaub" %}<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
{% if request.user.is_authenticated %}
<li><a class="dropdown-item" href="{% url "clients:dashboard" %}">{% trans "Dashboard" %}</a></li>
<li><a class="dropdown-item" href="{% url "clients:profile" %}">{% trans "Mein Profil" %}</a></li>
<li><a class="dropdown-item" href="{% url "clients:bookings" %}">{% trans "Anfragen und Buchungen" %}</a></li>
{% else %}
<li><a class="dropdown-item" href="{% url "localauth:login" %}?next={{ request.path }}">{% trans "Login" %}</a></li>
<li><a class="dropdown-item" href="{% url "localauth:register" %}?next={{ request.path }}">{% trans "Registrieren" %}</a></li>
{% endif %}
</ul>
</li>
{% endif %}
{% if request.user.partnerprofile %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Partnerprofil<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{% url "partners:dashboard" %}">{% trans "Dashboard" %}</a></li>
<li><a class="dropdown-item" href="{% url "partners:bidding" %}">{% trans "Bieten" %}</a></li>
<li><a class="dropdown-item" href="{% url "partners:offers" %}">{% trans "Angebote verwalten" %}</a></li>
<li><a class="dropdown-item" href="{% url "partners:profile" %}">{% trans "Mein Profil" %}</a></li>
<li><a class="dropdown-item" href="{% url "partners:establishments" %}">{% trans "Meine Unterkünfte" %}</a></li>
</ul>
</li>
{% endif %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">{% trans "Über&nbsp;uns" %}<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
{% if not request.user.partnerprofile and not request.user.clientprofile %}
<li><a class="dropdown-item" href="{% url "partners:register" %}">{% trans "Als Anbieter anmelden" %}</a></li>
{% endif %}
<li><a class="dropdown-item" href="/">{% trans "Kontakt" %}</a></li>
<li><a class="dropdown-item" href="/">{% trans "Datenschutz" %}</a></li>
<li><a class="dropdown-item" href="/">{% trans "Impressum" %}</a></li>
</ul>
</li>
{% if request.user.is_superuser %}
<li class="nav-item dropdown">
<a href="#" class="nav-link" data-toggle="dropdown">Admin<span><i class="fa fa-angle-down"></i></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{% url "payment:sepa:apply" %}">{% trans "SEPA-Zahlung anwenden" %}</a></li>
<li><a class="dropdown-item" href="{% url "localauth:verify" %}">{% trans "Account verifizieren" %}</a></li>
<li><a class="dropdown-item" href="{% url "admin:index" %}">{% trans "Admin-Panel" %}</a></li>
</ul>
</li>
{% endif %}
<li class="nav-item dropdown" style="display: none;"></li>
</ul>
</div><!-- end navbar collapse -->
</div><!-- End container -->
</nav>
{% block "content" %}
{% endblock %}
{% if not request.user.is_authenticated %}
<!--========================= NEWSLETTER-1 ==========================-->
<section id="newsletter-1" class="section-padding back-size newsletter">
<div class="container">
<div class="row">
<div class="col-12 col-md-12 col-lg-12 col-xl-12 text-center">
<h2>Für Newsletter anmelden</h2>
<p>Abonniere unseren Newsletter um kein Angebot zu verpassen!</p>
<form>
<div class="form-group">
<div class="input-group">
<input type="email" class="form-control input-lg" placeholder="Deine E-Mail-Adresse" required/>
<span class="input-group-btn"><button class="btn btn-lg"><i class="fa fa-envelope"></i></button></span>
</div>
</div>
</form>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end newsletter-1 -->
{% endif %}
<!--======================= BEST FEATURES =====================-->
<section id="best-features" class="banner-padding black-features">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="b-feature-block">
<span><i class="fa fa-coins"></i></span>
<h3>{% trans "Bares Geld sparen" %}</h3>
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
</div><!-- end b-feature-block -->
</div><!-- end columns -->
<div class="col-md-6 col-lg-3">
<div class="b-feature-block">
<span><i class="fa fa-lock"></i></span>
<h3>{% trans "Sicherheit" %}</h3>
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
</div><!-- end b-feature-block -->
</div><!-- end columns -->
<div class="col-md-6 col-lg-3">
<div class="b-feature-block">
<span><i class="fa fa-thumbs-up"></i></span>
<h3>{% trans "Zufriedenheit" %}</h3>
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
</div><!-- end b-feature-block -->
</div><!-- end columns -->
<div class="col-md-6 col-lg-3">
<div class="b-feature-block">
<span><i class="fa fa-bars"></i></span>
<h3>{% trans "Klarheit" %}</h3>
<p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei vis.</p>
</div><!-- end b-feature-block -->
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end best-features -->
<!--======================= FOOTER =======================-->
<section id="footer" class="ftr-heading-o ftr-heading-mgn-1">
<div id="footer-top" class="banner-padding ftr-top-grey ftr-text-white">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-3 col-xl-3 footer-widget ftr-contact">
<h3 class="footer-heading">Kontakt</h3>
<ul class="list-unstyled">
<li><span><i class="fa fa-map-marker"></i></span>Think:Put<br>Die Agentur für Denken & Tun<br>Kolingasse 10/10<br>1090 Wien</li>
</ul>
</div><!-- end columns -->
<div class="col-12 col-md-6 col-lg-2 col-xl-2 footer-widget ftr-links">
<h3 class="footer-heading">Think:Put</h3>
<ul class="list-unstyled">
<li><a href="https://thinkput.at/">Website</a></li>
</ul>
</div><!-- end columns -->
<div class="col-12 col-md-6 col-lg-3 col-xl-3 footer-widget ftr-links ftr-pad-left">
<h3 class="footer-heading">JourneyJoker</h3>
<ul class="list-unstyled">
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Registrieren</a></li>
</ul>
</div><!-- end columns -->
<div class="col-12 col-md-6 col-lg-4 col-xl-4 footer-widget ftr-about">
<h3 class="footer-heading">Über uns</h3>
<p>Der Joker ist ur leiwand. Oida.</p>
<ul class="social-links list-inline list-unstyled">
<li class="list-inline-item"><a href="#"><span><i class="fab fa-facebook"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-google-plus"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-pinterest-p"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-instagram"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-linkedin"></i></span></a></li>
<li class="list-inline-item"><a href="#"><span><i class="fab fa-youtube-play"></i></span></a></li>
</ul>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end footer-top -->
<div id="footer-bottom" class="ftr-bot-black">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-6 col-xl-6" id="copyright">
<p>© 2020 2021 <a href="https://thinkput.at/">Think:Put Die Agentur für Denken & Tun</a></p><p>Entwicklung: <a href="https://kumi.systems/">Kumi Systems e.U.</a> <a href="https://kumi.media">Kumi Media Ltd.</a></p>
</div><!-- end columns -->
<div class="col-12 col-md-6 col-lg-6 col-xl-6" id="terms">
<ul class="list-unstyled list-inline">
<li class="list-inline-item"><a href="#">Allgemeine Geschäftsbedingungen</a></li>
<li class="list-inline-item"><a href="#">Datenschutzerklärung</a></li>
</ul>
</div><!-- end columns -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end footer-bottom -->
</section><!-- end footer -->
{% block "modal" %}
{% endblock %}
</div>
<!-- Page Scripts Starts -->
<script>var language="{{ request.LANGUAGE_CODE }}";</script>
<script src="{% static "frontend/js/jquery-3.3.1.min.js" %}"></script>
<script src="{% static "frontend/js/jquery.magnific-popup.min.js" %}"></script>
<script src="{% static "frontend/js/jquery.mCustomScrollbar.concat.min.js" %}"></script>
<script src="{% static "frontend/js/bootstrap.min4.2.1.js" %}"></script>
<script src="{% static "frontend/js/jquery.flexslider.js" %}"></script>
<script src="{% static "frontend/js/bootstrap-datepicker.js" %}"></script>
<script src="{% static "frontend/js/toastr.min.js" %}"></script>
<script src="{% static "frontend/js/owl.carousel.min.js" %}"></script>
<script src="{% static "frontend/js/custom-navigation.js" %}"></script>
<script src="{% static "frontend/js/custom-flex.js" %}"></script>
<script src="{% static "frontend/js/custom-owl.js" %}"></script>
<script src="{% static "frontend/js/custom-date-picker.js" %}"></script>
<script src="{% static "frontend/js/custom-video.js" %}"></script>
<script src="{% static "frontend/js/popup-ad.js" %}"></script>
<script src="{% static "frontend/js/autocomplete.js" %}"></script>
{% block scripts %}
{% endblock %}
{% if messages %}
{% for message in messages %}
{% if message.tags == 'success'%}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'info' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'warning' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% elif message.tags == 'error' %}
<script type=text/javascript>toastr.{{ message.tags }}('{{ message }}')</script>
{% endif %}
{% endfor %}
{% endif %}
{% block "scripts" %}
{% endblock %}
<!-- Page Scripts Ends -->
</body>
</html>