create loadscreen and app icons

2 years ago · 1d9ea2b891
parent cef031e51f
commit 1d9ea2b891
6 changed files with 20 additions and 5 deletions
--- a/main/static/img/ipad_152.png
+++ b/main/static/img/ipad_152.png
--- a/main/static/img/ipad_167.png
+++ b/main/static/img/ipad_167.png
--- a/main/static/img/ipad_180.png
+++ b/main/static/img/ipad_180.png
--- a/main/static/img/iphone.png
+++ b/main/static/img/iphone.png
--- a/main/templates/main/base.html
+++ b/main/templates/main/base.html
@ -4,10 +4,14 @@
 <head>
    <meta charset="UTF-8">
    <!-- all infos about iphone app -->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="MeetingOrganizer">
-    <!-- <link rel="apple-touch-icon" sizes="167x167" href="{% static 'img/mLD_iphoneIcon.png' %}">
-    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/mLD_ipadIcon.png' %}"> -->
+    <link rel="apple-touch-icon" href="{% static 'img/iphone.png' %}">
+    <link rel="apple-touch-icon" sizes="152x152" href="{% static 'img/ipad_152.png' %}">
+    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/ipad_180.png' %}">
+    <link rel="apple-touch-icon" sizes="167x167" href="{% static 'img/ipad_167.png' %}">

    <!-- all others -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -16,7 +20,7 @@
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    <title>Meeting Organizer</title>
 </head>
-<body style="overflow: hidden;">
+<body>
    
    {% block pushup %}
    {% endblock %}
@ -27,6 +31,12 @@
            <h2 style="color: black;">Daten Speichern und Senden...</h2>
        </div>
    </div>
+    <div id="loading_new" class="load_body d-none" style="width: 100%; height: 110vh; position: absolute; background-color: white; z-index: 100; margin-top: -2rem;">
+        <!-- <img src="{% static 'img/1484.gif' %}" class="gif" alt="load"> -->
+        <div class="gif">
+            <h2 style="color: black;">Daten abrufen...</h2>
+        </div>
+    </div>

    <script>
    </script>
--- a/main/templates/main/index.html
+++ b/main/templates/main/index.html
@ -32,8 +32,13 @@
    #header    { padding-bottom: 2rem; }
    select     { width: 7rem;}
 </style>
+<script>
+     function loading_new(){
+            document.getElementById('loading_new').classList.remove("d-none")
+        }
+</script>
 <section id="header">
-    <h2 style="color: black; margin-top: 1rem; margin-bottom: -1rem;">{% if not actual %}<a href="/main/?date={{ past_date }}"><span class="col-lg-2 col-3 material-symbols-outlined">keyboard_arrow_left</span></a>{% else %}<span class="col-lg-2 col-3 material-symbols-outlined" style="color: lightgray;">keyboard_arrow_left</span>{% endif %}Woche vom {{ date }}<a href="/main/?date={{ next_date }}"><span class="col-lg-2 col-3 material-symbols-outlined">keyboard_arrow_right</span></a></h2>
+    <h2 style="color: black; margin-top: 1rem; margin-bottom: -1rem;">{% if not actual %}<a href="/main/?date={{ past_date }}" onclick="loading_new()"><span class="col-lg-2 col-3 material-symbols-outlined">keyboard_arrow_left</span></a>{% else %}<span class="col-lg-2 col-3 material-symbols-outlined" style="color: lightgray;">keyboard_arrow_left</span>{% endif %}Woche vom {{ date }}<a href="/main/?date={{ next_date }}" onclick="loading_new()"><span class="col-lg-2 col-3 material-symbols-outlined">keyboard_arrow_right</span></a></h2>
 </section>

 <!-- INFOS -->
@ -453,7 +458,7 @@
            document.getElementById("formsend").click()
        }
    </script>
-    <div class="formcontrol">
+    <div class="formcontrol" style="padding-bottom: 5rem;">
        <button type="button" onclick="sendform()" class="btn btn-secondary" name="">Speichern</button>
        <button type="submit" class="btn btn-secondary d-none" name="formsend" id="formsend">Speichern</button>
    </div>