Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

Commit

Permalink
Moved cookie toggles from main menu to a separate settings page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Yoronex
Yoronex committed Feb 29, 2020
1 parent f8e5d43 commit ce4488a
Show file tree
Hide file tree
Showing 5 changed files with 119 additions and 28 deletions.
6 changes: 6 additions & 0 deletions app/routes.py
View file
Original file line number Diff line number Diff line change
Expand Up @@ -317,6 +317,12 @@ def purchase_dinner_from_cart(cart_string):
return redirect(url_for('index'))


@register_breadcrumb(app, '.settings', 'Browserinstellingen', order=1)
@app.route('/settings')
def client_settings():
return render_template('settings.html', title="Browserinstellingen", h1="Browserinstellingen")


##
#
# Admin Panel
Expand Down
10 changes: 10 additions & 0 deletions app/static/js/clock.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -68,6 +68,16 @@ function toggle_snow() {
location.reload();
}

function toggle_hoverimages() {
let cookie = getCookie('hover');
if (cookie === "True") {
setCookie('hover', 'False', 1000)
} else {
setCookie('hover', 'True', 1000)
}
location.reload();
}

function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
Expand Down
32 changes: 6 additions & 26 deletions app/templates/base.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{% extends 'bootstrap/base.html' %}

{% set version = "1.4.3.0" %}
{% set version = "1.4.4.0" %}

{% block title %}
{% if title %}Tikker - {{ title }}
Expand Down Expand Up @@ -106,15 +106,17 @@ <h5>Bekende bugs</h5>
</ul>
<hr>
<h5>Changelog</h5>
<b>Versie 1.4.3.2</b>: Bugfixes
<b>Versie 1.4.4.0 (29/02/2020)</b>: Bugfixes en kleine verbeteringen
<ul>
<li>De lijst met transacties in het gebruikersoverzicht en in het adminpaneel heeft nu verschillende pagina's met transacties, waardoor hij sneller laadt</li>
<li>In het administratorpaneel staat nu naast de aantallen inventaris ook de waarde van deze inventaris</li>
<li>Een error verschijnt nu bovenin het scherm wanneer er een fout wordt gemaakt in een formulier</li>
<li>Alle client-instellingen verplaatst vanaf het hoofdmenu naar een aparte pagina</li>
<li>Het bevestigen-scherm wanneer iets wordt verwijderd, laat ook zien wat je precies gaat verwijderen (naast alleen een ID)</li>
<li>Alle symbolen in Tikker zijn vervangen door tekst-symbolen in plaats van afbeeldingen</li>
<li>Bug gefixt die Tikker liet vastlopen wanneer iemand was ingelogd met Spotify en de internetverbinding tijdelijk wegviel</li>
<li>Prijskolommen in tabellen hebben nu een minimale breedte om te voorkomen dat het euro teken en de prijs beiden op een aparte lijn komen te staan</li>
<li>Bug gefixt die Tikker liet vastlopen wanneer iemand was ingelogd met Spotify en de internetverbinding tijdelijk wegviel</li>
<li>Bug gefixt waardoor Tikker BigScreen niet kon starten wanneer er geen internetverbinding was</li>
</ul>
<b>Versie 1.4.3.1 (14/02/2020)</b>: Hotfix
<ul>
Expand Down Expand Up @@ -360,29 +362,7 @@ <h5>Changelog</h5>
<a href="{{ url_for('index') }}" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}">Home</a>
<a href="{{ url_for('balance') }}" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}">Gebruikersoverzicht</a>
<a href="{{ url_for('stats_home') }}" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}">Statistieken</a>
<a onclick="toggle_confetti()" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}" style="cursor:pointer; color: #495057;" >Confetti
{% if request.cookies.get('confetti') == 'True' %}
uit
{% else %}
aan
{% endif %}
</a>
<a onclick="toggle_darkmode()" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}" style="cursor:pointer; color: #495057;" >
{% if request.cookies.get('dark-mode') == 'True' %}
Light Mode
{% else %}
Dark Mode
{% endif %}
</a>
{% if snow == "True" %}
<a onclick="toggle_snow()" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}" style="cursor:pointer; color: #495057;" >Sneeuw
{% if request.cookies.get('snow') == 'False' %}
aan
{% else %}
uit
{% endif %}
{% endif %}
</a>
<a href="{{ url_for('client_settings') }}" class="list-group-item list-group-item-action {% if request.cookies.get('dark-mode') == 'True' %}bg-dark{% else %}bg-light{% endif %}">Browserinstellingen</a>
</div>
<div style="position: absolute; bottom: 0;">
<img src="{{ url_for('.static', filename='img/NIX18.svg') }}" style="text-align: center; margin: 1rem;"
Expand Down
4 changes: 2 additions & 2 deletions app/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@
{% for p in Product.query.filter(Product.purchaseable == True).order_by(Product.order.asc()).all() %}
<div class="front-image">
<a href="/drink/{{ p.id }}">
<img src="{{ url_for('.static', filename='products/{}'.format(p.image) ) }}" title="{{ p.name }} voor €{{ '%.2f' % p.price }}" style="max-width:100%;max-height:100%;">
<img src="{{ url_for('.static', filename='products/{}'.format(p.hoverimage) ) }}" title="{{ p.name }} voor €{{ '%.2f' % p.price }}" class="img-top" style="max-width:100%;max-height:100%;">
<img alt="{{ p.name }}" src="{{ url_for('.static', filename='products/{}'.format(p.image) ) }}" title="{{ p.name }} voor €{{ '%.2f' % p.price }}" style="max-width:100%;max-height:100%;">
{% if not request.cookies.get('hover') == 'False' %}<img alt="{{ p.name }}" src="{{ url_for('.static', filename='products/{}'.format(p.hoverimage) ) }}" title="{{ p.name }} voor €{{ '%.2f' % p.price }}" class="img-top" style="max-width:100%;max-height:100%;">{% endif %}
</a>
</div>
{% endfor %}
Expand Down
95 changes: 95 additions & 0 deletions app/templates/settings.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
{% extends "base.html" %}

