Kontaktformular eingefügt

src/js/init.js

@@ -15,6 +15,7 @@ import "./lib/pwa-core"
 import "./lib/pwa-assets"
 import "./lib/pwa-code-management"
 import "./lib/pwa-user-management"
+import "./lib/pwa-contact"
 
 import {SettingsManager, SettingsSite} from "./lib/pwa-core";
 

src/js/lib/pwa-contact.js

@@ -0,0 +1,26 @@
+import { AbstractSite, FlashMessenger, InitPromise } from './pwa-lib.js';
+import { Form } from './pwa-core.js';
+
+class ContactSite extends AbstractSite{
+    constructor(siteManager) {
+        super(siteManager, 'contact/html/contact.html', ContactSite.DEEP_LINK);
+    }
+
+    onFirstStart() {
+        new Form(this.findBy("#contact-form"), "contact", "post").onSubmit((d) => {
+            FlashMessenger.addMessage("contact-message-sent");
+            this.finish();
+        });
+
+        super.onFirstStart();
+    }
+}
+ContactSite.DEEP_LINK = "contactMe";
+
+InitPromise.addPromise((app) => {
+    if (ContactSite.DEEP_LINK){
+        app.addDeepLink(ContactSite.DEEP_LINK, ContactSite);
+    }
+});
+
+export { ContactSite };

src/js/lib/pwa-core.js

@@ -393,7 +393,6 @@ class LocalStorageSettingsFragment extends Fragment {
             }
 
             setting.addEventListener("change", function () {
-                // console.log(setting);
                 let value = this.value;
                 if (isCheckable && !this.checked) {
                     value = null;

src/js/lib/pwa-lib.js

@@ -2028,7 +2028,7 @@ class SiteManager {
             site.actionMenu = site.createActionBarMenu(this.buildActionBarMenu());
             return this.show(siteContainer);
         }).catch((e) => {
-            console.error("site start error:", e);
+            console.error("site start error for site ", siteConstructor.name, e);
         });
 
         return finishPromise;

src/module/Application/pwa/html/application/menu.html

@@ -36,10 +36,4 @@
             </label>
         </div>
     </div>
-    <div class='height-10 flex-center fill-me'>
-        <div class='max-width line-height-1'>
-            <span class='right' id='share-buttons'></span>
-        </div>
-    </div>
-
 </div>

src/module/Application/pwa/html/application/privacyPolicy.html

@@ -1,4 +1,4 @@
-<div class="max-height overflow-y-auto">
+<div class="max-height">
     <h2>Datenschutzerklärung</h2>
     <h3 id="dsg-general-intro"></h3>
     <p>Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen

src/module/Application/pwa/js/site/LevelSite.js

@@ -186,7 +186,7 @@ export class LevelSite extends WordRotatorBaseSite {
             clearTimeout(this.wonParams.coinCounterTimer);
 
             //LevelCounter * 2 - 1, damit der durchschnittswert stimmt
-            Matomo.push(["trackEvent", "LevelSite", "NextLevel", "Level Number Average", this.levelCounter*2-1]);
+            // Matomo.push(["trackEvent", "LevelSite", "NextLevel", "Level Number Average", this.levelCounter*2-1]);
             Matomo.push(["trackEvent", "LevelSite", "NextLevel", "Level Number Normal", this.levelCounter]);
 
             return this.tutorial();

src/module/Application/pwa/js/site/MenuSite.js

@@ -86,6 +86,7 @@ export class MenuSite extends WordRotatorBaseSite {
         window.addEventListener("resize", this.listener);
 
         //Musikbuttons update, falls in den Einstellungen umgestellt
+        let settingsManager = SettingsManager.getInstance();
         let playSoundButton = this.findBy("#play-sound");
         playSoundButton.checked = settingsManager.getSetting("play-sound", true);
         let playMusicButton = this.findBy("#play-music");

src/scss/_settings.scss

@@ -4,9 +4,9 @@ $themes: map-merge($themes,(dark: (
         class: dark,
         themeColor: #373737,
         lightThemeColor: #4b4b4b,
-        linkColor: white,
+        linkColor: #fff,
         spinnerColor: #ffffff,
-        navBarTextColor: white,
+        navBarTextColor: #fff,
         textColor: #ffffff,
         textColor2: #9b9b9b,
         lightLinkColor: #ffffff,

src/scss/wordRotator.scss

@@ -343,17 +343,22 @@ $coinTowerDimension: 28px;
 
 body {
   overscroll-behavior: contain;
+  user-select: none;
 }
 
 #site-content {
-  overflow: hidden;
+  overflow: visible;
+}
+div.mainContainer{
+  overflow-x: hidden;
+
 }
 
-#img-sound:before {
-  content: "";
-  max-width: 1.4em;
-  background: url('../img/speaker.svg')
-}
+//#img-sound:before {
+//  content: "";
+//  max-width: 1.4em;
+//  background: url('../img/speaker.svg')
+//}
 
 .clickable{
   cursor: pointer;