Level-number hinzugefügt

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

@@ -1,6 +1,6 @@
-import {AbstractSite} from "../../../../../js/lib/pwa-lib";
+import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
 
-export class EndSite extends AbstractSite{
+export class EndSite extends WordRotatorBaseSite{
     constructor(siteManager) {
         super(siteManager, "html/application/end.html");
     }

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

@@ -1,4 +1,4 @@
-import {AbstractSite, Helper, Menu, MenuAction} from "../../../../../js/lib/pwa-lib";
+import {Helper, Menu, MenuAction} from "../../../../../js/lib/pwa-lib";
 import {ParentSegment} from "../wordrotator/Segment/ParentSegment";
 import {LeafSegment} from "../wordrotator/Segment/LeafSegment";
 import {TemplateContainer} from "../wordrotator/Segment/TemplateContainer";
@@ -7,23 +7,13 @@ import {LevelHelper} from "../wordrotator/Level/LevelHelper";
 import {WordRotatorDb} from "../WordRotatorDb";
 import {ScaleHelper} from "../../../../../js/lib/pwa-assets";
 import {EndSite} from "./EndSite";
+import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
 
-export class LevelSite extends AbstractSite {
+export class LevelSite extends WordRotatorBaseSite {
     constructor(siteManager) {
         super(siteManager, "html/application/level.html");
     }
 
-    createActionBarMenu(menu) {
-        menu = super.createActionBarMenu(menu);
-
-        this.levelCounterAction = new MenuAction("", function () {
-        }, Menu.SHOW_ALWAYS, 0);
-        this.levelCounterAction.setShouldTranslate(false);
-        menu.addAction(this.levelCounterAction);
-
-        return menu;
-    }
-
     onConstruct(args) {
         this.levelCounter = Helper.nonNull(localStorage.getItem("levelCounter"), 1);
         return super.onConstruct(args);
@@ -59,7 +49,11 @@ export class LevelSite extends AbstractSite {
         scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true);
         scaleHelper.scaleToFull(wonText, wonText.parentElement);
 
-        this.levelCounterAction.setTitle(this.levelCounter);
+        //Benutze Document, da Element außerhalb von Seite (eigentlich unschön!)
+        this.levelCounterActionContainer = document.getElementById("level-number-container");
+        this.levelCounterAction = document.getElementById("level-number");
+        this.levelCounterAction.innerText = this.levelCounter;
+        this.levelNumberScaler = scaleHelper.scaleToFull(this.levelCounterAction, this.levelCounterActionContainer, false, false, 4);
         this.templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate, triangleTemplate);
 
         this.loadLastLevel();
@@ -134,12 +128,29 @@ export class LevelSite extends AbstractSite {
             scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 2, level.words[0].length * 2);
 
             this.level = level;
+            this.levelCounterAction.innerText = this.levelCounter;
+            this.levelNumberScaler();
         }
         catch (e) {
             console.error(e);
         }
     }
 
+    onStart(args) {
+        let res = super.onStart(args);
+
+        let scaleHelper = new ScaleHelper();
+        scaleHelper.s
+        this.levelCounterAction.innerText = this.levelCounter;
+        this.levelCounterActionContainer.classList.add("visible");
+        return res;
+    }
+
+    onPause(args) {
+        super.onPause(args);
+        this.levelCounterActionContainer.classList.remove("visible");
+    }
+
     async levelWon(level) {
         try {
             const db = WordRotatorDb.getInstance();
@@ -147,8 +158,6 @@ export class LevelSite extends AbstractSite {
 
             this.levelCounter++;
             localStorage.setItem("levelCounter", this.levelCounter);
-            this.levelCounterAction.setTitle(this.levelCounter);
-            this.levelCounterAction.redraw();
 
             this._siteContent.classList.add('won');
             localStorage.removeItem("currentLevel");

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

@@ -1,9 +1,10 @@
-import {AbstractSite, Helper} from "../../../../../js/lib/pwa-lib";
+import {Helper} from "../../../../../js/lib/pwa-lib";
 import {DataManager} from "../../../../../js/lib/pwa-core";
 import {WordRotatorDb} from "../WordRotatorDb";
 import {LevelSite} from "./LevelSite";
+import {WordRotatorBaseSite} from "./WordRotatorBaseSite";
 
-export class SynchronizeSite extends AbstractSite {
+export class SynchronizeSite extends WordRotatorBaseSite {
 
     constructor(siteManager) {
         super(siteManager, "html/application/sync.html");

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

@@ -0,0 +1,15 @@
+import {AbstractSite, Menu, MenuAction} from "../../../../../js/lib/pwa-lib";
+
+export class WordRotatorBaseSite extends AbstractSite {
+
+    createActionBarMenu(menu) {
+        menu = super.createActionBarMenu(menu);
+        let actions = menu.actions;
+        for (let i = 0; i < actions.length; i++) {
+            if (actions[i].title === "login" || actions[i].title === "registration"){
+                actions[i].setVisible(false);
+            }
+        }
+        return menu;
+    }
+}

src/module/Application/pwa/js/wordrotator/Segment/ParentSegment.js

@@ -1,5 +1,4 @@
 import {Segment} from "./Segment";
-import {DelayPromise} from "../../../../../../js/lib/pwa-assets";
 
 export class ParentSegment extends Segment {
     static initListener(){