{% block app_content %}
<div class="container-fluid">
<div class="row">
<div class="col-xl img-thumbnail">
<table style="width: 100%">
<tr>
<th>Dark/Light mode</th>
</tr>
<tr>
<td style="text-align: center;">Wissel tussen dark mode en light mode<br><br></td>
</tr>
<tr>
<td>
<button onclick="toggle_darkmode()" class="btn btn-block btn-green">
{% if request.cookies.get('dark-mode') == 'True' %}
Light Mode
{% else %}
Dark Mode
{% endif %}
</button>
</td>
</tr>
</table>
</div>
<div class="col-xl img-thumbnail">
<table style="width: 100%">
<tr>
<th>Confetti</th>
</tr>
<tr>
<td style="text-align: center;">Confetti op de homepagina<br><br></td>
</tr>
<tr>
<td>
<button onclick="toggle_confetti()" class="btn btn-block btn-yellow">Confetti
{% if request.cookies.get('confetti') == 'True' %}
uit
{% else %}
aan
{% endif %}
</button>
</td>
</tr>
</table>
</div>
<div class="col-xl img-thumbnail">
<table style="width: 100%">
<tr>
<th>Hoverafbeeldingen</th>
</tr>
<tr>
<td style="text-align: center;">Andere afbeelding wanneer je met je muis over een product gaat</td>
</tr>
<tr>
<td>
<button onclick="toggle_hoverimages()" class="btn btn-block btn-green">Hoverafbeeldingen
{% if request.cookies.get('hover') == 'True' %}
uit
{% else %}
aan
{% endif %}
</button>
</td>
</tr>
</table>
</div>

{% if snow == "True" %}
<div class="col-xl img-thumbnail">
<table style="width: 100%">
<tr>
<th>Sneeuw</th>
</tr>
<tr>
<td style="text-align: center;">Sneeuw op de homepagina<br></td>
</tr>
<tr>
<td>
<button onclick="toggle_snow()" class="btn btn-block btn-yellow">Sneeuw
{% if request.cookies.get('snow') == 'True' %}
uit
{% else %}
aan
{% endif %}
</button>
</td>
</tr>
</table>
</div>
{% endif %}
</div>
</div>
{% endblock %}

0 comments on commit ce4488a

Please sign in to comment.