Impressum fertig

src/module/Application/pwa/html/application/fragment/settings.html

@@ -25,7 +25,7 @@
                     <input type="checkbox" class="setting" id="play-music" name='play-music' value="1"
                            data-default="1">
                     <span class="slider"></span>
-                </span>
+                </span> 
             </label>
             <div class='row setting-row' id='credits-button'>
                 <span class='columns small-6' data-translation="credits"></span>
@@ -39,6 +39,10 @@
                 <span class='columns small-6' data-translation="impressum"></span>
                 <span class='columns small-6 text-right' data-translation=">"></span>
             </div>
+            <div class='row setting-row' id='contact-button'>
+                <span class='columns small-6' data-translation="contact"></span>
+                <span class='columns small-6 text-right' data-translation=">"></span>
+            </div>
             <label class="switch row setting-row">
                 <span class='columns small-6' data-translation="track"></span>
                 <span class='columns small-6 text-right'>

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

@@ -1,8 +1,11 @@
 <div>
     <h2>Impressum</h2>
     <p>Silas Günther<br />
-        Mariabrunnstraße 48<br />52064 Aachen</p>
-    <p>Telefon: +4915782273429<br />
-        E-Mail: <a href="mailto:wordRotator@silas.link">wordRotator@silas.link</a><br />
+        Mariabrunnstraße 48<br />
+        52064 Aachen<br/>
+        Deutschland
+    </p>
+    <p>E-Mail: <a href="mailto:wordRotator@silas.link">wordRotator@silas.link</a><br />
+        <a href = "contactMe" class = "link" target="_blank">Kontaktformular</a>
     </p>
 </div>

src/module/Application/pwa/js/Fragment/WordRotatorSettingFragment.js

@@ -5,6 +5,8 @@ import {InstallManager, Matomo, SoundManager} from "../../../../../js/lib/pwa-as
 import {CreditsSite} from "../site/CreditsSite";
 import {PrivacyPolicySite} from "../site/PrivacyPolicySite";
 import {ChooseThemeDialog} from "../dialog/ChooseThemeDialog";
+import {ContactSite} from "../../../../../js/lib/pwa-contact";
+import {ImpressumSite} from "../site/ImpressumSite";
 
 export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
     constructor(site) {
@@ -59,6 +61,12 @@ export class WordRotatorSettingFragment extends LocalStorageSettingsFragment {
         this.findBy("#privacy-policy-button").addEventListener("click", () => {
             this.getSite().startSite(PrivacyPolicySite);
         });
+        this.findBy("#contact-button").addEventListener("click", () => {
+            this.getSite().startSite(ContactSite);
+        });
+        this.findBy("#impressum-button").addEventListener("click", () => {
+            this.getSite().startSite(ImpressumSite);
+        });
 
         InstallManager.setCanInstallListener(() => {
             let installButton = this.findBy("#install-button");

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

@@ -0,0 +1,12 @@
+import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
+import {InitPromise} from "../../../../../js/lib/pwa-lib";
+
+export class ImpressumSite extends WordRotatorBaseSite{
+    constructor(siteManager) {
+        super(siteManager, "html/application/impressum.html", "impressum");
+    }
+}
+
+InitPromise.addPromise(app => {
+    app.addDeepLink("impressum", ImpressumSite);
+});