You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
4.4 KiB
72 lines
4.4 KiB
{% load pwa %}
|
|
{% load static %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="{% static 'app/css/bootstrap.css' %}">
|
|
<link rel="stylesheet" href="{% static 'app/css/custom.css' %}">
|
|
<script src="{% static 'app/js/dbcontrol.js' %}"></script>
|
|
<script src="{% static 'app/js/exportDB.js' %}"></script>
|
|
|
|
{% progressive_web_app_meta %}
|
|
|
|
<title>PioMint</title>
|
|
</head>
|
|
<body id="body" style="overflow: hidden;" class="bg-white-color">
|
|
<!-- HEADER -->
|
|
<div class="container-fluid header-bg-block bg-white-color HeaderDefaultHeightbg" id="header-bg-block">
|
|
<div class="container-fluid header-color-block text-center bg-white-color HeaderDefaultHeightcolor" id="header-color-block" style="color: white; width: 100vw;">
|
|
|
|
<div class="row headerline justify-content-around">
|
|
<span class="col-3 d-none" id="refresh_icon"><img onclick="window.location.reload();" src="{% static 'app/images/refresh.png' %}" alt="Settings" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
|
|
<h3 id="HeaderText" class="pt-2" style="display: none;"><b>PIO</b><b style="color: rgb(120,170,86);">MINT</b></h3>
|
|
|
|
<!-- <div class="col-3"></div> -->
|
|
<span class="col-3 d-none" id="settings_icon"><img src="{% static 'app/images/settings.png' %}" alt="Settings" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
<span class="col-3 d-none" id="settings_close_icon"><img src="{% static 'app/images/close.png' %}" alt="SettingsClose" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
</div>
|
|
|
|
<div class="settings text-left">
|
|
<div class="settings-card container">
|
|
<h5 class="pt-3 text-center" style="">Einstellungen</h5>
|
|
<ul class="list-group" style="color: black;">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Bibelstudien:
|
|
<input type="number" class="w-25 btn btn-secondary" name="studysinput" id="studysinput" value="0" onfocus="document.getElementById('SETStudySaveButton').classList.remove('d-none')">
|
|
<button class="btn d-none" id="SETStudySaveButton">Sichern</button>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Monatsziel (h):
|
|
<input type="number" class="w-25 btn btn-secondary" name="MonthGoalInput" id="MonthGoalInput" value="50" onfocus="document.getElementById('SETMonthGoalSaveButton').classList.remove('d-none')">
|
|
<button class="btn d-none" id="SETMonthGoalSaveButton">Sichern</button>
|
|
</li>
|
|
<h5 class="mt-5 text-white text-center">Kontakt</h5>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
WhatsApp Community
|
|
<a class="btn btn-success" href="https://chat.whatsapp.com/Cy4laGaEdLP1DZbhN04zRQ" target="_blank" rel="noopener noreferrer">Beitreten</a>
|
|
</li>
|
|
<h5 class="mt-5 text-white text-center">Daten Verwaltung</h5>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
<button class="btn btn-info" onclick="exportIndexedDBData()">Exportieren</button>
|
|
<input type="file" id="fileInput" style="display: none;" accept=".json" />
|
|
<button class="btn btn-danger" onclick="triggerFileInput()">Wiederherstellen</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONTENT AREA -->
|
|
<div id="maincontainer" class="maincontainer container-fluid row justify-content-center align-items-center" style="background-color: white; width: 100vw; margin: 0;">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
|
|
<script src="{% static 'app/js/importDB.js' %}"></script>
|
|
</body>
|
|
</html> |