From f26c75e87136063567c4ba972935d9af09bfec50 Mon Sep 17 00:00:00 2001 From: silas Date: Sun, 21 Oct 2018 13:10:59 +0200 Subject: [PATCH] appNamesJson hinzugefpgt --- bin/build.js | 8 +- bin/build.sh | 2 +- package.json | 3 +- public/js/app.js | 7212 +------------------------------ public/version/x/app.names.json | 1 + rollup.config.js | 4 +- src/js/init.js | 17 +- 7 files changed, 23 insertions(+), 7224 deletions(-) create mode 100644 public/version/x/app.names.json diff --git a/bin/build.js b/bin/build.js index 7070198..3f3f110 100755 --- a/bin/build.js +++ b/bin/build.js @@ -58,19 +58,21 @@ const outputOptions = options.output; options.output = null; const inputOptions = options; - async function build() { const bundle = await rollup.rollup(inputOptions); for (let i = 0, n = outputOptions.length; i < n; i++) { let {code, map} = await bundle.generate(outputOptions[i]); if (shouldMangleAndTranspile) { + + let names = {}; const uglifyRes = uglifyJs.minify(code, uglifyOptions); code = uglifyRes.code; // fs.writeFileSync('transpiled.js', code); const babelRes = babel.transform(code, babelOptions); code = babelRes.code; code = regenerator.compile(code, regeneratorOptions).code; - const uglifyRes2 = uglifyJs.minify(code, {mangle:{toplevel:true},compress: { + const uglifyRes2 = uglifyJs.minify(code, { + mangle: {toplevel: true}, compress: { keep_fargs: false, toplevel: true, dead_code: true, @@ -78,8 +80,10 @@ async function build() { passes: 1, }, + nameCache: names, }); code = uglifyRes2.code; + fs.writeFileSync(outputOptions[i].nameFile, JSON.stringify(names)); } fs.writeFileSync(outputOptions[i].file, code); } diff --git a/bin/build.sh b/bin/build.sh index ed86c48..f6490f9 100755 --- a/bin/build.sh +++ b/bin/build.sh @@ -1,3 +1,3 @@ #!/usr/bin/env bash -npm run build \ No newline at end of file +npm run build 1 \ No newline at end of file diff --git a/package.json b/package.json index de26ec0..d604925 100755 --- a/package.json +++ b/package.json @@ -26,5 +26,6 @@ "uglify-es": "^3.3.9" }, "input": "src/js/init.js", - "output": "public/js/app.js" + "output": "public/js/app.js", + "namesOutput":"public/version/x/app.names.json" } diff --git a/public/js/app.js b/public/js/app.js index a0bb7ce..38f20ff 100755 --- a/public/js/app.js +++ b/public/js/app.js @@ -1,7211 +1 @@ -class MenuAction { - constructor(title, callback, showFor, order) { - this.title = Helper.nonNull(title, null); - this.callback = callback; - this.showFor = Helper.nonNull(showFor, MenuAction.SHOW_FOR_MEDIUM); - this.order = Helper.nonNull(order, 1000); - this._liClass = ""; - - this._menu = null; - this._activated = true; - this._visible = true; - this.id = MenuAction.maxId++; - this._icon = null; - this._shouldTranslate = true; - this._copies = []; - } - - setTitle(title) - { - this.title = title; - } - - setShouldTranslate(shouldTranslate) - { - this._shouldTranslate = shouldTranslate; - } - - getShowFor(){ - return this.showFor; - } - - getTitle() - { - return this.title; - } - - getShouldTranslate() - { - return this._shouldTranslate; - } - - remove(removeCopies) { - removeCopies = Helper.nonNull(removeCopies, false); - if (Helper.isNotNull(this._menu)) { - console.log(this._menu); - this._menu.removeAction(this); - this._menu = null; - } - if (removeCopies) - { - for (let i = 0; i < this._copies.length; i++) { - this._copies[i].remove(); - } - } - } - - getMenu() { - return this._menu; - } - - setMenu(value) { - this._menu = value; - } - - getVisible() { - return this._visible; - } - - setVisible(value) { - if (value !== this._visible) { - this._visible = value; - this.redraw(); - } - } - - getActivated() { - return this._activated; - } - - getIcon() { - return this._icon; - } - - setIcon(value) { - this._icon = value; - } - - getId() - { - return this.id; - } - - redraw() { - if (Helper.isNotNull(this._menu)) { - this._menu.updateAction(this); - } - } - copy(instance){ - let copy = Helper.nonNull(instance, new MenuAction()); - copy.title = this.title; - copy.callback = this.callback; - copy.showFor = this.showFor; - copy.order = this.order; - copy._liClass = this._liClass; - - copy._activated = this._activated; - copy._visible = this._visible; - copy._icon = this._icon; - copy._shouldTranslate = this._shouldTranslate; - - copy._menu = null; - copy.id = MenuAction.maxId++; - this._copies.push(copy); - return copy; - } - - redrawMenu() - { - if (Helper.isNotNull(this._menu)) { - this._menu.redraw(); - } - } -} -MenuAction.maxId = 0; - -MenuAction.SHOW_ALWAYS = "always"; -MenuAction.SHOW_FOR_MEDIUM = "medium"; -MenuAction.SHOW_FOR_LARGE = "large"; -MenuAction.SHOW_NEVER = "never"; - -class OpenSubmenuAction extends MenuAction { - constructor(title, menu, showFor, order) { - super(title, function (action) { - action.getSubmenu().toggle(); - action.redraw(); - }, showFor, order); - - this.submenu = menu; - menu.setParentAction(this); - } - - getSubmenu() { - return this.submenu; - } - - copy(instance) { - instance = super.copy(Helper.nonNull(instance, new OpenSubmenuAction(null, this.submenu.copy()))); - return instance; - } -} - -class Menu { - constructor(parentElementSelector) { - this.actions = []; - this.submenus = []; - if (typeof parentElementSelector === 'string') { - this.parentElements = document.querySelectorAll(parentElementSelector); - } - else if (Array.isArray(parentElementSelector)) { - this.parentElements = parentElementSelector; - } - else { - this.parentElements = [parentElementSelector]; - } - } - - copy(instance) { - instance = Helper.nonNull(instance, new Menu([])); - - instance.actions = []; - for (let i = 0, n = this.actions.length; i < n; i++) { - instance.actions.push(this.actions[i].copy()); - } - - instance.submenus = []; - for (let i = 0, n = this.submenus.length; i < n; i++) { - instance.submenus.push(this.submenus[i].copy()); - } - - return instance; - } - - addAction(action) { - if (Helper.includesNot(this.actions, action)) { - this.actions.push(action); - this.redraw(); - action.setMenu(this); - if (action instanceof OpenSubmenuAction) { - this.submenus.push(action.getSubmenu()); - } - } - } - - draw() { - if (Helper.isNotNull(this.parentElements)) { - this.sortActions(); - - let actionElements = []; - for (let i = 0; i < this.actions.length; i++) { - let element = this.renderAction(this.actions[i]); - this.actions[i]._htmlElement = element; - actionElements.push(element); - } - for (let i = 0, n = this.parentElements.length; i < n; i++) { - this.parentElements[i].removeAllChildren(); - for (let i2 = 0, n2 = actionElements.length; i2 < n2; i2++) { - this.parentElements[i].appendChild(Helper.cloneNode(actionElements[i2])); - } - this.parentElements[i].onclick = this._getOnClickListener(); - } - } - } - - _getOnClickListener() { - let menu = this; - return function (event) { - let _element = event.target; - if (_element.matches('.action') || _element.matches('.action *')) { - // while (!_element.matches('.action > a')) { - // _element = _element.parentNode; - // } - _element = _element.closest(".action"); - let actionId = parseInt(_element.dataset["id"]); - for (let i = 0, n = menu.actions.length; i < n; i++) { - if (menu.actions[i].id === actionId) { - if (typeof menu.actions[i].callback === 'function' && menu.actions[i].getActivated()) { - menu.actions[i].callback(menu.actions[i], event); - } - return menu.actions[i]; - } - } - for (let i = 0, n = menu.submenus.length; i < n; i++) { - if (menu.submenus[i].click(actionId, event)) { - return menu.submenus[i]; - } - } - } - return null; - }; - } - - /** @protected */ - renderAction(action) { - let aElement = document.createElement("a"); - if (typeof action.callback === 'string') { - aElement.href = action.callback; - } - - if (Helper.isNotNull(action.getIcon())) { - let iconElement = document.createElement("img"); - iconElement.src = action.getIcon(); - iconElement.classList.add('action-image'); - if (action.getShouldTranslate()) { - iconElement.dataset["translationTitle"] = action.title; - } - aElement.appendChild(iconElement); - } - let title = action.getTitle(); - if (action.getShouldTranslate()) { - title = Translator.makePersistentTranslation(title); - } - else { - title = document.createTextNode(title); - } - aElement.appendChild(title); - - return this.renderLiElement(aElement, action) - } - - /** @protected */ - renderLiElement(aElement, action) { - let liElement = document.createElement("li"); - liElement.classList.add('action'); - if (action._liClass.trim() !== "") { - liElement.classList.add(action._liClass); - } - liElement.appendChild(aElement); - liElement.dataset["id"] = action.id; - if (Helper.isNotNull(action.getIcon())) { - liElement.classList.add("img"); - } - - if (!action.getVisible()) { - liElement.classList.add("hidden"); - } - - if (action instanceof OpenSubmenuAction) { - action.getSubmenu().draw(); - liElement.appendChild(action.getSubmenu().getParentElement()); - liElement.classList.add("is-dropdown-submenu-parent"); - liElement.classList.add("opens-right"); - } - return liElement; - } - - /** @private */ - sortActions() { - this.actions = this.actions.sort(function (first, second) { - return first.order - second.order; - }); - } - - _getElementsForAction(action) { - let elements = []; - for (let i = 0; i < this.parentElements.length; i++) { - let elem = this.parentElements[i].querySelector("[data-id=\"" + action.getId() + "\"]"); - Helper.isNull(elem) || elements.push(elem); - } - return elements - } - - updateAction(action) { - let oldElements = this._getElementsForAction(action); - if (oldElements.length === 0) { - return; - } - - let element = this.renderAction(action); - action._htmlElement = element; - - for (let i = 0; i < oldElements.length; i++) { - oldElements[i].replaceWith(Helper.cloneNode(element)); - } - } - - removeAction(action) { - let index = this.actions.indexOf(action); - if (index > 0) { - this.actions.splice(index, 1); - let oldElements = this._getElementsForAction(action); - for (let i = 0, n = oldElements.length; i < n; i++) { - oldElements[i].remove(); - } - if (action instanceof OpenSubmenuAction) { - let index = this.submenus.indexOf(action.getSubmenu()); - this.submenus.splice(index, 1); - } - } - } - - redraw() { - this.draw(); - } -} - -Menu.SHOW_ALWAYS = "always"; -Menu.SHOW_FOR_MEDIUM = "medium"; -Menu.SHOW_FOR_SMEDIUM = "smedium"; -Menu.SHOW_FOR_LARGE = "large"; -Menu.SHOW_NEVER = "never"; - -class Submenu extends Menu -{ - constructor() - { - let menuElement = document.createElement("ul"); - menuElement.classList.add("menu"); - menuElement.classList.add("vertical"); - menuElement.classList.add("submenu"); - menuElement.classList.add("is-dropdown-submenu"); - menuElement.classList.add("first-sub"); - super(menuElement); - - this.parentAction = null; - this.isOpen = false; - } - - - - copy(instance) - { - instance = super.copy(Helper.nonNull(instance, new Submenu())); - instance.parentElements = []; - for (let i = 0, n = this.parentElements.length; i < n; i++) { - instance.parentElements.push(Helper.cloneNode(this.parentElements[i])); - } - instance.parentAction = this.parentAction; - instance.isOpen = this.isOpen; - return instance; - } - - setParentAction(action) - { - this.parentAction = action; - } - - draw() - { - super.draw(); - if (Helper.isNotNull(this.parentElements)) - { - let self = this; - for (let i = 0; i < this.parentElements.length; i++) { - let closeListener = document.createElement("div"); - closeListener.classList.add("close-listener"); - closeListener.onclick = function(e){ - console.log(e); - self.close(); - }; - this.parentElements[i].insertBefore(closeListener, this.parentElements[i].firstElementChild); - } - } - } - - getParentElement() - { - return this.parentElements[0]; - } - - _getOnClickListener() - { - return function () {}; - } - - click(actionId, event) - { - for (let i = 0, n = this.actions.length; i < n; i++) { - if (this.actions[i].id === actionId) - { - if (typeof this.actions[i].callback === 'function' && this.actions[i].getActivated()) { - this.actions[i].callback(this.actions[i], event); - } - this.close(); - return true; - } - } - return false; - } - - toggle() - { - if (this.isOpen) - { - this.close(); - } - else - { - this.open(); - } - } - - open() - { - this.isOpen = true; - for (let i = 0, n = this.parentElements.length; i < n; i++) { - this.parentElements[i].classList.add("js-dropdown-active"); - } - if (Helper.isNotNull(this.parentAction)) - { - this.parentAction.redraw(); - } - } - close() - { - this.isOpen = false; - for (let i = 0, n = this.parentElements.length; i < n; i++) { - this.parentElements[i].classList.remove("js-dropdown-active"); - } - if (Helper.isNotNull(this.parentAction)) - { - this.parentAction.redraw(); - } - } -} - -class TranslatorDB { - constructor() { - this._indexedDB = indexedDB || mozIndexedDB || webkitIndexedDB || msIndexedDB; - this._version = 3; - - let self = this; - this._dbPromise = new Promise(function (resolve, reject) { - let request = self._indexedDB.open("Translator", self._version); - request.onupgradeneeded = function (event) { - let db = event.target.result; - self._upgradeDb(db); - }; - request.onsuccess = function (event) { - let db = event.target.result; - resolve(db); - }; - request.onerror = function (event) { - reject(event); - }; - }).catch(function(e){ - console.error(e); - }); - } - - _upgradeDb(db) { - try { - db.deleteObjectStore("currentLang"); - db.deleteObjectStore("translations"); - } - catch (e) { - console.warn(e); - } - let currentLangObjectStore = db.createObjectStore("currentLang", {"keyPath": "id"}); - let translationsObjectStore = db.createObjectStore("translations", {"keyPath": ["lang","key"]}); - translationsObjectStore.createIndex("lang", "lang", {"unique": false}); - } - - setLanguage(lang) { - this._dbPromise.then(function (db) { - let transaction = TranslatorDB._openTransaction(["currentLang"], "readwrite", db); - let currentLangObjectStore = transaction.objectStore("currentLang"); - currentLangObjectStore.put({"id": 1, "lang": lang}); - }).catch(function(e){ - console.error(e); - }); - } - - saveTranslationsForLang(lang, translations) { - return this._dbPromise.then(function (db) { - return new Promise(function (resolve) { - let transaction = TranslatorDB._openTransaction(["translations"], "readwrite", db); - let translationsObjectStore = transaction.objectStore("translations"); - for (let k in translations) { - translationsObjectStore.put({"lang": lang, "key": k, "translation": translations[k]}); - } - transaction.oncomplete = function () { - resolve(); - }; - }); - }).catch(function(e){ - // console.error(e); - }); - } - - loadTranslationsForLang(lang) { - return this._dbPromise.then(function (db) { - return new Promise(function (resolve) { - let transaction = TranslatorDB._openTransaction(["translations"], "readonly", db); - let translationsObjectStore = transaction.objectStore("translations"); - let index = translationsObjectStore.index("lang"); - let request = index.openCursor(IDBKeyRange.only(lang)); - - let translations = {}; - request.onsuccess = function (e) { - let cursor = e.target.result; - if (cursor) { - - let translation = cursor.value; - translations[translation["key"]] = translation["translation"]; - cursor.continue(); - } - }; - transaction.oncomplete = function(){ - resolve(translations); - }; - }); - }).catch(function(e){ - console.error(e); - return {}; - }); - } - - getLanguage() { - return this._dbPromise.then(function (db) { - return new Promise(function (resolve) { - let transaction = TranslatorDB._openTransaction(["currentLang"], "readonly", db); - let currentLangObjectStore = transaction.objectStore("currentLang"); - let req = currentLangObjectStore.get(1); - req.onsuccess = function (e) { - let data = e.currentTarget.result; - if (data) - { - resolve(data["lang"]); - } - else - { - resolve(null); - } - }; - req.onerror = function (e) { - resolve(null); - }; - }); - }).catch(function(e){ - // console.error(e); - }); - } - - static _openTransaction(name, transactionMode, db) { - let transaction = null; - try { - transaction = db.transaction(name, transactionMode); - } - catch (e) { - console.warn(e); - transaction = db.transaction(name); - } - return transaction; - } -} - -class Translator { - constructor() { - this._translations = []; - this._db = new TranslatorDB(); - this._currentLanguage = null; - this._supportedLanguages = Translator.supportedLanguages; - this._baseLanguage = Translator.baseLanguage; - this._languageBasePath = Translator.languageBasePath; - this._markUntranslatedTranslations = Translator.markUntranslatedTranslations; - this._markTranslations = Translator.markTranslations; - - let self = this; - this._initPromise = this.loadBaseLanguage().then(function () { - return self.loadUserLanguage(); - }); - } - - _loadLanguage(language) { - let self = this; - return fetch(Helper.basePath(this._languageBasePath + language + ".json")).then(function (result) { - return result.json(); - }).then(function (res) { - self._translations[language] = Object.assign(res, self._translations[language]); - self._db.saveTranslationsForLang(language, self._translations[language]); - }).catch(function (err) { - console.error("could not load lang " + language + " because of error: ", err); - }); - } - - loadBaseLanguage() { - let self = this; - return this._loadLanguage(this._baseLanguage).then(function () { - self._currentLanguage = self._baseLanguage; - if (typeof document !== 'undefined') { - document.getElementsByTagName("html")[0].setAttribute("lang", self._baseLanguage); - } - }); - }; - - static setLanguage(language) { - let instance = Translator.getInstance(); - if (instance) { - return instance.setLanguage(language); - } - } - - setLanguage(language) { - if (this._currentLanguage === language) { - this.updateTranslations(); - return Promise.resolve(); - } - - if (this._supportedLanguages.indexOf(language) === -1) { - return Promise.resolve(); - } - - this._currentLanguage = language; - if (typeof localStorage !== 'undefined') { - localStorage.setItem("language", language); - } - this._db.setLanguage(language); - - let self = this; - return this._loadLanguage(language).then(function () { - if (typeof document !== 'undefined') { - document.getElementsByTagName("html")[0].setAttribute("lang", language); - } - self.updateTranslations(); - }); - } - - static translate(key, args) { - let instance = Translator.getInstance(); - if (instance) { - return instance.translate(key, args); - } - return ""; - } - - translate(key, args) { - if (typeof key === 'object' && Helper.isNotNull(key)) { - key = this.addDynamicTranslation(key); - } - - let translation = null; - if (Helper.isNotNull(this._translations[this._currentLanguage]) && Helper.isNotNull(this._translations[this._currentLanguage][key])) { - translation = this._translations[this._currentLanguage][key]; - } - - if (Helper.isNull(translation)) { - if (Translator.logMissingTranslations) { - console.warn("missing translation for language " + this._currentLanguage + " and key " + key); - } - if (Helper.isNotNull(this._translations[this._baseLanguage])) { - translation = this._translations[this._baseLanguage][key]; - } - - if (Helper.isNull(translation)) { - if (Translator.logMissingTranslations) { - console.error("missing base translation for key " + key + ". FIX IT"); - } - translation = key; - } - if (this._markUntranslatedTranslations) { - translation = ">>" + translation + "<<"; - } - } - - if (this._markTranslations) { - translation = "$" + translation + "$"; - } - - if (args !== undefined) { - translation = translation.format(args); - } - - return translation; - } - - static addDynamicTranslation(trans) { - let instance = Translator.getInstance(); - if (instance) { - return instance.addDynamicTranslation(trans); - } - } - - addDynamicTranslation(trans) { - let key = trans["key"]; - delete trans["key"]; - for (let lang in trans) { - if (trans.hasOwnProperty(lang)) { - if (Helper.isNull(this._translations[lang])) { - this._translations[lang] = {}; - } - this._translations[lang][key] = trans[lang]; - } - } - return key; - } - - updateTranslations() { - if (typeof document !== 'undefined') { - let elements = document.querySelectorAll("[data-translation]"); - for (let i = 0, max = elements.length; i < max; i++) { - if (elements[i].dataset["translation"] != "") { - try { - elements[i].innerHTML = this.translate(elements[i].dataset["translation"], (elements[i].dataset["translationArgs"] !== undefined) ? JSON.parse(elements[i].dataset["translationArgs"]) : undefined); - } - catch (err) { - console.error("wrong configured translation: " + err); - } - } - for (let k in elements[i].dataset) { - if (k.startsWith("translation") && !k.endsWith("Args")) { - try { - elements[i][k.substr(11).toLowerCase()] = this.translate(elements[i].dataset[k], (elements[i].dataset[k + "Args"] !== undefined) ? JSON.parse(elements[i].dataset[k + "Args"]) : undefined); - } - catch (err) { - console.error("wrong configured translation: " + err); - } - } - } - } - } - } - - loadUserLanguage() { - let userLanguage = localStorage.getItem("language"); - if (Helper.isNull(userLanguage) || this._supportedLanguages.indexOf(userLanguage) === -1) { - let userLanguages = []; - if (Helper.isNotNull(navigator.languages)) { - userLanguages = navigator.languages.slice(0); //.slice(0) klont das Array. Behebt einen Bug in Firefox - } - - if (navigator.language !== undefined) { - userLanguages.push(navigator.language); - } - //sicherstellen, dass überhaupt eine Sprache gefunden wird - userLanguages.push(this._baseLanguage); - - if (userLanguages !== undefined) { - for (let i = 0, numLanguages = userLanguages.length; i < numLanguages; i++) { - if (this._supportedLanguages.indexOf(userLanguages[i]) !== -1) { - userLanguage = userLanguages[i]; - break; - } - } - } - } - return this.setLanguage(userLanguage.toLowerCase()) - } - - static makePersistentTranslation(key, args, tag) { - tag = Helper.nonNull(tag, "span"); - if (typeof key === 'object') { - key = Translator.addDynamicTranslation(key); - } - - if (typeof document !== 'undefined') { - let htmlElem = document.createElement(tag); - htmlElem.dataset["translation"] = key; - if (args !== undefined) { - htmlElem.dataset["translationArgs"] = JSON.stringify(args); - } - htmlElem.innerHTML = Translator.translate(key, args); - return htmlElem; - } - } - - static generateChangeLanguageMenuAction() { - let submenu = new Submenu(); - submenu.addAction(new MenuAction("en", function () { - Translator.getInstance().setLanguage("en"); - })); - submenu.addAction(new MenuAction("de", function () { - Translator.getInstance().setLanguage("de"); - })); - return new OpenSubmenuAction("current-lang", submenu, Menu.SHOW_ALWAYS) - } - - static init() { - Translator.instance = new Translator(); - // Translator.loadBaseLanguage().then(function () { - // Translator.loadUserLanguage(); - // }); - } - - static getInstance() { - return Translator.instance; - } -} -Translator.logMissingTranslations = false; - -Translator.instance = null; - -Translator.baseLanguage = "en"; -Translator.supportedLanguages = [ - "de", - "en" -]; -Translator.markUntranslatedTranslations = true; -Translator.markTranslations = false; -Translator.languageBasePath = "js/lang/"; -Translator.currentLanguage = null; -Translator.translations = {}; - -class Helper { - static init() { - Helper.heightMmToPxFactor = null; - Helper.widthMmToPxFactor = null; - } - - static includesNot(array, value, fromIndex) { - return -1 === array.indexOf(value, fromIndex); - } - - static includes(array, value, fromIndex) { - return !Helper.includesNot(array, value, fromIndex); - } - - static isSet() { - if (arguments.length > 0) { - const object = arguments[0]; - let keys = Array.prototype.slice.call(arguments, 1); - return (Helper.isNotNull(object) && (keys.length === 0 || Helper.isSet.apply(null, [object[keys[0]]].concat(keys.slice(1))))); - } - return false; - } - - static isNull(variable) { - return (variable === null || variable === undefined); - } - - static isNotNull(variable) { - return !Helper.isNull(variable); - } - - static nonNull(val1, val2) { - for (let i = 0; i < arguments.length; i++) { - if (Helper.isNotNull(arguments[i])) { - return arguments[i]; - } - } - return null; - } - - static notEmpty(value) { - return !Helper.empty(value); - } - - static buildQuery(values) { - let queryStrings = []; - for (let k in values) { - queryStrings.push(encodeURIComponent(k) + "=" + encodeURIComponent(values[k])); - } - return "?" + queryStrings.join("&"); - } - - static empty(value) { - return (Helper.isNull(value) || (typeof value === 'string' && value.trim() === "")) - } - - static inflateElementsFromString(string) { - let template = document.createElement('template'); - template.innerHTML = string; - return template.content.childNodes; - } - - static createLoadingSymbol() { - let svgNS = "http://www.w3.org/2000/svg"; - - let loader = document.createElement("div"); - loader.className = 'loader'; - - let svg = document.createElementNS(svgNS, "svg"); - svg.setAttribute('viewBox', "0 0 32 32"); - svg.setAttribute("widh", "32"); - svg.setAttribute("height", "32"); - - let circle = document.createElementNS(svgNS, "circle"); - circle.setAttribute("id", "spinner"); - circle.setAttribute("cx", "16"); - circle.setAttribute("cy", "16"); - circle.setAttribute("r", "14"); - circle.setAttribute("fill", "none"); - - svg.appendChild(circle); - loader.appendChild(svg); - - return loader; - } - - static basePath(url) { - return SystemSettings.getBasePath() + url; - } - - static isMobileApple() { - return navigator.userAgent.match(/iPhone|iPad|iPod/i); - } - - static isMobile() { - return (navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i) !== null || Helper.isMobileApple() || (typeof window.orientation !== "undefined" || window.orientation === false || window.orientation === null)); - } - - static select(e) { - let range = document.createRange(); - range.selectNodeContents(e); - let sel = window.getSelection(); - sel.removeAllRanges(); - sel.addRange(range); - } - - static format(number, leadingZeros) { - number = "" + number; - while (number.length < leadingZeros) { - number = "0" + number; - } - return number; - } - - static cloneNode(srcNode) { - let destNode = srcNode.cloneNode(true); - destNode.onclick = srcNode.onclick; - return destNode; - } - - static encodeToBase(stringToEncode, base) { - let encodedString = ""; - let charlength = Math.floor(Math.log(265) / Math.log(base)); - for (let i = 0; i < stringToEncode.length; i++) { - let value = stringToEncode.charCodeAt(i).toString(base); - let joinLength = value.length % charlength; - if (joinLength > 0) { - let joinArray = new Array(charlength + 1 - (joinLength)); //+1, da join nur zwischen elemente einfügt - value = joinArray.join("0") + value; - } - encodedString += value; - } - return encodedString; - } - - static decodeToBase(stringToDecode, base) { - let charlength = Math.floor(Math.log(265) / Math.log(base)); - let values = stringToDecode.match(new RegExp(".{1," + charlength + "}", "g")) || []; - let encodedString = ""; - for (let i = 0, n = values.length; i < n; i++) { - encodedString += String.fromCharCode(parseInt(values[i], base)); - } - return encodedString; - } - - static toggleVisibility(elem) { - if (elem.style.display === "none") { - elem.style.display = ""; - return true; - } - else { - elem.style.display = "none"; - return false; - } - } - - static print(content) { - let printContent = document.getElementById("print-content"); - if (content instanceof Element) { - printContent.removeAllChildren(); - printContent.appendChild(content); - } - else { - printContent.innerHTML = content; - } - window.print(); - } - - static strftime(sFormat, date, useUTC) { - if (!(date instanceof Date)) date = new Date(date); - useUTC = Helper.nonNull(useUTC, false); - let nDay = (useUTC) ? date.getUTCDay() : date.getDay(), - nDate = (useUTC) ? date.getUTCDate() : date.getDate(), - nMonth = (useUTC) ? date.getUTCMonth() : date.getMonth(), - nYear = (useUTC) ? date.getUTCFullYear() : date.getFullYear(), - nHour = (useUTC) ? date.getUTCHours() : date.getHours(), - aDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], - aMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], - aDayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334], - isLeapYear = function () { - if ((nYear & 3) !== 0) return false; - return nYear % 100 !== 0 || nYear % 400 === 0; - }, - getThursday = function () { - let target = new Date(date); - target.setDate(nDate - ((nDay + 6) % 7) + 3); - return target; - }, - zeroPad = function (nNum, nPad) { - return ('' + (Math.pow(10, nPad) + nNum)).slice(1); - }; - - return sFormat.replace(/%[a-z]/gi, function (sMatch) { - return { - '%a': Translator.makePersistentTranslation(aDays[nDay].slice(0, 3)).outerHTML, - '%A': Translator.makePersistentTranslation(aDays[nDay]).outerHTML, - '%b': Translator.makePersistentTranslation(aMonths[nMonth].slice(0, 3)).outerHTML, - '%B': Translator.makePersistentTranslation(aMonths[nMonth]).outerHTML, - '%c': date.toUTCString(), - '%C': Math.floor(nYear / 100), - '%d': zeroPad(nDate, 2), - '%e': nDate, - '%f': zeroPad(date.getTime() % 1000, 4), - '%F': date.toISOString().slice(0, 10), - '%G': getThursday().getFullYear(), - '%g': ('' + getThursday().getFullYear()).slice(2), - '%H': zeroPad(nHour, 2), - '%I': zeroPad((nHour + 11) % 12 + 1, 2), - '%j': zeroPad(aDayCount[nMonth] + nDate + ((nMonth > 1 && isLeapYear()) ? 1 : 0), 3), - '%k': '' + nHour, - '%l': (nHour + 11) % 12 + 1, - '%m': zeroPad(nMonth + 1, 2), - '%M': zeroPad(date.getMinutes(), 2), - '%p': (nHour < 12) ? 'AM' : 'PM', - '%P': (nHour < 12) ? 'am' : 'pm', - '%s': Math.round(date.getTime() / 1000), - '%S': zeroPad(date.getSeconds(), 2), - '%u': nDay || 7, - '%V': (function () { - let target = getThursday(), - n1stThu = target.valueOf(); - target.setMonth(0, 1); - let nJan1 = target.getDay(); - if (nJan1 !== 4) target.setMonth(0, 1 + ((4 - nJan1) + 7) % 7); - return zeroPad(1 + Math.ceil((n1stThu - target) / 604800000), 2); - })(), - '%w': '' + nDay, - '%x': date.toLocaleDateString(), - '%X': date.toLocaleTimeString(), - '%y': ('' + nYear).slice(2), - '%Y': nYear, - '%z': date.toTimeString().replace(/.+GMT([+-]\d+).+/, '$1'), - '%Z': date.toTimeString().replace(/.+\((.+?)\)$/, '$1') - }[sMatch] || sMatch; - }); - } - - static cloneJson(obj) { - // https://stackoverflow.com/questions/4120475/how-to-create-and-clone-a-json-object/17502990#17502990 - let i; - - // basic type deep copy - if (Helper.isNull(obj) || typeof obj !== 'object') { - return obj - } - // array deep copy - if (obj instanceof Array) { - let cloneA = []; - for (i = 0; i < obj.length; ++i) { - cloneA[i] = Helper.cloneJson(obj[i]); - } - return cloneA; - } - if (obj instanceof Date) - { - return new Date(obj.getTime()); - } - // object deep copy - let cloneO = {}; - for (i in obj) { - cloneO[i] = Helper.cloneJson(obj[i]); - } - return cloneO; - } - - static htmlspecialcharsDecode(text) { - const map = { - '&': '&', - '&': "&", - '<': '<', - '>': '>', - '"': '"', - ''': "'", - '’': "’", - '‘': "‘", - '–': "–", - '—': "—", - '…': "…", - '”': '”' - }; - - if (Helper.isNotNull(text) && typeof text.replace === "function") { - return text.replace(/\&[\w\d\#]{2,5}\;/g, function (m) { - return map[m]; - }); - } - return text; - } - - static formDataFromObject(obj) { - let formData = new FormData(); - for (let k in obj) { - formData.set(k, obj[k]); - } - return formData; - } - - static scaleContentRecursive(element, content) { - - let elementStyle = window.getComputedStyle(element); - let contentStyle = window.getComputedStyle(content); - - if (contentStyle.height > elementStyle.height || contentStyle.width > elementStyle.width) { - return Helper.scaleDownContentRecursive(element, content); - } - } - - static scaleDownContentRecursive(element, content) { - Helper.convertChildrenToRelativeRecursive(element); - - let elementStyle = window.getComputedStyle(element); - let contentStyle = window.getComputedStyle(content); - - let runs = 0; - let fontSize = parseFloat(contentStyle.getPropertyValue("font-size")); - let width = contentStyle.width; - let height = contentStyle.height; - while (contentStyle.height > elementStyle.height || contentStyle.width > elementStyle.width) { - fontSize *= 0.95; - - if (height > elementStyle.height) { - height *= 0.95; - } - if (width > contentStyle.width) { - width *= 0.95; - } - content.style["font-size"] = fontSize + "px"; - content.style["max-height"] = height + "px"; - content.style["max-width"] = width + "px"; - - runs++; - if (runs > 2000) { - console.log("breaked"); - break; - } - } - Helper.convertToRelative(content); - - contentStyle = window.getComputedStyle(content); - content.style["font-size"] = (parseFloat(contentStyle.getPropertyValue("font-size")) / parseFloat(document.documentElement.clientHeight) * 100) + "vh"; - } - - static convertChildrenToRelativeRecursive(element) { - let children = element.childNodes; - for (let i = 0, n = children.length; i < n; i++) { - if (children[i] instanceof Element) { - Helper.convertToRelative(children[i]); - Helper.convertChildrenToRelativeRecursive(children[i]); - } - } - } - - static convertToRelative(element) { - let hasTransitionClass = (element.classList.contains("no-transtition")); - - element.classList.add("no-transition"); - - let parent = element.parentNode; - - console.log(element); - let elementStyle = window.getComputedStyle(element); - let parentStyle = window.getComputedStyle(parent); - - let fontSize = parseFloat(elementStyle.getPropertyValue("font-size")) / parseFloat(parentStyle.getPropertyValue("font-size")); - - let maxHeight = elementStyle.height; - let maxWidth = elementStyle.width; - - let pHeight = parentStyle.height; - let pWidth = parentStyle.width; - - let relativeAttributes = element.style; - relativeAttributes['max-height'] = Math.floor(maxHeight / pHeight * 100) + "%"; - relativeAttributes['margin-left'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-left')) / pWidth * 100) + "%"; - relativeAttributes['margin-right'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-right')) / pWidth * 100) + "%"; - relativeAttributes['margin-top'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-top')) / pHeight * 100) + "%"; - relativeAttributes['margin-bottom'] = Math.floor(parseFloat(elementStyle.getPropertyValue('margin-bottom')) / pHeight * 100) + "%"; - relativeAttributes['max-width'] = Math.floor(maxWidth / pWidth * 100) + "%"; - relativeAttributes["font-size"] = fontSize + "em"; - // console.log(relativeAttributes); - // element.css(relativeAttributes); - - if (!hasTransitionClass) { - element.classList.remove("no-transition"); - } - } - - static isChrome() { - let isChromium = window.chrome, - winNav = window.navigator, - vendorName = winNav.vendor, - isOpera = winNav.userAgent.indexOf("OPR") > -1, - isIEedge = winNav.userAgent.indexOf("Edge") > -1, - isIOSChrome = winNav.userAgent.match("CriOS"); - - if (isIOSChrome) { - return true; - } else { - return isChromium !== null && - typeof isChromium !== "undefined" && - vendorName === "Google Inc." && - isOpera === false && - isIEedge === false; - } - } - - static getIndexedObject(array, keyValue) { - let obj = {}; - for (let i = 0, n = array.length; i < n; i++) { - obj[array[i][keyValue]] = array[i]; - } - return obj; - } - - static invertKeyValues(obj) { - let new_obj = {}; - - for (let prop in obj) { - if (obj.hasOwnProperty(prop)) { - new_obj[obj[prop]] = prop; - } - } - - return new_obj; - } - - static toArray(object) { - let res = []; - for (let k in object) { - res.push(object[k]); - } - return res; - } -} -Helper.init(); - -class SystemSettings { - static setBasePath(basePath) { - SystemSettings._basePath = basePath; - } - - static getBasePath() { - return SystemSettings._basePath; - } - - static set(key, value) { - SystemSettings._settings[key] = value; - } - - static get(key, defaultValue) { - return Helper.nonNull(SystemSettings._settings[key], defaultValue); - } - - static has(key){ - return Helper.nonNull(SystemSettings._settings[key]); - } -} - -SystemSettings.setBasePath("/"); -SystemSettings._settings = {}; - -class ThemeManager { - static init() { - ThemeManager.loadCurrentTheme(); - } - - static changeCurrentTheme(newTheme) { - let theme = null; - if (typeof newTheme === 'string') { - let themes = ThemeManager.themes.filter(function (theme) { - return theme._name === newTheme; - }); - if (themes.length > 0) { - theme = themes[0]; - } - } - else if (ThemeManager.themes.indexOf(newTheme) !== -1) { - theme = newTheme; - } - if (Helper.isNotNull(theme)) { - localStorage.setItem("currentTheme", theme._name); - let themePromise = new Promise(function (resolve) { - document.querySelector("nav.top-bar").addEventListener("transitionend", function(){ - resolve(); - }); - }); - document.body.className = theme._className; - ThemeManager.currentTheme = theme; - for (let i = 0, n = ThemeManager.changeListeners.length; i < n; i++) { - ThemeManager.changeListeners[i](ThemeManager.currentTheme, themePromise); - } - } - } - - static addTheme(theme) { - ThemeManager.themes.push(theme); - } - - static loadCurrentTheme() { - ThemeManager.changeCurrentTheme(localStorage.getItem("currentTheme")); - if (Helper.isNull(ThemeManager.currentTheme)) { - let className = document.body.className; - let themes = ThemeManager.themes.filter(function (theme) { - return theme._className === className; - }); - if (themes.length > 0) { - ThemeManager.changeCurrentTheme(themes[0]); - } - else if (ThemeManager.themes.length > 0) { - ThemeManager.changeCurrentTheme(ThemeManager.themes[0]); - } - } - } - - static generateChangeThemeMenuAction() { - return new MenuAction(ThemeManager.currentTheme._name, function (action) { - let currentThemeIndex = ThemeManager.themes.indexOf(ThemeManager.currentTheme); - let nextIndex = (currentThemeIndex + 1) % ThemeManager.themes.length; - ThemeManager.changeCurrentTheme(ThemeManager.themes[nextIndex]); - action.title = ThemeManager.currentTheme._name; - action._menu.redraw(); - }, Menu.SHOW_ALWAYS) - } - - static addChangeListener(listener) { - ThemeManager.changeListeners.push(listener); - } -} - -ThemeManager.themes = []; -ThemeManager.changeListeners = []; - -class CookieCompliance { - - static async showIfNeeded(cookieContainer) { - let cookieCompliance = new CookieCompliance(cookieContainer); - return cookieCompliance.showIfNeeded(); - } - - constructor(cookieContainerId) { - this.cookieContainerId = cookieContainerId; - this.dropCookie = true; - this.cookieDuration = 365 * 10; - this.cookieName = 'complianceCookie'; - this.cookieValue = 'true'; - } - - async showIfNeeded() { - if (CookieCompliance.checkCookie(this.cookieName) !== this.cookieValue) { - return this.show(); - } - return Promise.resolve(); - } - - removeMe() { - this.createCookie(this.cookieName, this.cookieValue, this.cookieDuration); - } - - createCookie(name, value, days) { - let expires; - if (Helper.isNotNull(days)) { - const date = new Date(); - date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); - expires = "; expires=" + date.toGMTString(); - } - else { - expires = ""; - } - if (this.dropCookie) { - document.cookie = name + "=" + value + expires + "; path=/"; - } - } - - eraseCookie(name) { - this.createCookie(name, "", -1); - } - - static checkCookie(name) { - const nameEQ = name + "="; - const cookies = document.cookie.split(';'); - for (let i = 0; i < cookies.length; i++) { - let c = cookies[i]; - while (c.charAt(0) === ' ') { - c = c.substring(1, c.length); - } - if (c.indexOf(nameEQ) === 0) { - return c.substring(nameEQ.length, c.length); - } - } - return null; - } - - show() { - let cookieCompliance = this; - const cookieMessage = document.getElementById(this.cookieContainerId); - cookieMessage.style.display = 'block'; - return new Promise(r => { - cookieMessage.querySelector("#close-cookie-msg").onclick = function () { - cookieCompliance.removeMe(); - cookieMessage.remove(); - r(); - }; - }); - } -} - -class ActionBarMenu extends Menu { - static init() { - function parseStyleToObject(str) { - let styleObject = {}; - - if (typeof str !== 'string') { - return styleObject; - } - - str = str.trim().slice(1, -1); // browsers re-quote string style values - - if (!str) { - return styleObject; - } - - styleObject = str.split('&').reduce(function (ret, param) { - const parts = param.replace(/\+/g, ' ').split('='); - let key = parts[0]; - let val = parts[1]; - key = decodeURIComponent(key); - - // missing `=` should be `null`: - // http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters - val = val === undefined ? null : decodeURIComponent(val); - - if (!ret.hasOwnProperty(key)) { - ret[key] = val; - } else if (Array.isArray(ret[key])) { - ret[key].push(val); - } else { - ret[key] = [ret[key], val]; - } - return ret; - }, {}); - - return styleObject; - } - - let cssStyle = document.getElementsByClassName('foundation-mq'); - if (cssStyle.length === 0) { - return; - } - let queries = []; - cssStyle = parseStyleToObject(window.getComputedStyle(cssStyle[0]).getPropertyValue('font-family')); - for (let key in cssStyle) { - if (cssStyle.hasOwnProperty(key)) { - queries.push({ - _name: key, - value: 'only screen and (min-width: ' + cssStyle[key] + ')' - }); - } - } - - window.addEventListener('resize', function () { - if (Helper.isNotNull(ActionBarMenu.currentMenu)) { - ActionBarMenu.currentMenu.updateToggleButton(); - } - }); - let responsiveMenu = document.getElementById("responsive-menu"); - document.getElementById("responsive-menu-toggle").onclick = function () { - if (window.getComputedStyle(responsiveMenu).getPropertyValue('display') === 'none') { - responsiveMenu.style.display = 'block'; - } - else if (Helper.isNotNull(ActionBarMenu.currentMenu)) { - ActionBarMenu.currentMenu.close(); - - } - }; - responsiveMenu.firstElementChild.addEventListener("click", function (e) { - if (e.target === responsiveMenu.firstElementChild && Helper.isNotNull(ActionBarMenu.currentMenu)) { - ActionBarMenu.currentMenu.close(); - } - } - ); - ActionBarMenu.queries = queries; - } - - static _getCurrentSize() { - let matched; - - for (let i = 0; i < ActionBarMenu.queries.length; i++) { - let query = ActionBarMenu.queries[i]; - - if (matchMedia(query.value).matches) { - matched = query; - } - } - - if (typeof matched === 'object') { - return matched._name; - } else { - return matched; - } - } - - static filterVisibleElements(elements) { - let visibleElements = []; - for (let i = 0, n = elements.length; i < n; i++) { - if (!elements[i].classList.contains("hidden")) { - visibleElements.push(elements[i]); - } - } - return visibleElements; - } - - renderLiElement(aElement, action) { - let liElement = super.renderLiElement(aElement, action); - liElement.classList.add(action.getShowFor()); - return liElement; - } - - updateToggleButton() { - let size = ActionBarMenu._getCurrentSize(); - let firstParentElement = this.parentElements[0]; - if ((size === "medium" || size === "smedium" || size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_LARGE)).length > 0 || - (size === "smedium" || size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_MEDIUM)).length > 0 || - (size === "small") && ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_FOR_SMEDIUM)).length > 0 || - ActionBarMenu.filterVisibleElements(firstParentElement.getElementsByClassName(Menu.SHOW_NEVER)).length > 0) { - document.getElementById("responsive-menu-toggle").style.display = 'block'; - } else { - document.getElementById("responsive-menu-toggle").style.display = 'none'; - if (Helper.isNotNull(ActionBarMenu.currentMenu)) { - ActionBarMenu.currentMenu.close(); - } - } - } - - _getOnClickListener() { - let superListener = super._getOnClickListener(); - return function (event) { - let action = superListener(event); - if (!(action instanceof OpenSubmenuAction) && Helper.isNotNull(ActionBarMenu.currentMenu)) { - ActionBarMenu.currentMenu.close(); - } - } - } - - draw(parentElement) { - let returnValue = super.draw(parentElement); - this.updateToggleButton(); - - ActionBarMenu.currentMenu = this; - return returnValue; - } - - close() { - document.getElementById("responsive-menu").style.display = 'none'; - for (let i = 0, n = this.submenus.length; i < n; i++) { - this.submenus[i].close(); - } - } - - removeAction(action) { - let res = super.removeAction(action); - this.updateToggleButton(); - return res; - } -} - -ActionBarMenu.queries = []; -ActionBarMenu.currentMenu = null; -ActionBarMenu.init(); - -class ViewInflater { - static inflate(viewUrl, parentUrls) { - parentUrls = Helper.nonNull(parentUrls, []).slice(0); - - let resultPromise = Promise.resolve(); - if (viewUrl instanceof Element) { - resultPromise = Promise.resolve(viewUrl); - } - else { - if (parentUrls.indexOf(viewUrl) !== -1) { - return Promise.reject("views are in a circuit! cannot resolve view for url " + parentUrls[0] + "! url " + viewUrl + " is in stack before!"); - } - parentUrls.push(viewUrl); - resultPromise = fetch(Helper.basePath(viewUrl), {credentials: "same-origin"}).then(function (result) { - return result.text(); - }).then(function (htmlText) { - let doc = (new DOMParser()).parseFromString(htmlText, "text/html"); - if (Helper.isNull(doc)) { - doc = document.implementation.createHTMLDocument(''); - doc.body.innerHTML = htmlText; - } - return doc.body.firstChild - }); - } - - return resultPromise.then(function (parentElement) { - let promises = []; - let childViews = parentElement.querySelectorAll("[data-view]"); - - for (let i = 0, n = childViews.length; i < n; i++) { - promises.push(ViewInflater.inflate(childViews[i].dataset["view"], parentUrls).then(function (element) { - childViews[i].replaceWith(element); - })); - } - return Promise.all(promises).then(function () { - return parentElement; - }); - }); - } -} - -class Context { - constructor(view) { - let self = this; - this._siteContent = null; - this.firstStart = true; - this.inflatePromise = new Promise(function (resolver) { - self.inflatePromiseResolver = resolver; - }); - this.fragments = {}; - - if (Helper.isNotNull(view)) { - this.inflateView(view); - } - } - - onConstruct() { - let results = []; - for (let k in this.fragments) { - results.push(this.fragments[k].onConstruct.apply(this.fragments[k], arguments)); - results.push(this.fragments[k].inflatePromise); - } - return Promise.all(results); - } - - onStart() { - if (this.firstStart) { - this.onFirstStart(); - this.firstStart = false; - } - - for (let k in this.fragments) { - let fragment = this.fragments[k]; - fragment.onStart.apply(this.fragments[k], arguments); - this.fragments[k].inflatePromise.then(function (fragmentView) { - if (fragment.isActive()) { - fragmentView.classList.remove("hidden"); - } - else { - fragmentView.classList.add("hidden"); - } - }); - } - } - - onFirstStart() { - // for (let k in this.fragments) { - // this.fragments[k].onFirstStart.apply(this.fragments[k], arguments); - // } - } - - onPause() { - for (let k in this.fragments) { - this.fragments[k].onPause.apply(this.fragments[k], arguments); - } - } - - onDestroy() { - for (let k in this.fragments) { - this.fragments[k].onDestroy.apply(this.fragments[k], arguments); - } - } - - addFragment(viewQuery, fragment) { - this.fragments[viewQuery] = fragment; - this.inflatePromise = this.inflatePromise.then(function (siteContent) { - return fragment.inflatePromise.then(function (fragmentView) { - siteContent.querySelector(viewQuery).appendChild(fragmentView); - return siteContent; - }); - }); - } - - /** @protected */ - inflateView(link) { - let self = this; - this.inflatePromiseResolver(ViewInflater.inflate(link).then(function (siteContent) { - self._siteContent = siteContent; - return siteContent; - })); - - return this.inflatePromise; - } - - findBy(query, all, asPromise) { - all = Helper.nonNull(all, false); - asPromise = Helper.nonNull(asPromise, false); - - let getVal = function (root) { - let res = null; - if (all) { - res = root.querySelectorAll(query); - if (root.matches(query)) { - res.push(root); - } - } - else { - if (root.matches(query)) { - res = root; - } - else { - res = root.querySelector(query); - } - } - return res; - }; - - if (asPromise) { - return this.inflatePromise.then(function (rootView) { - return getVal(rootView); - }); - } - return getVal(this._siteContent); - } -} - -class AbstractSite extends Context { - constructor(siteManager, view, deepLink) { - super(view); - - this.isVisible = false; - this.siteManager = siteManager; - this.isFinishing = false; - this.actionMenu = null; - this.url = ""; - this.deepLink = deepLink; - this.startArgs = {}; - this.title = siteManager.getDefaultTitle(); - } - - setTitle(titleElement, title) { - if (typeof titleElement === "string") { - title = titleElement; - titleElement = document.createTextNode(titleElement); - } - this.title = { - element: titleElement - }; - this.title["title"] = Helper.nonNull(title, this.title["title"]); - - if (this.isVisible) { - this.siteManager.updateTitle(); - } - } - - startStartsite() { - return this.startSite(this.siteManager.getStartSiteName()); - } - - inflateView(link) { - let self = this; - return super.inflateView(link).then(function (res) { - let promises = []; - for (let i = 0, n = self.fragments.length; i < n; i++) { - promises.push(self.fragments[i].inflatePromise); - } - return Promise.all(promises).then(function () { - return res; - }); - }); - } - - onConstruct(args) { - this.startArgs = args; - if (Helper.isNotNull(this.deepLink)) { - this.setUrlFromParams(args); - } - return super.onConstruct(args); - } - - onStart(args) { - this.isVisible = true; - let res = super.onStart(args); - this.actionMenu.redraw(); - return res; - } - - onPause(args) { - super.onPause(args); - this.isVisible = false; - } - - finish(result) { - if (!this.isFinishing) { - this.isFinishing = true; - this.siteManager.endSite(this, result); - } - } - - startSite(siteName, args) { - return this.siteManager.startSite(siteName, args); - } - - toForeground() { - this.siteManager.toForeground(this); - } - - finishAndStartNext(siteName, startParams, finishResult) { - this.startSite(siteName, startParams); - this.finish(finishResult); - } - - createActionBarMenu(menu) { - let defaultActions = this.siteManager.getDefaultActions(); - for (let i = 0, n = defaultActions.length; i < n; i++) { - menu.addAction(defaultActions[i].copy()); - } - return menu; - } - - setUrl(url) { - this.url = url; - this.siteManager.updateUrl(this); - } - - setUrlFromParams(params) { - this.setUrl(this.deepLink + Helper.buildQuery(params)); - } - - updateUrlParams(params) { - this.startArgs = Object.assign(this.startArgs, params); - this.setUrlFromParams(this.startArgs); - } - - getUrl() { - return this.url; - } - - getFullUrl() { - return Helper.basePath(this.url); - } - - onBackPressed() { - } - - addListener(event, selector, listenerFunction) { - this.siteManager.addListener(this, event, selector, listenerFunction); - } - - addKeyListener(keycode, listenerFunction) - { - this.siteManager.addKeyListener(this, keycode, listenerFunction); - } - - addKeyAndEventListener(keycode, event, selector, listenerFunction) { - this.siteManager.addKeyAndEventListener(this, keycode, event, selector, listenerFunction); - } -} - -class SiteContainer { - constructor(site, finishResolver) { - this._site = site; - this._siteContent = null; - this._pauseParameters = {}; - this._startParameters = {}; - this._finishResolver = finishResolver; - } - getSite() { - return this._site; - } - - setSite(site) { - if (site instanceof AbstractSite) { - this._site = site; - } - } - - getSiteContent() { - return this._siteContent; - } - - setSiteContent(value) { - this._siteContent = value; - } - - getPauseParameters() { - return this._pauseParameters; - } - - setPauseParameters(value) { - this._pauseParameters = value; - } - - getStartParameters() { - return this._startParameters; - } - - setStartParameters(value) { - this._startParameters = value; - } - - getFinishResolver() { - return this._finishResolver; - } - - setFinishResolver(value) { - this._finishResolver = value; - } -} - -class SiteManager { - constructor(siteDivId, actionBarMenuSelector) { - this.siteDiv = document.getElementById(siteDivId); - this.siteContainerStack = []; - this.currentSiteContainerToShow = null; - this.actionBarMenuSelector = Helper.nonNull(actionBarMenuSelector, '.action-bar'); - - this.siteStartingPromise = Promise.resolve(); - this.defaultActions = []; - this.startSiteName = null; - - this.titleElement = document.querySelector(".top-bar-title"); - - const defaultTitleElem = document.createElement("span"); - while (this.titleElement.childNodes.length > 0) { - const child = this.titleElement.firstChild; - child.remove(); - defaultTitleElem.appendChild(child); - } - - this.defaultTitle = { - element: defaultTitleElem, - title: document.title - }; - - let siteManager = this; - window.onpopstate = function (e) { - if (siteManager.siteContainerStack.length >= 1) { - let site = siteManager.siteContainerStack[siteManager.siteContainerStack.length - 1].getSite(); - if (site.onBackPressed() !== false) { - siteManager.endSite(site); - } - } - }; - } - - getDefaultTitle() { - return this.defaultTitle; - } - - setStartSiteName(startSiteName) { - this.startSiteName = startSiteName; - } - - getStartSiteName() { - return this.startSiteName; - } - - addDefaultAction(action) { - this.defaultActions.push(action); - } - - getDefaultActions() { - return this.defaultActions; - } - - async startSite(siteConstructor, paramsPromise) { - if (!(siteConstructor.prototype instanceof AbstractSite)) { - throw { - "error": "wrong class given! Expected AbstractSite, given " + siteConstructor.name - }; - } - - let site = new siteConstructor(this); - let resolver = {}; - let finishPromise = new Promise(function (resolve, reject) { - resolver.resolve = resolve; - resolver.reject = reject; - }); - let siteContainer = new SiteContainer(site, resolver); - this.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol()); - - this.siteStartingPromise = Promise.resolve(paramsPromise).then(async (params) => { - siteContainer.setStartParameters(params); - await Promise.all([site.onConstruct(params), site.inflatePromise]); - - site.actionMenu = site.createActionBarMenu(this.buildActionBarMenu()); - return this.show(siteContainer); - }).catch((e) => { - console.error("site start error for site ", siteConstructor.name, e); - }); - - return finishPromise; - } - - endSite(site, result) { - let manager = this; - this.siteStartingPromise.then(function () { - let index = manager.findContainerIndexBySite(site); - let container = manager.siteContainerStack.splice(index, 1); - container = container[0]; - - let showSiteContainer = null; - if (container === manager.currentSiteContainerToShow) { - manager.currentSiteContainerToShow.getSite().onPause(); - manager.currentSiteContainerToShow = null; - let newSiteContainerIndex = manager.siteContainerStack.length - 1; - if (newSiteContainerIndex < 0) { - - manager.showAppEndedMessage(); - manager.startSite(manager.startSiteName); - return; - } - manager.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol()); - showSiteContainer = manager.siteContainerStack[newSiteContainerIndex]; - } - container.getSite().onDestroy(); - - Promise.resolve(result).then(function (resValue) { - container.getFinishResolver().resolve(resValue); - if (Helper.isNotNull(showSiteContainer)) { - manager.show(showSiteContainer); - } - }); - }); - } - - addListener(site, event, _selector, listener) { - this.siteDiv.addEventListener(event, function (_event) { - let _element = _event.target; - if (site.isVisible && _element.matches(_selector)) { - listener(_element, _event); - } - }); - } - - addKeyAndEventListener(site, keycode, event, selector, listener) { - this.addListener(site, event, selector, listener); - this.addKeyListener(site, keycode, listener); - } - - addKeyListener(site, keycode, listener) { - window.addEventListener("keydown", function (e) { - if (site.isVisible && e.which === keycode) { - listener(this, e); - } - }); - } - - toForeground(site) { - let index = this.findContainerIndexBySite(site); - let container = this.siteContainerStack.splice(index, 1); - container = container[0]; - - this.show(container); - } - - refreshCurrentSite() { - return this.show(this.currentSiteContainerToShow); - } - - /** @private */ - show(siteContainer) { - if (Helper.isNotNull(this.currentSiteContainerToShow)) { - this.currentSiteContainerToShow.setPauseParameters(this.currentSiteContainerToShow.getSite().onPause()); - this.currentSiteContainerToShow.setSiteContent(this.siteDiv.innerHTML); - } - this.siteDiv.removeAllChildren().appendChild(Helper.createLoadingSymbol()); - - let siteManager = this; - this.currentSiteContainerToShow = siteContainer; - if (-1 === this.siteContainerStack.indexOf(siteContainer)) { - this.siteContainerStack.push(siteContainer); - } - - return siteContainer.getSite().inflatePromise.then(function (data) { - siteContainer.getSite().actionMenu.redraw(); - siteManager.siteDiv.removeAllChildren().appendChild(data); - siteManager.updateTitle(); - Translator.getInstance().updateTranslations(); - return data; - }).then(function (data) { - siteContainer.getSite().onStart(siteContainer.getPauseParameters()); - history.pushState({ - 'siteName': siteContainer.getSite().constructor.name, - 'siteData': data.outerHTML, - 'stackPosition': siteManager.siteContainerStack.length - 1 - }, siteContainer.getSite().constructor.name, siteContainer.getSite().getFullUrl()); - }); - } - - updateUrl(site) { - if (Helper.isNotNull(this.currentSiteContainerToShow) && this.currentSiteContainerToShow.getSite() === site) { - let self = this; - history.replaceState({ - 'siteName': site.constructor.name, - 'siteData': site._siteContent.outerHTML, - 'stackPosition': self.siteContainerStack.length - 1 - }, site.constructor.name, site.getFullUrl()); - } - } - - getCurrentSite() { - if (this.currentSiteContainerToShow != null) - return this.currentSiteContainerToShow.getSite(); - } - - redrawCurrentActionBar() { - if (this.currentSiteContainerToShow != null) - this.currentSiteContainerToShow.getSite().actionMenu.redraw(); - } - - updateTitle() { - let title = this.getCurrentSite().title; - this.titleElement.removeAllChildren().appendChild(title.element); - document.title = Helper.nonNull(title.title, this.defaultTitle.title); - } - - /** @private */ - findContainerIndexBySite(site) { - for (let i = 0, n = this.siteContainerStack.length; i < n; i++) { - if (this.siteContainerStack[i].getSite() === site) { - return i; - } - } - return -1; - } - - /** @private */ - findContainerBySite(site) { - let index = this.findContainerIndexBySite(site); - if (index === -1) { - return null; - } - return this.siteContainerStack[index]; - } - - /** @private */ - showAppEndedMessage() { - this.siteDiv.removeAllChildren().appendChild(Translator.makePersistentTranslation("The app has ended! Please close the window.")); - } - - /** @private */ - buildActionBarMenu() { - return new ActionBarMenu(this.actionBarMenuSelector); - } -} - -class PauseSite extends AbstractSite { - onConstruct(args) { - let pausedElement = null; - - if (Helper.isSet(args, "url")) { - pausedElement = args["url"]; - } - else { - pausedElement = document.createElement("div"); - pausedElement.innerHTML = "Paused..."; - } - - this.inflateView(pausedElement); - } -} - -class App { - constructor() { - this._siteManager = null; - this._actionBarMenuSelector = '.action-bar'; - this._basePath = SystemSettings.getBasePath(); - this._siteContentId = 'site-content'; - this._deepLinks = new Map(); - this._defaultActions = []; - this._addThemeAction = false; - this._showCookieCompliance = true; - this._startSite = null; - } - - getSiteManager() - { - return this._siteManager; - } - - addDefaultAction(action) { - this._defaultActions.push(action); - } - - setAddThemeAction(addThemeAction) { - this._addThemeAction = addThemeAction; - } - - getSiteContentId() { - return this._siteContentId; - } - - setSiteContentId(value) { - this._siteContentId = value; - } - - getActionBarMenuSelector() { - return this._actionBarMenuSelector; - } - - setActionBarMenuSelector(value) { - this._actionBarMenuSelector = value; - } - - getBasePath() { - return this._basePath; - } - - setBasePath(value) { - this._basePath = value; - } - - addDeepLink(alias, site) { - this._deepLinks.set(alias.toLowerCase(), site); - } - - setShowCookieCompliance(cookieCompliance) - { - this._showCookieCompliance = cookieCompliance; - } - - refreshCurrentSite() - { - this._siteManager.refreshCurrentSite(); - } - - pause(elementToShow){ - this.startSite(PauseSite, {"url": elementToShow}); - } - - resume(){ - const currentSite = this._siteManager.getCurrentSite(); - if (currentSite instanceof PauseSite) - { - currentSite.finish(); - } - } - - _resolveDeepLink(deepLink) { - deepLink = deepLink.toLowerCase(); - if (this._deepLinks.has(deepLink)) { - return this._deepLinks.get(deepLink); - } - return null; - } - - _getDeepLink() { - let deepLink = ""; - if (window.location.pathname.search(this._basePath) === 0) { - deepLink = window.location.pathname.substr(this._basePath.length).trim(); - } - if (deepLink.charAt(0) === '/') { - deepLink = deepLink.substr(1).trim(); - } - if (deepLink.charAt(deepLink.length - 1) === '/') { - deepLink = deepLink.substr(0, deepLink.length - 2).trim(); - } - if (deepLink.length === 0 && window.location.hash) { - deepLink = window.location.hash.substr(1).trim(); - } - - return this._resolveDeepLink(deepLink); - } - - _addDeepLinksListener() { - let app = this; - let elements = document.getElementsByClassName("deep-link"); - for (let i = 0, n = elements.length; i < n; i++) { - elements[i].addEventListener("click", function (e) { - e.preventDefault(); - app._siteManager.startSite(Helper.nonNull(app._resolveDeepLink(this.dataset["siteName"]), app._startSite), App._extractParams(this.dataset["siteArgs"])); - return true; - }); - } - } - - removeDefaultAction(action) - { - let index = this._defaultActions.indexOf(action); - if (index >= 0) - { - this._defaultActions[index].remove(true); - this._defaultActions.splice(index, 1); - } - } - - startSite(site, parameter) - { - return this._siteManager.startSite(site, parameter); - } - - start(fallbackStartSite) { - SystemSettings.setBasePath(this._basePath); - let startSite = Helper.nonNull(this._getDeepLink(), fallbackStartSite); - let startParams = App._getStartParams(); - this._startSite = fallbackStartSite; - - Translator.init(); - ThemeManager.init(); - if (this._addThemeAction) { - this.addDefaultAction(ThemeManager.generateChangeThemeMenuAction()); - } - this._siteManager = new SiteManager(this._siteContentId, this._actionBarMenuSelector); - this._siteManager.defaultActions = this._defaultActions; - this._siteManager.setStartSiteName(fallbackStartSite); - this._siteManager.startSite(startSite, startParams); - this._addDeepLinksListener(); - - if (this._showCookieCompliance) - { - this._cookieClosePromise = CookieCompliance.showIfNeeded('cookie-compliance'); - } - } - - static _extractParams(paramString) { - if (Helper.isNull(paramString)) { - return null; - } - let result = {}, tmp = []; - let items = paramString.split("&"); - for (let index = 0; index < items.length; index++) { - tmp = items[index].split("="); - if (tmp[0].trim().length > 0) { - result[tmp[0]] = decodeURIComponent(tmp[1]); - } - } - return result; - } - - static _getStartParams() { - return App._extractParams(window.location.search.substr(1)); - } -} - -class Dialog { - constructor(content, title) { - this.resolver = null; - this.content = null; - this.backgroundElement = null; - this.cancelable = true; - this.title = Helper.nonNull(title, ""); - this.translatable = true; - this.additionalClasses = ""; - this.buttons = []; - this.result = null; - - if (Helper.isNotNull(content)) { - this.setContent(content); - } - } - - setTitle(title) { - this.title = title; - return this; - } - - setTranslatable(translatable) { - this.translatable = translatable; - } - - setAdditionalClasses(classes) { - this.additionalClasses = classes; - } - - getTitle() { - return this.title; - } - - setCancelable(cancelable) { - this.cancelable = (cancelable === true); - return this; - } - - async setContent(content) { - this.contentPromise = Promise.resolve(content); - this.content = await this.contentPromise; - return this; - } - - addButton(elementOrText, listenerOrResult, shouldClose) { - shouldClose = Helper.nonNull(shouldClose, true); - - let button = null; - if (typeof elementOrText === "string") { - button = document.createElement("button"); - button.classList.add("button"); - button.classList.add("right"); - button.appendChild(Translator.makePersistentTranslation(elementOrText)); - } - else { - button = elementOrText; - } - - let self = this; - if (typeof listenerOrResult !== "function") { - let result = listenerOrResult; - listenerOrResult = function () { - self.result = result; - }; - } - - let callback = null; - if (shouldClose) { - callback = function (e) { - if (Helper.isNotNull(listenerOrResult)) { - listenerOrResult(e); - } - self.close(); - }; - } - else { - callback = listenerOrResult; - } - - if (Helper.isNotNull(callback)) { - button.addEventListener("click", callback); - } - this.buttons.push(button); - } - - async show() { - - let titleElement = document.createElement("span"); - titleElement.classList.add("title"); - if (this.translatable && this.title !== "") { - titleElement.appendChild(Translator.makePersistentTranslation(this.title)); - } - else { - titleElement.innerHTML = this.title; - } - - let titleBar = document.createElement("div"); - titleBar.appendChild(titleElement); - - let contentContainer = document.createElement("div"); - contentContainer.classList.add("content-container"); - - let modalDialog = document.createElement("div"); - modalDialog.className = this.additionalClasses; - modalDialog.classList.add("modal"); - modalDialog.appendChild(titleBar); - modalDialog.appendChild(contentContainer); - - let buttonBar = document.createElement("div"); - buttonBar.classList.add("modal-button-container"); - - for (let i = 0, n = this.buttons.length; i < n; i++) { - buttonBar.appendChild(this.buttons[i]); - } - - await this.contentPromise; - if (!(this.content instanceof Node)) { - this.content = (this.translatable) ? Translator.makePersistentTranslation(this.content) : document.createTextNode(this.content); - } - contentContainer.appendChild(this.content); - - this.backgroundElement = document.createElement("div"); - this.backgroundElement.classList.add("background"); - this.backgroundElement.appendChild(modalDialog); - - this.backgroundElement.querySelector(".modal").appendChild(buttonBar); - this.backgroundElement.style.display = "block"; - - let self = this; - if (this.cancelable) { - let closeButton = document.createElement("span"); - closeButton.classList.add("close"); - closeButton.innerHTML = "×"; - - titleBar.appendChild(closeButton); - closeButton.addEventListener("click", function () { - self.close(); - }); - window.addEventListener("click", function (e) { - if (e.target === self.backgroundElement) { - self.close(); - } - }); - } - - document.body.appendChild(this.backgroundElement); - Translator.getInstance().updateTranslations(); - - return new Promise(function (resolve) { - self.resolver = resolve; - }); - } - - close() { - if (Helper.isNotNull(this.backgroundElement)) { - this.backgroundElement.style.display = "none"; - this.backgroundElement.remove(); - this.backgroundElement = null; - } - if (Helper.isNotNull(this.resolver)) { - this.resolver(this.result); - } - } - - addDefaultButton(){ - this.addButton("confirm-button"); - } -} - -class FlashMessenger { - static deleteMessage(_idNumber, _delayInMilliSeconds) { - _delayInMilliSeconds = Helper.nonNull(_delayInMilliSeconds, 0); - setTimeout(function () { - let elem = document.getElementById("flashMessage" + _idNumber); - elem.fadeOut(.2).then(function () { - elem.remove(); - }); - }, _delayInMilliSeconds); - } - - static addMessage(messageType, messageText, timeToShow, translate){ - - let translationArgs = null; - if (Helper.isNull(messageText) || typeof messageText === "object") - { - translationArgs = messageText; - messageText = messageType; - messageType = FlashMessenger.MESSAGE_TYPE_SUCCESS; - translate = true; - } - translate = Helper.nonNull(translate, false); - - let id = FlashMessenger.messageCount; - - let wrapper = document.createElement("div"); - - let _flashMessage = document.createElement("div"); - _flashMessage.className = "flashMessage " + messageType; - _flashMessage.id = "flashMessage" + id; - _flashMessage.style.opacity = '0'; - _flashMessage.addEventListener("click", function () { - FlashMessenger.deleteMessage(id); - }); - _flashMessage.appendChild((translate) ? Translator.makePersistentTranslation(messageText, translationArgs, "span") : document.createTextNode(messageText)); - - wrapper.appendChild(_flashMessage); - document.getElementById("flashMessageContainer").appendChild(wrapper); - _flashMessage.fadeIn(); - timeToShow = Helper.nonNull(timeToShow, FlashMessenger.defaultTimeToShow); - if (timeToShow > 0) { - FlashMessenger.deleteMessage(FlashMessenger.messageCount, timeToShow); - } - FlashMessenger.messageCount++; - } -} - -FlashMessenger.messageCount = 0; -FlashMessenger.defaultTimeToShow = 3500; -FlashMessenger.LENGTH_SHORT= 1000; - -FlashMessenger.MESSAGE_TYPE_SUCCESS = 'success'; -FlashMessenger.MESSAGE_TYPE_ERROR = 'error'; -FlashMessenger.MESSAGE_TYPE_DEFAULT = 'default'; -FlashMessenger.MESSAGE_TYPE_INFO = 'info'; -FlashMessenger.MESSAGE_TYPE_WARNING = 'warning'; - -class InitPromise -{ - static addPromise(promise) - { - if (typeof promise === 'function') - { - let func = promise; - promise = InitPromise.mainPromise.then(function(app){ - return (func(app)); - }); - } - InitPromise.promises.push(promise); - } - - static resolve(app) - { - InitPromise.mainResolver(app); - return InitPromise.mainPromise.then(function(){ - return Promise.all(InitPromise.promises); - }); - } -} -InitPromise.promises = []; -InitPromise.mainPromise = new Promise(function(resolver){ - InitPromise.mainResolver = resolver; -}); - -class MyDb { - constructor(dbName, version) { - let indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB; - this._conn = indexedDB.open(dbName, version); - - let myDB = this; - this._conn.onupgradeneeded = function (upgradeEvent) { - myDB.upgrade(myDB._conn.result, upgradeEvent.oldVersion, upgradeEvent.newVersion, upgradeEvent); - }; - this.queryPromise = new Promise(function (resolve) { - myDB._conn.onsuccess = function (e) { - myDB._db = myDB._conn.result; - resolve(e); - }; - }); - } - - openTransaction(name, transactionMode, callback) { - let myDb = this; - if (typeof transactionMode === 'function' && Helper.isNull(callback)) { - callback = transactionMode; - transactionMode = "read"; - } - - return this.queryPromise.then(function () { - let res = null; - try { - res = myDb._conn.result.transaction(name, transactionMode); - } - catch (e) { - console.warn(e); - res = myDb._conn.result.transaction(name); - } - callback(res); - }); - } - - openStore(name, transactionMode, callback) { - if (typeof transactionMode === 'function' && Helper.isNull(callback)) { - callback = transactionMode; - transactionMode = "readonly"; - } - return this.openTransaction(name, transactionMode, function (t) { - callback(t.objectStore(name)); - }); - } - - saveObj(obj, objectStore) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, "readwrite", function (store) { - let request = store.put(obj); - request.onsuccess = resolve; - request.onerror = function (e) { - throw { - "type": "indexed-db-error", - "event": e - } - }; - }); - }); - } - - saveMany(manyObj, objectStore) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, "readwrite", function (store) { - let promises = []; - for (let i = 0, n = manyObj.length; i < n; i++) { - promises.push(new Promise(function (resolveInner) { - let request = store.put(manyObj[i]); - request.onsuccess = resolveInner; - request.onerror = function (e) { - throw { - "type": "indexed-db-error", - "event": e - } - }; - })); - } - resolve(Promise.all(promises)); - }); - }); - } - - load(key, objectStore) { - let self = this; - return new Promise( (resolve, reject) => { - self.openStore(objectStore, function (store) { - let request = store.get(key); - request.onsuccess = function (e) { - resolve(e.currentTarget.result); - }; - request.onerror = function (e) { - console.warn(e); - throw { - "type": "indexed-db-load-error", - "event": e - } - }; - }).catch(e => { - console.warn(e); - reject(e); - }); - }); - } - - loadAll(objectStore, query, count) - { - let self = this; - return new Promise((resolve, reject) => { - self.openStore(objectStore, function (store) { - let request = store.getAll(query, count); - request.onsuccess = function (e) { - resolve(e.currentTarget.result); - }; - request.onerror = function (e) { - console.warn(e); - throw { - "type": "indexed-db-load-error", - "event": e - } - }; - }).catch(e => { - console.warn(e); - reject(e); - }); - }); - } - - loadMany(index, value, objectStore, limit, direction) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, function (store) { - let indexRequest = store.index(index); - indexRequest.onerror = function (e) { - throw { - "type": "indexed-db-index-error", - "event": e - } - }; - let request = indexRequest.openCursor(value, direction); - request.onerror = function (e) { - throw { - "type": "indexed-db-index-error", - "event": e - } - }; - let objects = []; - let numberResults = 0; - request.onsuccess = function (e) { - let cursor = e.target.result; - if (cursor) { - objects.push(cursor.value); - numberResults++; - if (Helper.isNull(limit) || numberResults < limit) { - cursor.continue(); - return; - } - } - resolve(objects); - }; - }); - }); - } - - remove(id, objectStore) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, "readwrite", function (store) { - let deleteRequest = store.delete(id); - deleteRequest.onerror = function (e) { - throw { - "type": "indexed-db-delete-error", - "event": e - } - }; - deleteRequest.onsuccess = function (e) { - resolve(); - }; - }); - }); - } - - removeMany(ids, objectStore) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, "readwrite", function (store) { - let promises = []; - for (let i = 0, n = ids.length; i < n; i++) { - let deleteRequest = store.delete(ids[i]); - deleteRequest.onerror = function (e) { - throw { - "type": "indexed-db-delete-error", - "event": e - } - }; - promises.push(new Promise(function (resolve) { - deleteRequest.onsuccess = function () { - resolve(); - }; - })); - } - resolve(Promise.all(promises)); - }); - }); - } - - removeWithIndex(index, value, objectStore) { - let self = this; - return new Promise(function (resolve) { - self.openStore(objectStore, "readwrite", function (store) { - let indexRequest = store.index(index); - indexRequest.onerror = function (e) { - throw { - "type": "indexed-db-index-error", - "event": e - } - }; - let request = indexRequest.openCursor(value); - request.onerror = function (e) { - throw { - "type": "indexed-db-index-error", - "event": e - } - }; - request.onsuccess = function (e) { - let cursor = e.target.result; - if (cursor) { - cursor.delete(); - cursor.continue(); - } - else { - resolve(); - } - }; - }); - }); - } - - removeAll(objectStore){ - return new Promise((resolve) => { - this.openStore(objectStore, "readwrite", (store) => { - let req = store.clear(); - req.onerror = (e) => { - throw { - "type":"indexed-db-index-error", - "event": e - } - }; - req.onsuccess = resolve; - }); - }) - } - - upgrade(db) { - }; -} - -class ScriptLoader { - static loadScript(scriptSrc) { - if (Helper.isNotNull(ScriptLoader.scriptPromises[scriptSrc])) { - return ScriptLoader.scriptPromises[scriptSrc]; - } - else { - let scriptPromise = new Promise(function (resolve) { - let script = document.createElement("script"); - script.src = Helper.basePath(scriptSrc); - script.onload = resolve; - - document.body.appendChild(script); - }); - ScriptLoader.scriptPromises[scriptSrc] = scriptPromise; - return scriptPromise; - } - } - static loadCss(cssFile, media){ - if (Helper.isNotNull(ScriptLoader.cssPromises[cssFile])) { - return ScriptLoader.cssPromises[cssFile]; - } - else { - media = Helper.nonNull(media, "all"); - let cssPromise = new Promise(function (resolve) { - let link = document.createElement("link"); - link.rel='stylesheet'; - link.type="text/css"; - link.href = Helper.basePath(cssFile); - link.media = media; - link.onload = resolve; - - document.head.appendChild(link); - }); - ScriptLoader.cssPromises[cssFile] = cssPromise; - return cssPromise; - } - } -} - -ScriptLoader.scriptPromises = {}; -ScriptLoader.cssPromises = {}; - -class ShareButton { - constructor(deviceType, icon, callback, shouldLoadImg) - { - this._deviceType = deviceType; - this._icon = icon; - this._callback = callback; - - if (Helper.nonNull(shouldLoadImg, false)){ - this._icon = ViewInflater.inflate(this._icon); - } - } - - shouldShowFor(deviceType) - { - return (deviceType === (deviceType & this._deviceType)) - } - - getIcon() - { - return this._icon; - } - - getCallback() - { - return this._callback; - } -} -ShareButton.TYPE_DESKTOP = 1; -ShareButton.TYPE_MOBILE_APPLE = 2; -ShareButton.TYPE_MOBILE_LEFTOVER = 4; -ShareButton.TYPE_MOBILE = ShareButton.TYPE_MOBILE_APPLE+ShareButton.TYPE_MOBILE_LEFTOVER; -ShareButton.TYPE_ALL = ShareButton.TYPE_DESKTOP+ShareButton.TYPE_MOBILE; - -class MultipleShareButton extends ShareButton{ - constructor(deviceType, icon, callbacks, shouldLoadImg) - { - if (Array.isArray(deviceType) && deviceType[0] instanceof ShareButton){ - let btn = deviceType[0]; - callbacks = deviceType; - deviceType = btn._deviceType; - icon = btn._icon; - shouldLoadImg = Helper.nonNull(shouldLoadImg, icon); - } - - super(deviceType, icon, function (link, element, event) { - if (!Array.isArray(callbacks)){ - callbacks = [callbacks]; - } - for (let i = 0; i < callbacks.length; i++) { - if (callbacks[i] instanceof ShareButton){ - callbacks[i].getCallback()(link, element, event); - } - else { - console.log(callbacks, i); - callbacks[i](link, element, event); - } - } - }, shouldLoadImg); - } -} - -class ShareManager { - static init() { - ShareManager.shareButtons = []; - } - - static addShareButton(shareButton) { - ShareManager.shareButtons.push(shareButton); - } - - static generateDefaultShareElement(shareUrl) { - return ShareManager.generateShareElement(shareUrl, ShareManager.getDefaultGenerateCallback()); - } - - static generateDefaultShareElementForButtons(shareUrl, buttons) { - return ShareManager.generateShareElementForButtons(shareUrl, buttons, ShareManager.getDefaultGenerateCallback()); - } - - static generateShareElement(shareUrl, generateCallback) { - return ShareManager.generateShareElementForButtons(shareUrl, ShareManager.shareButtons, generateCallback); - } - - static generateShareElementForButtons(shareUrl, buttons, generateCallback) { - let shareButtonElement = document.createElement("div"); - let currentDeviceType = ShareManager.getCurrentDeviceType(); - for (let i = 0, n = buttons.length; i < n; i++) { - if (buttons[i].shouldShowFor(currentDeviceType)) { - let elem = generateCallback(buttons[i], shareUrl); - elem.onclick = function (event) { - buttons[i].getCallback()(shareUrl, this, event); - }; - shareButtonElement.appendChild(elem); - } - } - return shareButtonElement; - } - - static getCurrentDeviceType() { - if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) { - return ShareButton.TYPE_MOBILE_APPLE; - } - else if ((navigator.userAgent.match(/Android|BlackBerry|Opera Mini|IEMobile/i) !== null || (typeof window.orientation !== "undefined"))) { - return ShareButton.TYPE_MOBILE_LEFTOVER; - } - else { - return ShareButton.TYPE_DESKTOP; - } - } - - static getDefaultGenerateCallback() { - return function (button) { - let linkElement = document.createElement("a"); - linkElement.classList.add("share-icon"); - let iconUrl = button.getIcon(); - if (typeof iconUrl === "string") { - let iconElement = document.createElement("img"); - iconElement.src = Helper.basePath(button.getIcon()); - iconElement.classList.add("share-icon"); - linkElement.appendChild(iconElement); - } - else { - Promise.resolve(iconUrl).then(elem => { - linkElement.appendChild(elem); - }); - } - - return linkElement; - } - } -} - -ShareManager.init(); - -class SmsShareButton extends ShareButton -{ - constructor(icon, shouldLoadImg) { - super(ShareButton.TYPE_MOBILE, icon, function (link) { - let linkToOpen = ""; - if (ShareManager.getCurrentDeviceType() === ShareButton.TYPE_MOBILE_APPLE) { - linkToOpen = "sms:&body="+encodeURIComponent(link); - } - else { - linkToOpen = "sms:?body=" + encodeURIComponent(link); - } - window.open(linkToOpen, '_blank', "noopener"); - }, shouldLoadImg); - } -} - -class TelegramShareButton extends ShareButton { - constructor(icon, shouldLoadImg) { - super(ShareButton.TYPE_ALL, icon, function (link) { - let linkToOpen = "https://t.me/share/url?url="+encodeURIComponent(link); - window.open(linkToOpen, '_blank', "noopener"); - }, shouldLoadImg); - } -} - -class WhatsappShareButton extends ShareButton { - constructor(icon, shouldLoadImg) { - super(ShareButton.TYPE_ALL, icon, function (link) { - let linkToOpen = ""; - if (ShareManager.getCurrentDeviceType() === ShareButton.TYPE_DESKTOP) { - linkToOpen = "https://web.whatsapp.com/send?text="+encodeURIComponent(link); - } - else { - linkToOpen = "whatsapp://send?text=" + encodeURIComponent(link); - } - window.open(linkToOpen, '_blank', "noopener"); - }, shouldLoadImg); - } -} - -class Fragment extends Context -{ - constructor(site, view) - { - super(view); - this.site = site; - this.active = true; - } - - getSite() - { - return this.site; - } - - isActive() - { - return this.active; - } -} - -class Theme -{ - constructor(name, className, icon) - { - this._name = name; - this._className = className; - this._icon = icon; - } -} - -function applyPolyfills() { - if (!String.prototype.format) { - String.prototype["format"] = function (args) { - return this.replace(/{(\d+)}/g, function (match, number) { - return args[number] !== undefined - ? args[number] - : match - ; - }); - }; - } - Object["assign"] = Helper.nonNull(Object["assign"], function (base, obj) { - base = Helper.nonNull(base, {}); - if (obj === null || typeof(obj) !== 'object' || 'isActiveClone' in obj) - return base; - - // if (obj instanceof Date) { - // temp = new obj.constructor(); //or new Date(obj); - // } - // else { - // temp = obj.constructor(); - // } - - for (let key in obj) { - if (Object.prototype.hasOwnProperty.call(obj, key)) { - obj['isActiveClone'] = null; - base[key] = obj[key]; - delete obj['isActiveClone']; - } - } - - return base; - }); - - if (typeof window !== 'undefined') { - if (Helper.isNotNull(window["Node"]) && !window["Node"]["prototype"]["removeAllChildren"]) { - Node.prototype["removeAllChildren"] = function () { - while (this.firstChild) { - this.removeChild(this.firstChild); - } - return this; - }; - } - - if (HTMLElement) { - HTMLElement.prototype["fadeOut"] = Helper.nonNull(HTMLElement.prototype["fadeOut"], - function (time, effect, delay) { - time = Helper.nonNull(time, 0.5); - effect = Helper.nonNull(effect, "ease-in-out"); - delay = Helper.nonNull(delay, 0); - this.style.transition = "opacity " + time + "s " + effect + " " + delay + "s"; - let elem = this; - let animPromise = new Promise(function (resolve) { - let transEndLis = function (e) { - elem.removeEventListener("transitionend", transEndLis); - elem.removeEventListener("transitioncancel", transCancelledLis); - elem.style.opacity = null; - elem.style.transition = null; - resolve(true, e); - }; - - let transCancelledLis = function (e) { - elem.removeEventListener("transitionend", transEndLis); - elem.removeEventListener("transitioncancel", transCancelledLis); - elem.style.opacity = null; - elem.style.transition = null; - resolve(false, e); - }; - elem.addEventListener("transitionend", transEndLis); - elem.addEventListener("transitioncancel", transCancelledLis); - //Fallback - setTimeout(() => { - resolve(false); - }, (time + delay) * 1000); - }); - - //Nach Seitenneuzeichnen, damit chrome das immer macht (und FF auch) - requestAnimationFrame(function () { - requestAnimationFrame(function () { - elem.style.opacity = 0; - }); - }); - return animPromise - }); - - HTMLElement.prototype["fadeIn"] = Helper.nonNull(HTMLElement.prototype["fadeIn"], function (time, effect, delay) { - time = Helper.nonNull(time, 0.5); - effect = Helper.nonNull(effect, "ease-in-out"); - delay = Helper.nonNull(delay, 0); - this.style.transition = "opacity " + time + "s " + effect + " " + delay + "s"; - - let elem = this; - let animPromise = new Promise(function (resolve) { - let transEndLis = function (e) { - elem.removeEventListener("transitionend", transEndLis); - elem.removeEventListener("transitioncancel", transCancelledLis); - elem.style.opacity = null; - elem.style.transition = null; - resolve(true, e); - }; - - let transCancelledLis = function (e) { - elem.removeEventListener("transitionend", transEndLis); - elem.removeEventListener("transitioncancel", transCancelledLis); - elem.style.opacity = null; - elem.style.transition = null; - resolve(false, e); - }; - elem.addEventListener("transitionend", transEndLis); - elem.addEventListener("transitioncancel", transCancelledLis); - - if (getComputedStyle(elem).getPropertyValue("opacity") === "1") { - resolve(false); - } - //Fallback - setTimeout(() => { - resolve(false); - }, (time + delay) * 1000); - - //Nach Seitenneuzeichnen, damit chrome das immer macht (und FF auch) - requestAnimationFrame(function () { - requestAnimationFrame(function () { - elem.style.opacity = 1; - }); - }); - }); - return animPromise; - }); - } - - if (Node) { - Node.prototype["replaceWith"] = Helper.nonNull(Node.prototype["replaceWith"], function (elem) { - this.parentElement.replaceChild(elem, this); - }); - Node.prototype["remove"] = Helper.nonNull(Node.prototype["remove"], function () { - this.parentElement.removeChild(this); - }); - } - - if (Element) { - Element.prototype.matches = Helper.nonNull(Element.prototype.matches, Helper.nonNull(Element.prototype["matchesSelector"], Element.prototype["webkitMatchesSelector"])); - - window["Element"]["prototype"]["closest"] = Helper.nonNull(window["Element"]["prototype"]["getAll"], function (s) { - // if (!Element.prototype.matches) - // Element.prototype.matches = Element.prototype.msMatchesSelector || - // Element.prototype.webkitMatchesSelector; - // - // if (!Element.prototype.closest) - // Element.prototype.closest = function(s) { - let el = this; - if (!document.documentElement.contains(el)) return null; - do { - if (el.matches(s)) return el; - el = el.parentElement; - } while (el !== null); - return null; - // }; - }); - } - - window["IDBObjectStore"]["prototype"]["getAll"] = Helper.nonNull(window["IDBObjectStore"]["prototype"]["getAll"], function () { - let res = {}; - let items = []; - this.openCursor().onsuccess = function (e) { - let cursor = e.target.result; - if (Helper.isNotNull(cursor)) { - items.push(cursor.value); - cursor.continue(); - } - else if (Helper.isNotNull(res.onsuccess)) { - res.onsuccess({currentTarget: {result: items}}); - } - }; - return res; - }); - } - - String.prototype.startsWith = Helper.nonNull(String.prototype.startsWith, function (searchString, position) { - position = position || 0; - return this.indexOf(searchString, position) === position; - }); - - String.prototype.endsWith = Helper.nonNull(String.prototype.endsWith, function (searchString, position) { - var subjectString = this.toString(); - if (typeof position !== 'number' || !isFinite(position) || Math.floor(position) !== position || position > subjectString.length) { - position = subjectString.length; - } - position -= searchString.length; - var lastIndex = subjectString.indexOf(searchString, position); - return lastIndex !== -1 && lastIndex === position; - }); - - - window["fetch"] = Helper.nonNull(window["fetch"], function (url) { - console.log("customFetch", url); - let request = null; - if (window.XMLHttpRequest) { // Mozilla, Safari, ... - request = new XMLHttpRequest(); - } else if (window.ActiveXObject) { // IE - try { - request = new ActiveXObject('Msxml2.XMLHTTP'); - } - catch (e) { - try { - request = new ActiveXObject('Microsoft.XMLHTTP'); - } - catch (e) { - } - } - } - - let resultPromise = new Promise(function (resolve) { - request.onload = function () { - let data = this.responseText; - let response = { - json: function () { - return Promise.resolve(JSON.parse(data)); - }, - text: function () { - return Promise.resolve(data); - } - }; - resolve(response); - }; - request.onerror = function (err) { - resolve(Promise.reject(err)); - }; - }); - request.open('get', url, true); - request.send(); - return resultPromise; - }); -} - -class Constants{} -Constants.SCRIPTS = { - CKEDITOR:"version/2/ckeditor/ckeditor.js", - LIST_JS: "version/1/listjs/list.min.js" -}; - -class DataManager { - static async load(url, isCachable, raw) { - isCachable = Helper.nonNull(isCachable, false); - raw = Helper.nonNull(raw, false); - let fullUrl = (isCachable) ? Helper.basePath(DataManager.cachePath + url) : Helper.basePath(DataManager.dataPath + url); - - return this._load(fullUrl, raw); - } - - static async _load(url, raw) { - return fetch(url, {"credentials": "same-origin"}).then(function (res) { - if (raw) { - return res.text(); - } - return res.json(); - }).catch(function (e) { - if (!raw) { - return { - "success": false, - "errors": [ - "not-online" - ] - } - } - }); - } - - static async loadStatic(url, raw) { - raw = Helper.nonNull(raw, false); - let fullUrl = Helper.basePath(url); - - return this._load(fullUrl, raw); - } - - static async send(url, params) { - let fullUrl = Helper.basePath(DataManager.dataPath + url); - - if (!(params instanceof FormData)) { - let newParams = new FormData(); - for (let k in params) { - newParams.append(k, params[k]); - } - params = newParams; - } - - return fetch(fullUrl, { - "credentials": "same-origin", - "method": "POST", - "body": params - }).then(function (res) { - return res.json(); - }).catch(function (e) { - console.error("error", e); - return { - "success": false, - "errors": [ - "not-online" - ] - } - }); - } - - static buildQuery(values) { - return Helper.buildQuery(values); - } -} - -DataManager.dataPath = "data/"; -DataManager.cachePath = "cached/"; - -class Form { - constructor(formElem, url, method, isCachable) { - this.formElem = formElem; - this.method = Helper.nonNull(method, Helper.nonNull(formElem["method"], "POST")); - this.isCachable = (Helper.nonNull(isCachable, this.method.toLowerCase() === "get") === true); - - this.isBusy = false; - - if (typeof url === "string") - { - this.submitHandler = function(values){ - if (self.method.toLowerCase() === "get") { - return (DataManager.load(url + DataManager.buildQuery(values), self.isCachable)); - } - else { - return (DataManager.send(url, values)); - } - }; - } - else { - this.submitHandler = url; - } - - let self = this; - - this.submitCallback = null; - this.errorCallback = async function (errors) { - await self.setErrors(errors); - }; - - formElem.addEventListener("submit", async function (e) { - console.log("submitting!", e); - e.preventDefault(); - await self.doSubmit(e); - }); - - for (let i = 0, n = formElem.elements.length; i < n; i++) { - let elem = formElem.elements[i]; - elem.addEventListener("change", function () { - if (this.value.trim() !== "") { - this.classList.add("notEmpty"); - } - else { - this.classList.remove("notEmpty"); - } - this.setCustomValidity(""); - }); - elem.addEventListener("keydown", function () { - this.setCustomValidity(""); - }); - } - } - - onError(errorHandler, ownHandlerForOptimisticLocking){ - ownHandlerForOptimisticLocking = Helper.nonNull(ownHandlerForOptimisticLocking, true); - let callback = null; - - if (ownHandlerForOptimisticLocking){ - callback = function(errors){ - if (Array.isArray(errors) && errors.indexOf("optimistic-locking-exception") >= 0){ - let dialog = new Dialog("optimistic-locking-dialog", "optimistic-locking-dialog-title"); - dialog.addDefaultButton(); - dialog.show(); - } - else - { - errorHandler(errors); - } - }; - } - else - { - callback = errorHandler; - } - this.errorCallback = callback; - } - - doSubmit() { - if (!this.isBusy) { - let self = this; - return this.submit().then(function (res) { - if (res["success"]) { - if (self.submitCallback !== null) { - return self.submitCallback(res["result"]); - } - } - else if (Helper.isNotNull(self.errorCallback)) { - return self.errorCallback(res["errors"]); - } - }); - } - } - - load(url, isCached) { - this.setValues(DataManager.load(url, isCached).then(function (values) { - if (values["success"]) { - return values["result"]; - } - return {}; - })); - return this; - } - - setValues(valuePromise) { - this.setIsBusy(true); - - let self = this; - return Promise.resolve(valuePromise).then(function (values) { - self.setIsBusy(false); - for (let k in values) { - if (Helper.isNotNull(self.formElem.elements[k])) { - if (Helper.isNotNull(self.formElem.elements[k].options) && Helper.isNotNull(values[k+"Options"])) - { - let options = self.formElem.elements[k].options; - for (let val in values[k+"Options"]) - { - let option = document.createElement("option"); - option.value = val; - option.innerText = values[k+"Options"][val]; - options.add(option); - } - } - - self.formElem.elements[k].value = Helper.htmlspecialcharsDecode(values[k]); - if (Helper.isNotNull(values[k]) && (""+values[k]).trim() !== "") { - self.formElem.elements[k].classList.add("notEmpty"); - } - else { - self.formElem.elements[k].classList.remove("notEmpty"); - } - } - } - return self; - }); - } - - async setErrors(errors) { - let hasElem = false; - let firstError = null; - - for (let k in errors) { - if (Helper.isNotNull(this.formElem.elements[k]) && this.formElem.elements[k].type !== "hidden" - && Helper.isNull(this.formElem.elements[k].readonly) && ( - Helper.isNull(this.formElem.elements[k].disabled) || !this.formElem.elements[k].disabled) - ) { - this.formElem.elements[k].setCustomValidity(Translator.translate(Helper.nonNull(errors[k], "form-default-error"))); - hasElem = true; - } - if (Helper.isNull(firstError)) { - firstError = Helper.nonNull(errors[k], "form-default-error"); - } - } - if (!hasElem && Helper.isNotNull(firstError)) { - for (let k in this.formElem.elements) { - if (this.formElem.elements[k].type !== "hidden") { - this.formElem.elements[k].setCustomValidity(Translator.translate(firstError)); - hasElem = true; - break; - } - } - } - - if (hasElem) { - this.formElem.querySelector("input[type=submit]").click(); - } - } - - setIsBusy(isBusy) { - this.isBusy = isBusy; - if (this.isBusy) { - this.formElem.classList.add("sending"); - } - else { - this.formElem.classList.remove("sending"); - } - } - - submit() { - let self = this; - return new Promise(function (resolve) { - self.setIsBusy(true); - let values = new FormData(self.formElem); - resolve(self.submitHandler(values)); - }).then(function (data) { - self.setIsBusy(false); - return data; - }); - } - - onSubmit(callback) { - this.submitCallback = callback; - } -} - -class SettingsManager { - static getInstance() { - if (SettingsManager._instance === null) { - SettingsManager._instance = new SettingsManager(); - } - return SettingsManager._instance; - } - - constructor() { - this._settings = null; - this._localStorageKey = "settings"; - } - - getSettings() { - if (Helper.isNull(this._settings)) { - this._loadSettings(); - } - return this._settings; - } - - getSetting(name, defaultValue) { - const settings = this.getSettings(); - - if (Helper.isNotNull(settings[name])) { - return settings[name].value; - } - else { - return defaultValue; - } - } - - deleteSetting(name) { - this.getSettings(); - delete this._settings[name]; - this._saveSettings(); - } - - setSetting(name, value) { - this.getSettings(); - this._settings[name] = { - date: new Date().getTime(), - value: value - }; - this._saveSettings(); - } - - setSettings(settingsObject) { - this.getSettings(); - for (const k in settingsObject) { - this._settings[k] = settingsObject[k]; - } - this._saveSettings(); - } - - hasSetting(name) - { - return Helper.nonNull(this._settings[name]); - } - - _loadSettings() { - this._settings = localStorage.getItem(this._localStorageKey); - if (this._settings === null) { - this._settings = {}; - } - else { - this._settings = JSON.parse(this._settings); - } - } - - _saveSettings() { - if (this._settings !== null) { - localStorage.setItem(this._localStorageKey, JSON.stringify(this._settings)); - } - } -} - -SettingsManager._instance = null; - -class LocalStorageSettingsFragment extends Fragment { - onFirstStart() { - let res = super.onFirstStart(); - let settings = this.findBy(".setting", true); - const settingsManager = SettingsManager.getInstance(); - - for (let i = 0; i < settings.length; i++) { - let setting = settings[i]; - const name = setting.name; - let value; - if (!setting["dataset"]["raw"]) { - value = settingsManager.getSetting(name); - } else { - value = localStorage.getItem(name); - } - - let isCheckable = false; - if (setting instanceof HTMLInputElement && (setting.type === 'checkbox' || setting.type === 'radio')) { - isCheckable = true; - } - if (((!setting["dataset"]["raw"] && !settingsManager.hasSetting(name)) || (setting["dataset"]["raw"] && value === null)) - && Helper.isNotNull(settings[i]["dataset"]["default"])) { - value = setting["dataset"]["default"]; - if (Helper.isNotNull(setting["dataset"]["defaultTranslateable"])) { - - setting["dataset"]["translation"] = ""; - setting["dataset"]["translationValue"] = value; - value = Translator.translate(value); - } - } - - if (Helper.isNotNull(value)) { - if (isCheckable) { - setting.checked = (value === setting.value); - } - else { - setting.value = value; - } - if (value !== "") { - setting.classList.add("notEmpty"); - } - } - - setting.addEventListener("change", function () { - let value = this.value; - if (isCheckable && !this.checked) { - value = null; - } - if (!setting["dataset"]["raw"]) { - settingsManager.setSetting(name, value); - } else { - localStorage.setItem(name, value); - } - delete setting["dataset"]["translationValue"]; - delete setting["dataset"]["translation"]; - }); - } - return res; - } - - onStart() { - let res = super.onStart(); - let settings = this.findBy(".setting", true); - const settingsManager = SettingsManager.getInstance(); - - for (let i = 0; i < settings.length; i++) { - let setting = settings[i]; - const name = setting.name; - let value; - if (!setting["dataset"]["raw"]) { - value = settingsManager.getSetting(name); - } else { - value = localStorage.getItem(name); - } - - let isCheckable = false; - if (setting instanceof HTMLInputElement && (setting.type === 'checkbox' || setting.type === 'radio')) { - isCheckable = true; - } - - if (Helper.isNotNull(value)) { - if (isCheckable) { - setting.checked = (value === setting.value); - } - else { - setting.value = value; - } - if (value !== "") { - setting.classList.add("notEmpty"); - } - } - } - return res; - } -} - -class SmartColumn{ - constructor(name, label, translateable){ - this._name = name; - this._label = label; - this._translateable = Helper.nonNull(translateable, true); - this._sortable = true; - - this._index = -1; - - this._clickListener = null; - } - - setClickListener(listener) - { - this._clickListener = listener; - return this; - } - - setIndex(index) - { - this._index = index; - } - - getName() - { - return this._name; - } - - getLabel() - { - return this._label; - } - - getHeadElement() - { - const headElement = document.createElement("th"); - headElement.appendChild((this._translateable)?Translator.makePersistentTranslation(this._label):document.createTextNode(this._label)); - - if (this._sortable) - { - headElement.classList.add("sort"); - headElement["dataset"]["sort"] = this._name; - } - - headElement["dataset"]["column"] = this._index; - - this._headElement = headElement; - return this._headElement; - } - - getValueName(){ - return this._name; - } - - prepareData(myData, rowData) - { - return myData; - } - - getItemElement(){ - const element = document.createElement("td"); - element.classList.add(this._name); - element["dataset"]["column"] = this._index; - - if (Helper.isNotNull(this._clickListener)) - { - element.classList.add("clickable"); - } - - return element; - } - - click(tableCell, table, event){ - if (Helper.isNotNull(this._clickListener)) - { - this._clickListener(tableCell, table, event); - } - } -} - -class ConstSmartColumn extends SmartColumn{ - constructor(name, label, translatable, valueTranslatable) { - super(name, label, translatable); - this._sortable = false; - this._valueTranslatable = Helper.nonNull(valueTranslatable, false); - } - - getValueName() { - return null; - } - - getItemElement(){ - const element = super.getItemElement(); - element.classList.remove(this._name); - element.appendChild((this._valueTranslatable)?Translator.makePersistentTranslation(this._name):document.createTextNode(this._name)); - return element; - } -} - -class DataSmartColumn extends SmartColumn{ - constructor(name, label, translateable) { - translateable = Helper.nonNull(translateable, false); - super(name, label, translateable); - } - - getHeadElement() { - return document.createTextNode(""); - } - - getValueName() { - return { - "data":[this._name] - }; - } - - getItemElement() { - return document.createTextNode(""); - } -} - -class ImgConstSmartColumn extends ConstSmartColumn{ - constructor(name, label, translateable) { - super(name, label, translateable); - this._valueTranslatable = false; - } - - getItemElement() { - const element = super.getItemElement(); - const imgElement = document.createElement("img"); - imgElement["src"] = this._name; - - element.removeAllChildren().appendChild(imgElement); - return element; - } -} - -class ListHelper { - constructor(id, options, values) { - this._tableElement = id; - this._options = Helper.nonNull(options, {}); - this._values = values; - - if (typeof this._tableElement === "string") { - this._tableElement = document.getElementById(this._tableElement); - } - - this._columns = []; - if (Array.isArray(options)) { - this._columns = options; - } - else if (Helper.isNotNull(options["columns"])) { - this._columns = options["columns"]; - } - } - - prepareData(data) { - console.log("prepareData", data); - if (Helper.isNotNull(data)) { - for (let i = 0, n = data.length; i < n; i++) { - data[i] = this.prepareDataset(data[i]); - } - } - return data; - } - - prepareDataset(dataset) { - console.log("prepareDataset", dataset); - for (let i = 0, n = this._columns.length; i < n; i++) { - if (Helper.isNotNull(dataset[this._columns[i].getName()])) { - dataset[this._columns[i].getName()] = this._columns[i].prepareData(dataset[this._columns[i].getName()], dataset); - } - } - return dataset; - } - - createTable() { - if (Helper.isNotNull(this._columns)) { - this.updateColumns(); - } - - let id = this._tableElement; - let options = this._options; - let values = this._values; - - options["item"] = Helper.nonNull(options["item"], id["id"] + "-template-item"); - options["page"] = Helper.nonNull(options["page"], 5); - options["pagination"] = Helper.nonNull(options["pagination"], { - "outerWindow": 1, - "innerWindow": 1 - }); - - let template = document.getElementById(options["item"]); - if (template) { - options["item"] = template.outerHTML; - template.remove(); - } - - values = this.prepareData(values); - - const list = new List(id, options, values); - let self = this; - id.querySelector("." + Helper.nonNull(options["listClass"], "list")).addEventListener("click", function (e) { - let columnElem = e.target.closest("td[data-column]"); - const column = parseInt(columnElem["dataset"]["column"]); - if (self._columns.length > column) { - self._columns[column].click(columnElem, list, e); - } - }); - this.list = list; - - return list; - } - - updateColumns() { - const head = document.createElement("tr"); - const item = document.createElement("tr"); - const valueNames = []; - - for (let i = 0, n = this._columns.length; i < n; i++) { - this._columns[i].setIndex(i); - - head.appendChild(this._columns[i].getHeadElement()); - item.appendChild(this._columns[i].getItemElement()); - - const valueName = this._columns[i].getValueName(); - if (Helper.isNotNull(valueName)) { - valueNames.push(valueName); - } - } - const header = this._tableElement.querySelector("thead"); - const footer = this._tableElement.querySelector("tfoot"); - - if (Helper.isNotNull(header)) { - header.removeAllChildren().appendChild(head); - } - if (Helper.isNotNull(footer)) { - footer.removeAllChildren().appendChild(Helper.cloneNode(head)); - } - - - this._options["item"] = item.outerHTML; - this._options["valueNames"] = valueNames; - } - - getList() { - return this.list; - } - - updateItem(valueName, value, newValues) { - const items = this.list.get(valueName, value); - if (Helper.isNotNull(items) && items.length >= 1) { - newValues = this.prepareDataset(newValues); - items[0].values(newValues); - } - } - - setBusy(isBusy) { - if (isBusy) { - this._tableElement.classList.add("sending"); - } - else { - this._tableElement.classList.remove("sending"); - } - } -} - -class SettingsSite extends AbstractSite { - constructor(siteManager) { - super(siteManager, SettingsSite.template, "settings"); - for (let k in SettingsSite.settingsFragments) { - this.addSettingsFragment(k, new SettingsSite.settingsFragments[k](this)); - } - this.active = null; - } - - addSettingsFragment(name, settingsFragment) { - this.addFragment("#settings-fragments", settingsFragment); - delete this.fragments["#settings-fragments"]; - this.fragments[name] = settingsFragment; - } - - onStart() { - let res = super.onStart(); - if (Helper.isNotNull(this.active) && !this.fragments[this.active].isActive()) { - this.setActive(null); - } - - this.buildList(); - return res; - } - - setActive(name) { - if (Helper.isNotNull(this.active)) { - this.fragments[this.active].inflatePromise.then(function (view) { - view.classList.remove("active"); - }); - this.findBy("#show-fragment-" + this.active).classList.remove("active"); - } - this.active = name; - if (Helper.isNotNull(this.active)) { - this.fragments[this.active].inflatePromise.then(function (view) { - view.classList.add("active"); - }); - this.findBy("#show-fragment-" + this.active).classList.add("active"); - } - } - - buildList() { - let listNameElem = this.findBy("#settings-fragment-list"); - listNameElem.removeAllChildren(); - - let self = this; - for (let k in this.fragments) { - if (this.fragments[k].isActive()) { - - let liElement = document.createElement("li"); - liElement.id = "show-fragment-" + k; - liElement.appendChild(Translator.makePersistentTranslation(k, null, "a")); - liElement.addEventListener("click", function () { - self.setActive(k); - }); - listNameElem.appendChild(liElement); - - if (Helper.isNull(this.active)) { - this.setActive(k); - } - } - } - } - - static addSettingsFragment(name, settingsFragment) { - SettingsSite.settingsFragments[name] = settingsFragment; - } - - static setAddSettingsSite(addLink) { - SettingsSite.shouldAddSettingsSite = addLink; - } - - static setTemplate(template) { - SettingsSite.template = template; - } -} - -SettingsSite.template = 'core/html/settings.html'; -SettingsSite.settingsFragments = {}; -SettingsSite.shouldAddSettingsSite = true; -SettingsSite.settingsAction = null; -SettingsSite.shouldAddSettingsAction = true; - -InitPromise.addPromise(function (app) { - if (SettingsSite.shouldAddSettingsSite) { - app.addDeepLink("settings", SettingsSite); - - if (Helper.isNull(SettingsSite.settingsAction)) { - let settingsAction = new MenuAction("settings", function () { - app.startSite(SettingsSite); - }, MenuAction.SHOW_FOR_LARGE, 10000); - settingsAction.setIcon("img/settings.png"); - SettingsSite.settingsAction = settingsAction; - } - if (SettingsSite.shouldAddSettingsAction) { - app.addDefaultAction(SettingsSite.settingsAction); - } - } -}); - -class UserManager { - static init(app) { - UserManager.getMeUrl = null; - UserManager.userData = { - online: false, - id: null, - accesses: ["default"] - }; - UserManager.app = app; - - UserManager.fetchMePromise = new Promise(function (resolve) { - UserManager.fetchMePromiseResolver = resolve; - }); - } - - static setData(data) { - UserManager.userData = Object.assign(UserManager.userData, data); - let siteManager = UserManager.app.getSiteManager(); - - if (siteManager) - siteManager.redrawCurrentActionBar(); - } - - static fetchMe(url) { - UserManager.getMeUrl = Helper.nonNull(url, UserManager.getMeUrl); - return DataManager.load(UserManager.getMeUrl).then(function (result) { - if (result["success"]) { - UserManager.setData(result["result"]); - } - UserManager.fetchMePromiseResolver(); - }); - } - - static logOut() { - return DataManager.load("u/logout").then(function (data) { - if (data["success"]) { - UserManager.setData(data["result"]); - let siteManager = UserManager.app.getSiteManager(); - - if (siteManager) - siteManager.refreshCurrentSite(); - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("logged-out-successfully")); - } - }); - } - - static hasAccess(access) { - // console.log("Has access", access, UserManager.userData["accesses"].indexOf(access), UserManager.userData); - return (UserManager.userData["accesses"].indexOf(access) >= 0) - } - - static addCurrentUserListener(userId, listener) { - UserManager.addIsLoggedInListener(function (isLoggedIn) { - listener(isLoggedIn && UserManager.isCurrentUser(userId)); - }); - } - - static addIsLoggedInListener(listener) { - this.fetchMePromise.then(function () { - listener(UserManager.isLoggedIn()); - }); - } - - static isCurrentUser(userId) { - return UserManager.userData.id === userId; - } - - static isLoggedIn() { - return Helper.isNotNull(UserManager.userData) && Helper.isNotNull(UserManager.userData.id); - } -} - -InitPromise.addPromise(function(app){ - UserManager.init(app); - return UserManager.fetchMe("u/me").then(function(){ - UserManager.addIsLoggedInListener(function (isLoggedIn) { - if (isLoggedIn) { - const settingsManager = SettingsManager.getInstance(); - const settings = Helper.cloneJson(settingsManager.getSettings()); - for (let k in settings) { - settings[k]["value"] = JSON.stringify(settings[k]["value"]); - } - DataManager.send("u/syncSettings", settings).then(function(res){ - if (res["success"]) - { - for (let k in res["result"]) - { - res["result"][k]["value"] = JSON.parse(res["result"][k]["value"]); - } - settingsManager.setSettings(res["result"]); - } - }); - } - }); - }); -}); - -class UserAction extends MenuAction { - constructor(title, callback, icon, order, access) { - super(title, callback, icon, order); - this._access = Helper.nonNull(access, "default"); - } - - getVisible() { - // console.log("Action-access: ", this._access); - return (super.getVisible() && UserManager.hasAccess(this._access)); - } - - getAccess() { - return this._access; - } - - copy(instance){ - let copy = super.copy(Helper.nonNull(instance, new UserAction())); - copy._access = this._access; - return copy; - } -} - -class NotAllowedSite extends AbstractSite{ - constructor(siteManager) { - super(siteManager, 'userManagement/html/403.html'); - } -} - -class UserSite extends AbstractSite { - - constructor(siteManager, view, deepLink, access) { - super(siteManager, view, deepLink); - this._access = access; - } - - onConstruct(args) { - if (!UserManager.hasAccess(this._access)) - { - this.startSite(NotAllowedSite); - this.finish({ - "error":403 - }); - return; - } - return super.onConstruct(args); - } - - onStart(args) { - if (!UserManager.hasAccess(this._access)) - { - this.startSite(NotAllowedSite); - this.finish({ - "error":403 - }); - return; - } - return super.onStart(args); - } -} - -class LoginForm extends Form { - - constructor(formElem, url, method, isCachable) { - super(formElem, url, method, isCachable); - - let emailElem = formElem.querySelector("#email"); - let passwordElem = formElem.querySelector("#password"); - - let listener = function(){ - emailElem.setCustomValidity(""); - passwordElem.setCustomValidity(""); - }; - - emailElem.addEventListener("keydown", listener); - passwordElem.addEventListener("keydown", listener); - } -} - -class RegistrationForm extends Form { - constructor(formElem, url, method, isCachable) { - super(formElem, url, method, isCachable); - - // this.pw1 = formElem.querySelector("#password1"); - // this.pw2 = formElem.querySelector("#password2"); - - // let self=this; - // this.pw1.addEventListener("change", function(){ - // self.checkPw(); - // }); - // this.pw2.addEventListener("change", function(){ - // self.checkPw(); - // }); - } - - checkPw(){ - // if (this.pw1.value !== this.pw2.value || this.pw1.value.length < 8) - // { - // - // } - } -} - -class UserFragment extends Fragment{ - - constructor(site, view, access) { - super(site, view); - this._access = access; - } - - isActive() { - return super.isActive() && UserManager.hasAccess(this._access); - } -} - -class PasswordSettingsFragment extends UserFragment{ - constructor(site) - { - super(site, "userManagement/html/fragments/passwordSettings.html", "online"); - } - onFirstStart() { - let res = super.onFirstStart(); - let form = new Form(document.getElementById("change-password-form"), "u/passwordSettings/set", "post"); - form.onSubmit(function(res){ - for (let i = 0, n = res.length; i < n; i++) - { - FlashMessenger.addMessage(res[i]); - } - form.setValues({ - "oldPassword":"", - "newPassword1":"", - "newPassword2":"" - }); - }); - return res; - } -} -InitPromise.addPromise(function(){ - SettingsSite.addSettingsFragment("password-settings", PasswordSettingsFragment); -}); - -class UserSettingsFragment extends UserFragment{ - constructor(site) - { - super(site, "userManagement/html/fragments/userSettings.html", "online"); - } - - onFirstStart() { - let res = super.onFirstStart(); - (new Form(document.getElementById("user-settings-form"), "u/userSettings/set", "post")).load('u/userSettings').onSubmit(function(res){ - for (let i = 0, n = res.length; i < n; i++) - { - FlashMessenger.addMessage(res[i]); - } - }); - return res; - } -} -InitPromise.addPromise(function(){ - SettingsSite.addSettingsFragment("user-settings", UserSettingsFragment); -}); - -class EditUserRolesSite extends UserSite { - constructor(siteManager) { - super(siteManager, 'userManagement/html/editUserRoles.html', "userRoles", "admin"); - } - - onConstruct(args) { - let res = super.onConstruct(args); - this.userId = args["id"]; - - let self = this; - return Promise.all([ - ScriptLoader.loadScript(Constants.SCRIPTS.LIST_JS), - DataManager.load("u/userRoles" + DataManager.buildQuery({"id": self.userId})).then(function (res) { - if (!res["success"]) { - FlashMessenger.addMessage(res["errors"][0]); - self.finish(); - } - else { - self.setUserRoles(res["result"]["userRoles"]); - self.setAvailableRoles(res["result"]["availableRoles"]); - self.setUsername(res["result"]["username"]); - } - }) - ]).then(function () { - return res; - }); - } - - onFirstStart() { - this.findBy("#username").innerHTML = this.username; - - const userRolesElement = this.findBy("#userRoles"); - const availableRolesElement = this.findBy("#availableRoles"); - - const imgColumnUserRoles = new ImgConstSmartColumn("img/minus.png", "", false); - const imgColumnAvailableRoles = new ImgConstSmartColumn("img/plus.png", "", false); - - const userRolesColumns = [ - new DataSmartColumn("id"), - new SmartColumn("name", "name"), - new SmartColumn("description", "description"), - imgColumnUserRoles, - ]; - - const availableRolesColumns = [ - new DataSmartColumn("id"), - new SmartColumn("name", "name"), - new SmartColumn("description", "description"), - imgColumnAvailableRoles, - ]; - - const userRolesListHelper = new ListHelper(userRolesElement, userRolesColumns, this.userRoles); - const availableRolesListHelper = new ListHelper(availableRolesElement, availableRolesColumns, this.availableRoles); - - const userRolesTable = userRolesListHelper.createTable(); - const availableRolesTable = availableRolesListHelper.createTable(); - - let self = this; - const changeRoleFunction = function (roleId, addRole) { - userRolesListHelper.setBusy(true); - availableRolesListHelper.setBusy(true); - - return DataManager.send("u/changeUserRole", { - "id": roleId, - "userId": self.userId, - "add": addRole - }).then(function (res) { - userRolesListHelper.setBusy(false); - availableRolesListHelper.setBusy(false); - - if (!res["success"]) { - FlashMessenger.addMessage(res["errors"][0]); - return res; - } - - let removingTable = null; - let addingTable = null; - if (res["result"]["hasRole"]) { - removingTable = availableRolesTable; - addingTable = userRolesTable; - } - else { - addingTable = availableRolesTable; - removingTable = userRolesTable; - } - - const rowData = removingTable.get("id", roleId); - if (rowData.length === 1) { - addingTable.add(rowData[0].values()); - removingTable.remove("id", roleId); - } - - return res; - }); - }; - - imgColumnUserRoles.setClickListener(function (cell) { - let userRoleId = cell.closest("tr")["dataset"]["id"]; - changeRoleFunction(userRoleId, false); - }); - - imgColumnAvailableRoles.setClickListener(function (cell) { - let availableRoleId = cell.closest("tr")["dataset"]["id"]; - changeRoleFunction(availableRoleId, true); - }); - - } - - setUserRoles(userRoles) { - this.userRoles = userRoles; - } - - setAvailableRoles(availableRoles) { - this.availableRoles = availableRoles; - } - - setUsername(username) { - this.username = username; - } -} - -InitPromise.addPromise(function (app) { - app.addDeepLink("userRoles", EditUserRolesSite); - app.addDefaultAction(new UserAction('userRoles', function(){ - app.startSite(EditUserRolesSite); - }, null, 1100, "admin")); -}); - -class ForgotPasswordSite extends UserSite{ - - constructor(siteManager) { - super(siteManager, 'userManagement/html/forgotPassword.html', "forgotPassword", "offline"); - } - - onFirstStart() { - let self = this; - (new Form(document.getElementById("forgot-password-form"), "u/newPassword", "post")).onSubmit(function(res){ - // UserManager.setData(res); - // self.startStartsite(); - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("new-password-code-send")); - self.finish(); - }); - } -} -InitPromise.addPromise(function(app){ - app.addDeepLink("forgotPassword", ForgotPasswordSite); -}); - -class LoginSite extends UserSite { - constructor(siteManager) { - super(siteManager, 'userManagement/html/login.html', "login", "offline"); - } - - onFirstStart() { - let self = this; - (new LoginForm(document.getElementById("login-form"), "u/login", "post")).onSubmit(function (res) { - UserManager.setData(res); - self.startStartsite(); - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("login-success")); - self.finish(); - }); - - this.findBy("#forgot-password-link").addEventListener("click", function () { - self.startSite(ForgotPasswordSite); - self.finish(); - }); - } -} - -LoginSite.loginAction = null; -LoginSite.logoutAction = null; -LoginSite.addLoginAction = true; -LoginSite.addLogoutAction = true; - -InitPromise.addPromise(function (app) { - app.addDeepLink("login", LoginSite); - - if (Helper.isNull(LoginSite.loginAction)) { - LoginSite.loginAction = new UserAction('login', function () { - app.startSite(LoginSite); - }, Menu.SHOW_NEVER, 1100, "offline"); - } - if (Helper.isNull(LoginSite.logoutAction)) { - LoginSite.logoutAction = new UserAction('logout', function () { - UserManager.logOut(); - }, Menu.SHOW_NEVER, 1100, "online"); - } - if (LoginSite.addLoginAction){ - app.addDefaultAction(LoginSite.loginAction); - } - if (LoginSite.addLogoutAction){ - app.addDefaultAction(LoginSite.logoutAction); - } -}); - -class RegistrationSite extends UserSite { - constructor(siteManager) { - super(siteManager, 'userManagement/html/registration.html', "registration", "offline"); - } - - onFirstStart() { - (new RegistrationForm(document.getElementById("registration-form"), "u/registration", "post")).onSubmit(function (res) { - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("registration-success")); - }); - } -} - -RegistrationSite.action = null; -RegistrationSite.addAction = true; - -InitPromise.addPromise(function (app) { - app.addDeepLink("registration", RegistrationSite); - - if (Helper.isNull(RegistrationSite.action)) { - RegistrationSite.action = new UserAction('registration', function () { - app.startSite(RegistrationSite); - }, null, 1100, "offline"); - } - if (RegistrationSite.addAction) { - app.addDefaultAction(RegistrationSite.action); - } -}); - -class SetNewPasswordSite extends UserSite { - constructor(siteManager) { - super(siteManager, 'userManagement/html/setNewPassword.html', "newPassword", "offline"); - } - - onConstruct(args) { - this.code = args["code"]; - return super.onConstruct(args); - } - - onFirstStart() { - let formElem = document.getElementById("new-password-form"); - document.getElementById("code").value = this.code; - - let self = this; - (new Form(formElem, "c/code", "post")).onSubmit(function(res){ - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate("password-updated")); - self.startSite(LoginSite); - self.finish(); - }); - } -} -InitPromise.addPromise(function(app){ - app.addDeepLink("newPassword", SetNewPasswordSite); -}); - -class InstallManager { - static init() { - window.addEventListener('beforeinstallprompt', e => { - e.preventDefault(); - this.setDeferredPrompt(e); - }); - } - - static setDeferredPrompt(e){ - this.deferredPromt = e; - if (this.canInstallListener) { - this.canInstallListener(this.deferredPromt); - } - } - - static async prompt(){ - if (Helper.isNotNull(this.deferredPromt)){ - this.deferredPromt["prompt"](); - return this.deferredPromt["userChoice"]; - } - return Promise.resolve({ - "outcome":"dismissed", - "platform":"" - }); - } - - static setCanInstallListener(listener, callIfCanInstall) { - this.canInstallListener = listener; - callIfCanInstall = Helper.nonNull(callIfCanInstall, true); - - if (callIfCanInstall && Helper.nonNull(this.deferredPromt)) { - this.canInstallListener(this.deferredPromt); - } - } -} - -InstallManager.init(); - -class Matomo { - - static init() { - Matomo.isTrackingPromise = new Promise(async (resolve) => { - let shouldTrack = Helper.nonNull(localStorage.getItem(Matomo.LOCAL_STORAGE_KEY), "1"); - if (Helper.isNull(shouldTrack)) { - shouldTrack = await Matomo._askIsTracking(); - localStorage.setItem(Matomo.LOCAL_STORAGE_KEY, shouldTrack); - } - else { - shouldTrack = (shouldTrack === "1"); - Matomo.setTrack(shouldTrack); - } - resolve(shouldTrack); - }); - Matomo.isTrackingPromise.then(() => { - Matomo.push(['trackPageView'], true); - Matomo.push(['enableLinkTracking'], true); - Matomo.push(['setTrackerUrl', Matomo.TRACK_SITE + '/piwik.php'], true); - Matomo.push(['setSiteId', Matomo.SIDE_ID + ""], true); - - let d = document, g = d.createElement('script'), s = d.getElementsByTagName('head')[0]; - g.type = 'text/javascript'; - g.async = true; - g.defer = true; - g.src = Matomo.TRACK_SITE + '/piwik.js'; - s.appendChild(g); - }); - } - - static update(title) { - if (Helper.nonNull(Matomo.currentUrl)) { - Matomo.push(['setReferrerUrl', Matomo.currentUrl]); - } - Matomo.currentUrl = window.location.pathname + window.location.search; - Matomo.push(['setCustomUrl', Matomo.currentUrl]); - Matomo.push(['setDocumentTitle', title]); - - // remove all previously assigned custom variables, requires Matomo (formerly Piwik) 3.0.2 - Matomo.push(['deleteCustomVariables', 'page']); - Matomo.push(['setGenerationTimeMs', 0]); - Matomo.push(['trackPageView']); - - // make Matomo aware of newly added content - var content = document.getElementById('site-content'); - Matomo.push(['MediaAnalytics::scanForMedia', content]); - Matomo.push(['FormAnalytics::scanForForms', content]); - Matomo.push(['trackContentImpressionsWithinNode', content]); - Matomo.push(['enableLinkTracking']); - } - - static async _askIsTracking() { - Matomo.isTrackingPromise = new Promise(resolve => { - Matomo.push([function () { - resolve(!this["isUserOptedOut"]()); - }]); - Matomo.push([function () { - resolve(!this["isUserOptedOut"]()); - }]); - }); - return Matomo.isTrackingPromise; - } - - static async query(method) { - return fetch(Matomo.TRACK_SITE + Matomo.BASE_PATH + method, { - "mode": "cors", - "credentials": "include", - }).then(res => res.text()).then(text => (new window.DOMParser()).parseFromString(text, "text/xml")); - } - - static getTrackingPromise() { - return Matomo.isTrackingPromise; - } - - static async setTrack(shouldTrack) { - Matomo.isTrackingPromise = Promise.resolve(shouldTrack); - localStorage.setItem(Matomo.LOCAL_STORAGE_KEY, (shouldTrack === true) ? "1" : "0"); - - if (shouldTrack) { - Matomo.push(["forgetUserOptOut"], true); - } - else { - Matomo.push(["optUserOut"], true); - } - } - - static async trackEvent(event, name, label, value){ - let ev = ["trackEvent", event, name]; - if (Helper.isNotNull(label)){ - ev.push(label); - } - if (Helper.isNotNull(value) && !isNaN(parseFloat(value)) && isFinite(value)){ - ev.push(value); - } - - return this.push(ev); - } - - static async push(arr, force) { - - if (!Array.isArray(arr)) { - arr = [arr]; - } - window["_paq"].push(arr); - } -} - -Matomo.currentUrl = null; - -Matomo.LOCAL_STORAGE_KEY = "matomoShouldTrack"; -Matomo.TRACK_SITE = "//matomo.silas.link"; -Matomo.BASE_PATH = "/index.php?module=API&method=AjaxOptOut."; -Matomo.SIDE_ID = "1"; - -InitPromise.addPromise(() => { - window["_paq"] = window["_paq"] || []; - Matomo.init(); -}); - -class MatomoShareButton extends MultipleShareButton{ - - constructor(baseButton, platform, shouldLoadImg) { - super([baseButton, (url) => { - Matomo.trackEvent("shared", url, platform); - }], shouldLoadImg); - } -} - -class ScaleHelper { - async scaleTo(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay, addListener) { - - addListener = Helper.nonNull(addListener, true); - animationDelay = Helper.nonNull(animationDelay, 0); - - let newFontSize = await this._getNewFontSize(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay === 0); - - if (animationDelay > 0) { - await new Promise(r => { - setTimeout(r, animationDelay); - fontElement.style.fontSize = newFontSize + "px"; - }); - } - - let self = this; - let listener = function () { - return new Promise(resolve => { - let timeout = (typeof addListener === 'number') ? addListener : 255; - setTimeout(() => { - resolve(self.scaleTo(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animationDelay, false)); - }, timeout); - }); - }; - if (addListener !== false) { - window.addEventListener("resize", listener); - } - return listener; - } - - async scaleToFull(fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animDelay, addListener) { - return this.scaleTo(1, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, animDelay, addListener); - } - - async _getNewFontSize(scale, fontElement, container, ignoreHeight, ignoreWidth, margin, fontWeight, setFontSize) { - margin = Helper.nonNull(margin, 10); - ignoreHeight = Helper.nonNull(ignoreHeight, false); - ignoreWidth = Helper.nonNull(ignoreWidth, false); - fontWeight = Helper.nonNull(fontWeight, fontElement.innerHTML.length); - setFontSize = Helper.nonNull(setFontSize, true); - - let hasNoTransitionClass = container.classList.contains("no-transition"); - - if (!hasNoTransitionClass) { - container.classList.add("no-transition"); - } - - const numChanged = 5; - let oldDiffIndex = 0; - let oldDiff = []; - - for (let i = 0; i < numChanged; i++) { - oldDiff.push(0); - } - - let beforeFontSize = fontElement.style.fontSize; - let currentFontSize = 1; - let widthDiff = 0; - let heightDiff = 0; - let containerWidth = 0; - let containerHeight = 0; - do { - currentFontSize += oldDiff[oldDiffIndex] / (fontWeight + 1); - fontElement.style.fontSize = currentFontSize + 'px'; - - let containerStyle = window.getComputedStyle(container); - - containerWidth = containerStyle.getPropertyValue("width").replace('px', ''); - containerHeight = containerStyle.getPropertyValue("height").replace('px', ''); - - widthDiff = containerWidth - fontElement.offsetWidth; - heightDiff = containerHeight - fontElement.offsetHeight; - - oldDiffIndex = (oldDiffIndex+1)%numChanged; - let newDiff = (ignoreWidth ? heightDiff : (ignoreHeight ? widthDiff : Math.min(widthDiff, heightDiff))); - if (newDiff === oldDiff[(oldDiffIndex+1)%numChanged]) { - break; - } - oldDiff[oldDiffIndex] = newDiff; - } while ((widthDiff > (1 - scale) * containerWidth || ignoreWidth) && (heightDiff > (1 - scale) * containerHeight || ignoreHeight)); - - currentFontSize -= margin; - fontElement.style.fontSize = ((setFontSize) ? currentFontSize + "px" : beforeFontSize); - - if (!hasNoTransitionClass) { - await new Promise((r) => { - setTimeout(r, 50); - }); - container.classList.remove("no-transition"); - } - - return currentFontSize; - } -} - -class AudioChain { - - constructor(context, sourceBuffer, chainFunction) { - this.buffer = sourceBuffer; - this.shouldLoop = false; - this.loopStart = null; - this.loopEnd = null; - this.chainFunction = chainFunction; - this.context = context; - - this.startTime = null; - this.pauseTime = null; - this.source = null; - - this.running = false; - } - - setBuffer(buffer) { - this.buffer = buffer; - } - - setLooping(shouldLoop, loopStart, loopEnd) { - this.shouldLoop = shouldLoop; - - if (Helper.isNotNull(loopStart)) { - this.loopStart = loopStart; - } - if (Helper.isNotNull(loopEnd)) { - this.loopEnd = loopEnd; - } - } - - async start(delay, offset, duration) { - let source = this.context.createBufferSource(); - - source.loop = this.shouldLoop; - if (Helper.isNotNull(this.loopStart)) { - source.loopStart = this.loopStart; - } - if (Helper.isNotNull(this.loopEnd)) { - source.loopEnd = this.loopEnd; - } - source.buffer = this.buffer; - await this.chainFunction(source); - - source.start(delay, offset, duration); - this.startTime = (new Date()).getTime() - (Helper.nonNull(offset, 0) * 1000); - this.source = source; - this.running = true; - } - - async stop(delay) { - if (Helper.isNotNull(this.source)) { - this.pauseTime = ((new Date()).getTime()) - this.startTime; - this.running = false; - return this.source.stop(delay); - } - return null; - } - - async resume() { - - if (!this.running) { - return this.start(null, Helper.nonNull(this.pauseTime, 0) / 1000.0); - } - } -} - -class SoundManager { - static getInstance() { - if (Helper.isNull(SoundManager.instance)) { - SoundManager.instance = new SoundManager(); - } - return SoundManager.instance; - } - - constructor() { - this.channels = {}; - this.context = new AudioContext(); - - window.addEventListener("visibilitychange", () => { - this.handleVisibilityChange(); - }); - } - - set(options, channel) { - channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT); - let audioObject = Helper.nonNull(this.channels[channel], {}); - - if (typeof options === "string") { - options = {audio: options}; - } - - let audio = options.audio; - if (Helper.isNotNull(audio)) { - audioObject.loadedPromise = fetch(audio).then(res => res.arrayBuffer()).then(arrayBuffer => this.context.decodeAudioData(arrayBuffer)); - this.stop(channel); - } - audioObject.muted = Helper.nonNull(options.muted, audioObject.muted, false); - audioObject.volume = Helper.nonNull(options.volume, audioObject.volume, 1); - audioObject.loop = Helper.nonNull(options.loop, audioObject.loop, false); - audioObject.timeOffset = Helper.nonNull(options.timeOffset, audioObject.timeOffset, 0); - this.channels[channel] = audioObject; - - if (audioObject.muted) { - this.stop(channel); - } - - return this.channels[channel]; - } - - async play(channel, audioOrOptions) { - channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT); - if (Helper.isNull(audioOrOptions)) { - audioOrOptions = {}; - } else if (!(typeof audioOrOptions === "object")) { - audioOrOptions = { - audio: audioOrOptions - }; - } - audioOrOptions.timeOffset = Helper.nonNull(audioOrOptions.timeOffset, 0); - - this.stop(channel); - this.set(audioOrOptions, channel); - - if (!this.channels[channel].muted) { - let buffer = await this.channels[channel].loadedPromise; - let source = new AudioChain(this.context, buffer, (sourceNode) => { - let gain = this.context.createGain(); - gain.gain.value = this.channels[channel].volume; - - sourceNode.connect(gain); - gain.connect(this.context.destination); - }); - - source.setBuffer(buffer); - - //to prevent gap in mp3-files - source.setLooping(this.channels[channel].loop, 0.3, buffer.duration - 0.3); - - source.start(); - - this.channels[channel].source = source; - } - return this.channels[channel]; - } - - stop(channel) { - channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT); - - let oldAudio = this.channels[channel]; - if (Helper.nonNull(oldAudio) && Helper.nonNull(oldAudio.source)) { - oldAudio.source.stop(); - } - } - - get(channel) { - channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT); - return this.channels[channel]; - } - - async resume(channel){ - channel = Helper.nonNull(channel, SoundManager.CHANNELS.DEFAULT); - if (!this.channels[channel].muted && Helper.isNotNull(this.channels[channel].source)) { - return this.channels[channel].source.resume(); - } - } - - handleVisibilityChange() { - if (document.hidden) { - for (let k in this.channels) { - if (Helper.isNotNull(this.channels[k].source)) { - this.channels[k].source.stop(); - } - } - } - else { - for (let k in this.channels) { - if (!this.channels[k].muted && Helper.isNotNull(this.channels[k].source)) { - this.channels[k].source.resume(); - } - } - } - } -} - -SoundManager.CHANNELS = { - MUSIC: "music", - SOUND: "sound", - DEFAULT: "default" -}; - -class Code { - constructor(args) { - if (typeof args === "string") { - args = { - "code": args - }; - } - this.args = args; - this.isCacheable = false; - } - - setIsCacheable(isCacheable) { - this.isCacheable = isCacheable; - } - - getIsCacheable() { - return this.isCacheable; - } - - activate() { - return DataManager.send("c/code", this.args); - } -} - -class CodeSite extends AbstractSite { - constructor(siteManager) { - super(siteManager, "core/html/load.html", "code"); - } - - onConstruct(args) { - super.onConstruct(args); - console.log(args); - - let resPromise = Promise.resolve(); - if (Helper.isNotNull(args["code"])) { - let code = args["code"]; - let isCachable = Helper.nonNull(args["cachable"], false); - - let codeObject = new Code(code); - codeObject.setIsCacheable(isCachable); - - let self = this; - resPromise = codeObject.activate().then(function (res) { - if (!res["success"]) { - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate(res["errors"][0])); - } - else { - FlashMessenger.addMessage(FlashMessenger.MESSAGE_TYPE_SUCCESS, Translator.translate(Helper.nonNull(res["result"]["successMessage"], "code-activated"))); - } - self.finish(); - }); - } - } -} - -InitPromise.addPromise(function (app) { - app.addDeepLink("code", CodeSite); -}); - -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); - } -}); - -class WordRotatorBaseSite extends AbstractSite { - // createActionBarMenu(menu) { - // menu = super.createActionBarMenu(menu); - // // menu.addAction(SettingsSite.settingsAction.copy()); - // // 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; - // } -} - -class TemplateContainer{ - constructor(leafTemplate, parentTemplate, rowTemplate, triangleTemplate){ - this.leafTemplate = leafTemplate; - this.parentTemplate = parentTemplate; - this.rowTemplate = rowTemplate; - this.triangleTemplate = triangleTemplate; - } - - copyLeafTemplate() - { - return Helper.cloneNode(this.leafTemplate); - } - - copyParentTemplate() - { - return Helper.cloneNode(this.parentTemplate); - } - - copyRowTemplate() - { - return Helper.cloneNode(this.rowTemplate); - } - - copyTriangleTemplate() - { - return Helper.cloneNode(this.triangleTemplate); - } -} - -class Segment{ - constructor(element){ - this.rotation = 0; - this.element = element; - this.parent = null; - } - - getCurrentRotations(rotations){ - return rotations; - } - - sameAs(otherSegment){ - return false; - } - - setParent(parent) - { - this.parent = parent; - } - - getLevel() - { - if (this.parent!==null) - { - return this.parent.getLevel(); - } - } - - canRotate(){ - return false; - } - - isSolved(){ - return (this.rotation === 0); - } - - async rotate(){ - return Promise.resolve(); - }; - - _updateElement(){}; - - applyRotations(rotations){ - return rotations; - } - - applyLocks(locks) - { - return locks; - } - - getCurrentLocked(lockedArray){ - return lockedArray; - } - - getElement() - { - return this.element; - } -} - -class LeafSegment extends Segment { - - constructor(element, leaf) { - super(element); - this.leaf = 'A'; - if (Helper.isNotNull(leaf)) { - this.setLeaf(leaf); - } - } - - sameAs(otherSegment) { - return (otherSegment instanceof LeafSegment && otherSegment.leaf === this.leaf); - } - - setLeaf(leaf) { - this.leaf = leaf; - } - - _updateElement() { - this.element.querySelector(".leaf-element").removeAllChildren().appendChild(document.createTextNode(this.leaf)); - } -} - -class ParentSegment extends Segment { - static initListener() { - window.addEventListener("mousedown", (e) => { - ParentSegment.mouseDownTarget = e.target; - ParentSegment.clickPosition = {x: e.pageX, y: e.pageY}; - }); - window.addEventListener("mouseup", (e) => { - ParentSegment.mouseDownTarget = null; - ParentSegment.clickPosition = {}; - }); - - window.addEventListener("touchstart", (e) => { - if (e.targetTouches.length === 1) { - ParentSegment.mouseDownTarget = e.targetTouches[0].target; - ParentSegment.clickPosition = {x: e.targetTouches[0].pageX, y: e.targetTouches[0].pageY}; - } - }); - window.addEventListener("touchend", (e) => { - ParentSegment.mouseDownTarget = null; - ParentSegment.clickPosition = {}; - }); - } - - setIsRotatable(rotatable) { - this.rotatable = rotatable; - this._updateElement(); - } - - constructor(element) { - super(element); - this.children = []; - this.class = "rotate-0"; - this.rotatable = true; - - let self = this; - this.touchendListener = function (e) { - let target = document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY); - if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(target)) { - let position = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY}; - - self.getLevel().segmentClickedListener(self); - self.rotate(ParentSegment.mouseDownTarget, target, ParentSegment.clickPosition, position); - e.stopPropagation(); - e.preventDefault(); - } - }; - this.mouseupListener = function (e) { - if (ParentSegment.mouseDownTarget !== null && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(e.target)) { - let position = {x: e.pageX, y: e.pageY}; - - self.getLevel().segmentClickedListener(self); - self.rotate(ParentSegment.mouseDownTarget, e.target, ParentSegment.clickPosition, position); - e.stopPropagation(); - e.preventDefault(); - } - }; - } - - canRotate() { - return (this.rotatable && !this.getLevel().getHasWon()); - } - - async rotate(firstElem, secondElem, firstPosition, secondPosition) { - const timeout = 250; - const clickTolerance = 5; - - let rotationDirection = 1; - if (Helper.isNotNull(secondElem) && Helper.isNotNull(firstElem) && - (Helper.isNull(firstPosition) || Helper.isNull(secondPosition) || - Math.abs(firstPosition.x - secondPosition.x) > clickTolerance || - Math.abs(firstPosition.y - secondPosition.y) > clickTolerance)) { - - let firstIndex = -1; - let secondIndex = -1; - let rotationIndexes = [0, 1, 3, 2]; - for (let i = 0; i < this.children.length; i++) { - if (this.children[rotationIndexes[i]].element === firstElem || this.children[rotationIndexes[i]].element.contains(firstElem)) { - firstIndex = (i + this.rotation / 90) % 4; - } - if (this.children[rotationIndexes[i]].element === secondElem || this.children[rotationIndexes[i]].element.contains(secondElem)) { - secondIndex = (i + this.rotation / 90) % 4; - } - } - - if (firstIndex >= 0 && secondIndex >= 0) { - if (firstIndex === 2 && (secondIndex === 0 || secondIndex === 1) - || firstIndex === 1 && (secondIndex === 0 || secondIndex === 3) - || (firstIndex === 0 && secondIndex === 3) - || (firstIndex === 3 && secondIndex === 2)) { - rotationDirection = -1; - } - } - } - - if (this.canRotate()) { - this.rotation += 360 + 90 * rotationDirection; - this.rotation %= 360; - - let currentRotation = this.rotation; - - this._updateRotationClass(); - this.element.classList.add("rotating"); - if (rotationDirection === -1) { - this.element.classList.add("reverse"); - } - - let delayPromise = new Promise(function (resolve) { - setTimeout(resolve, timeout); - }).then(() => { - if (this.rotation === currentRotation) { - this.element.classList.remove("rotating"); - this.element.classList.remove("reverse"); - } - }); - this.getLevel().checkHasWon(delayPromise); - return delayPromise; - } - } - - sameAs(otherSegment) { - if (!(otherSegment instanceof ParentSegment) || otherSegment.children.length !== this.children.length) { - return false; - } - for (let i = 0; i < this.children.length; i++) { - if (!this.children[i].sameAs(otherSegment.children[i])) { - return false; - } - } - return true; - } - - applyRotations(rotations) { - this.rotation = rotations[0]; - - if (isNaN(this.rotation)) { - this.rotation = 0; - } - - rotations.splice(0, 1); - for (let i = 0, n = this.children.length; i < n; i++) { - rotations = this.children[i].applyRotations(rotations); - } - return rotations; - } - - applyLocks(locks) { - this.rotatable = locks[0]; - locks.splice(0, 1); - for (let i = 0, n = this.children.length; i < n; i++) { - locks = this.children[i].applyLocks(locks); - } - return locks; - } - - getCurrentRotations(rotations) { - rotations.push(this.rotation); - for (let i = 0, n = this.children.length; i < n; i++) { - rotations = this.children[i].getCurrentRotations(rotations); - } - return rotations; - } - - getCurrentLocked(locked) { - locked.push(this.rotatable); - for (let i = 0, n = this.children.length; i < n; i++) { - locked = this.children[i].getCurrentLocked(locked); - } - return locked; - } - - isSolved() { - for (let i = 0, n = this.children.length; i < n; i++) { - if (!this.children[i].isSolved()) { - return false; - } - } - return (this.rotation === 0 || ( - this.children[0].sameAs(this.children[2]) && this.children[1].sameAs(this.children[3]) && ( - this.rotation === 2 || this.children[0].sameAs(this.children[1])))) - } - - setChildren(children) { - this.children = []; - for (let i = 0, n = children.length; i < n; i++) { - this.addChild(children[i]); - } - } - - addChild(child) { - this.children.push(child); - child.setParent(this); - this._updateElement(); - } - - _updateRotationClass() { - // this.style.transform = "rotate("+this.rotation+"deg)"; - this.element.classList.remove(this.class); - this.class = "rotate-" + this.rotation; - if (this.class === "rotate-0") { - this.class = "rotate-360"; - } - this.element.classList.add(this.class); - } - - _updateElement() { - let layer = this._getLayer(); - if (layer >= 2) { - this.element.classList.add("layer-" + layer); - } - - if (!this.rotatable) { - this.element.classList.add("locked"); - } - - const childContainer = this.element.querySelector(".child-container"); - childContainer.removeAllChildren(); - - this._updateRotationClass(); - - this.element.removeEventListener("mouseup", this.mouseupListener); - this.element.removeEventListener("touchend", this.touchendListener); - - this.element.addEventListener("mouseup", this.mouseupListener); - this.element.addEventListener("touchend", this.touchendListener); - - for (let i = 0, n = this.children.length; i < n; i++) { - this.children[i]._updateElement(); - childContainer.appendChild(this.children[i].getElement()); - if (i % 2 === 1 && this.children.length - 1 !== i) { - childContainer.appendChild(document.createElement("br")); - } - } - } - - _getLayer() { - if (this.children.length >= 1 && this.children[0] && this.children[0] instanceof ParentSegment) { - return this.children[0]._getLayer() + 1; - } - return 1; - } -} - -ParentSegment.initListener(); - -class Level { - constructor(templateContainer) { - this.rootSegment = null; - this.words = []; - this.startRotations = []; - this.templateContainer = templateContainer; - - this.hasWon = false; - this.id = null; - - this.wonResolver = null; - this.giveUpResolver = null; - - const self = this; - this.wonPromise = new Promise((resolve, reject) => { - self.wonResolver = resolve; - self.giveUpResolver = reject; - }); - - this.segmentClickedListener = () => {}; - } - - saveAsCurrentLevel(){ - let rotations = this.getCurrentRotations(); - let locked = this.getCurrentLocked(); - localStorage.setItem("currentLevel", JSON.stringify({"id": this.id, "rotations": rotations, "locks":locked})); - } - - getCurrentLocked(){ - if (this.rootSegment !== null) - { - return this.rootSegment.getCurrentLocked([]); - } - return []; - } - - getCurrentRotations(){ - if (this.rootSegment !== null) - { - return this.rootSegment.getCurrentRotations([]); - } - return []; - } - - setLocks(locks) - { - if (this.rootSegment !== null){ - this.rootSegment.applyLocks(locks); - } - } - - setId(id) - { - this.id = id; - } - - getId() - { - return this.id; - } - - getLevel() - { - return this; - } - - setRootSegment(rootSegment) - { - this.rootSegment = rootSegment; - this.rootSegment.setParent(this); - if (this.startRotations) - { - this.applyRotations(); - } - } - - setWords(words) - { - this.words = []; - for (let i = 0, n = words.length; i < n; i++) { - this.words.push(words[i].toUpperCase()); - } - } - - setStartRotations(rotations) - { - this.startRotations = rotations; - } - - applyRotations(rotations) - { - if (this.rootSegment) - { - rotations = Helper.nonNull(rotations, this.startRotations); - this.rootSegment.applyRotations(rotations); - } - } - - getHasWon() - { - return this.hasWon; - } - - checkHasWon(delayPromise) { - if (this.rootSegment.isSolved()){ - this.hasWon = true; - const self = this; - delayPromise.then(()=>{ - self.wonResolver(true); - }); - return true; - } - this.saveAsCurrentLevel(); - return false; - } - - getWonPromise(){ - return this.wonPromise; - } - - getRootSegment(){ - return this.rootSegment; - } - - createSegments() {}; - - getRotatableSegments(){ - return Level._getRotatableSegmentsFrom(this.rootSegment); - } - - setSegmentClickedListener(listener){ - this.segmentClickedListener = listener; - } - - static _getRotatableSegmentsFrom(segment){ - let rotatable = []; - if (segment.canRotate()) - { - rotatable.push(segment); - } - if (segment instanceof ParentSegment){ - for (let i = 0; i < segment.children.length; i++) { - rotatable.push.apply(rotatable, Level._getRotatableSegmentsFrom(segment.children[i])); - } - } - return rotatable; - } - - static _createLeafsForWord(word, leafSegmentTemplate) - { - let leafSegments = []; - for (let i = 0, n = word.length; i < n; i++) { - leafSegments.push(new LeafSegment(Helper.cloneNode(leafSegmentTemplate), word.charAt(i))); - } - return leafSegments; - } -} - -class RowSegment extends ParentSegment{ - constructor(element) { - super(element); - this.rotatable = false; - } - - applyRotations(rotations) - { - for (let i = 0, n = this.children.length; i < n; i++) { - rotations = this.children[i].applyRotations(rotations); - } - return rotations; - } - - getCurrentRotations(rotations){ - for (let i = 0, n = this.children.length; i < n; i++) { - rotations = this.children[i].getCurrentRotations(rotations); - } - return rotations; - } - - getCurrentLocked(locked) { - for (let i = 0, n = this.children.length; i < n; i++) { - locked = this.children[i].getCurrentLocked(locked); - } - return locked; - } - - applyLocks(locks) { - for (let i = 0, n = this.children.length; i < n; i++) { - locks = this.children[i].applyLocks(locks); - } - return locks; - } - - _updateElement() { - const childContainer = this.element.querySelector(".child-container"); - childContainer.removeAllChildren(); - - this._updateRotationClass(); - - const self = this; - this.element.onclick = function (e) { - self.rotate(); - e.stopPropagation(); - }; - - for (let i = 0, n = this.children.length; i < n; i++) { - this.children[i]._updateElement(); - childContainer.appendChild(this.children[i].getElement()); - } - } -} - -class RowLevel extends Level { - constructor(container, wordLength) { - super(container); - this.wordLength = wordLength; - } - - createSegments() { - if (this.words.length >= 2 && this.words[0].length >= this.wordLength && this.words[1].length >= this.wordLength) { - let leafsWordOne = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate()); - let leafsWordTwo = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate()); - - let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate()); - for (let i = 0, n = this.wordLength / 2; i < n; i++) { - let parent = new ParentSegment(this.templateContainer.copyParentTemplate()); - parent.addChild(leafsWordOne[2 * i]); - parent.addChild(leafsWordOne[2 * i + 1]); - parent.addChild(leafsWordTwo[2 * i]); - parent.addChild(leafsWordTwo[2 * i + 1]); - rootSegment.addChild(parent); - } - // rootSegment.applyRotations(this.startRotations); - this.setRootSegment(rootSegment); - } - } -} - -class SimpleLevel extends RowLevel{ - constructor(container) { - super(container, 6); - } -} - -class RowLevel8 extends RowLevel{ - constructor(container) { - super(container, 8); - } -} - -class RowLevel10 extends RowLevel{ - constructor(container) { - super(container, 10); - } -} - -class TriangleSegment extends RowSegment{ - -} - -class SixWordsRowLevel extends Level { - - constructor(templateContainer, wordLength) { - super(templateContainer); - this.wordLength = wordLength; - } - - createSegments() { - if (this.words.length >= 6 && - this.words[0].length >= this.wordLength && - this.words[1].length >= this.wordLength && - this.words[2].length >= this.wordLength && - this.words[3].length >= this.wordLength && - this.words[4].length >= this.wordLength && - this.words[5].length >= this.wordLength - ) { - let leafsWords = []; - leafsWords[0] = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate()); - leafsWords[1] = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate()); - leafsWords[2] = Level._createLeafsForWord(this.words[2], this.templateContainer.copyLeafTemplate()); - leafsWords[3] = Level._createLeafsForWord(this.words[3], this.templateContainer.copyLeafTemplate()); - leafsWords[4] = Level._createLeafsForWord(this.words[4], this.templateContainer.copyLeafTemplate()); - leafsWords[5] = Level._createLeafsForWord(this.words[5], this.templateContainer.copyLeafTemplate()); - - let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate()); - for (let i = 0; i < this.wordLength / 4; i++) { - - let parents = []; - parents[0] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[1] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[2] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[3] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[4] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[5] = new ParentSegment(this.templateContainer.copyParentTemplate()); - - parents[0].addChild(leafsWords[0][4*i]); - parents[0].addChild(leafsWords[0][4*i+1]); - parents[0].addChild(leafsWords[1][4*i]); - parents[0].addChild(leafsWords[1][4*i+1]); - - parents[1].addChild(leafsWords[0][4*i+2]); - parents[1].addChild(leafsWords[0][4*i+3]); - parents[1].addChild(leafsWords[1][4*i+2]); - parents[1].addChild(leafsWords[1][4*i+3]); - - parents[2].addChild(leafsWords[2][4*i]); - parents[2].addChild(leafsWords[2][4*i+1]); - parents[2].addChild(leafsWords[3][4*i]); - parents[2].addChild(leafsWords[3][4*i+1]); - - parents[3].addChild(leafsWords[2][4*i+2]); - parents[3].addChild(leafsWords[2][4*i+3]); - parents[3].addChild(leafsWords[3][4*i+2]); - parents[3].addChild(leafsWords[3][4*i+3]); - - parents[4].addChild(leafsWords[4][4*i]); - parents[4].addChild(leafsWords[4][4*i+1]); - parents[4].addChild(leafsWords[5][4*i]); - parents[4].addChild(leafsWords[5][4*i+1]); - - parents[5].addChild(leafsWords[4][4*i+2]); - parents[5].addChild(leafsWords[4][4*i+3]); - parents[5].addChild(leafsWords[5][4*i+2]); - parents[5].addChild(leafsWords[5][4*i+3]); - - - let parent = new ParentSegment(this.templateContainer.copyParentTemplate()); - let triangle = new TriangleSegment(this.templateContainer.copyTriangleTemplate()); - if (i % 2 === 0) { - parent.addChild(parents[0]); - parent.addChild(parents[1]); - parent.addChild(parents[2]); - parent.addChild(parents[3]); - - let rowSegment = new RowSegment(this.templateContainer.copyRowTemplate()); - - rowSegment.addChild(parents[4]); - rowSegment.addChild(parents[5]); - - triangle.addChild(parent); - triangle.addChild(rowSegment); - - triangle.getElement().classList.add("type-1"); - } - else { - - let rowSegment = new RowSegment(this.templateContainer.copyRowTemplate()); - - rowSegment.addChild(parents[0]); - rowSegment.addChild(parents[1]); - - triangle.addChild(rowSegment); - triangle.addChild(parent); - - parent.addChild(parents[2]); - parent.addChild(parents[3]); - parent.addChild(parents[4]); - parent.addChild(parents[5]); - - triangle.getElement().classList.add("type-2"); - } - rootSegment.addChild(triangle); - } - this.setRootSegment(rootSegment); - } - } -} - -class SixWordsRowLevel8 extends SixWordsRowLevel { - constructor(templateContainer) { - super(templateContainer, 8); - } -} - -class SixWordsRowLevel12 extends SixWordsRowLevel { - constructor(templateContainer) { - super(templateContainer, 12); - } -} - -class FourWordsLevel extends Level { - - constructor(templateContainer, wordLength) { - super(templateContainer); - this.wordLength = wordLength; - } - - createSegments() { - if (this.words.length >= 4 && - this.words[0].length >= this.wordLength && - this.words[1].length >= this.wordLength && - this.words[2].length >= this.wordLength && - this.words[3].length >= this.wordLength - ) { - let leafsWords = []; - leafsWords[0] = Level._createLeafsForWord(this.words[0], this.templateContainer.copyLeafTemplate()); - leafsWords[1] = Level._createLeafsForWord(this.words[1], this.templateContainer.copyLeafTemplate()); - leafsWords[2] = Level._createLeafsForWord(this.words[2], this.templateContainer.copyLeafTemplate()); - leafsWords[3] = Level._createLeafsForWord(this.words[3], this.templateContainer.copyLeafTemplate()); - - let rootSegment = new RowSegment(this.templateContainer.copyRowTemplate()); - for (let i = 0; i < this.wordLength / 4; i++) { - - let parents = []; - parents[0] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[1] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[2] = new ParentSegment(this.templateContainer.copyParentTemplate()); - parents[3] = new ParentSegment(this.templateContainer.copyParentTemplate()); - - parents[0].addChild(leafsWords[0][4 * i]); - parents[0].addChild(leafsWords[0][4 * i + 1]); - parents[0].addChild(leafsWords[1][4 * i]); - parents[0].addChild(leafsWords[1][4 * i + 1]); - - parents[1].addChild(leafsWords[0][4 * i + 2]); - parents[1].addChild(leafsWords[0][4 * i + 3]); - parents[1].addChild(leafsWords[1][4 * i + 2]); - parents[1].addChild(leafsWords[1][4 * i + 3]); - - parents[2].addChild(leafsWords[2][4 * i]); - parents[2].addChild(leafsWords[2][4 * i + 1]); - parents[2].addChild(leafsWords[3][4 * i]); - parents[2].addChild(leafsWords[3][4 * i + 1]); - - parents[3].addChild(leafsWords[2][4 * i + 2]); - parents[3].addChild(leafsWords[2][4 * i + 3]); - parents[3].addChild(leafsWords[3][4 * i + 2]); - parents[3].addChild(leafsWords[3][4 * i + 3]); - - let parent = new ParentSegment(this.templateContainer.copyParentTemplate()); - parent.addChild(parents[0]); - parent.addChild(parents[1]); - parent.addChild(parents[2]); - parent.addChild(parents[3]); - - rootSegment.addChild(parent); - } - this.setRootSegment(rootSegment); - } - } -} - -class FourWordsLevel8 extends FourWordsLevel{ - constructor(templateContainer) { - super(templateContainer, 8); - } -} - -class FourWordsLevel12 extends FourWordsLevel{ - constructor(templateContainer) { - super(templateContainer, 12); - } -} - -class LevelHelper { - static setLevelType(typeId, level) { - LevelHelper.types[typeId] = level; - } - - static getLevelClass(type) { - return LevelHelper.types[type]; - } - - static inflateLevel(jsonLevel, templateContainer) { - let level = new (LevelHelper.types[jsonLevel["rendererType"]])(templateContainer); - level.setWords(jsonLevel["words"]); - level.setId(jsonLevel["id"]); - - for (let i = 0, n = jsonLevel["rotations"].length; i < n; i++) { - if (jsonLevel["rotations"][i] <= 4) { - jsonLevel["rotations"][i] = 90 * jsonLevel["rotations"][i]; - } - } - - level.setStartRotations(jsonLevel["rotations"]); - return level; - } -} - -LevelHelper.types = { - 20: SimpleLevel, - 40: RowLevel8, - 60: RowLevel10, - 100: SixWordsRowLevel8, - 120: FourWordsLevel8, - 140: SixWordsRowLevel12, - 160: FourWordsLevel12, -}; - -class WordRotatorDb extends MyDb { - - static getInstance() { - if (Helper.isNull(WordRotatorDb.instance)) { - WordRotatorDb.instance = new WordRotatorDb(); - } - return WordRotatorDb.instance; - } - - constructor() { - super("wordRotator", 3); - } - - upgrade(db, oldVersion, newVersion, e) { - console.log("upgrading!"); - if (Helper.isNull(oldVersion) || oldVersion < 1 && newVersion >= 1) { - let levelObjectStore = db.createObjectStore(WordRotatorDb.OBJECT_STORE.LEVEL, {"keyPath": "id"}); - } - if (Helper.isNull(oldVersion) || oldVersion < 2 && newVersion >= 2) { - let levelObjectStore = e.target.transaction.objectStore(WordRotatorDb.OBJECT_STORE.LEVEL); - levelObjectStore.createIndex("played", ["deleted", "played", "difficulty", "id"], {"unique": false}); - } - if (Helper.isNull(oldVersion) || oldVersion < 3 && newVersion >= 3) { - let levelObjectStore = e.target.transaction.objectStore(WordRotatorDb.OBJECT_STORE.LEVEL); - levelObjectStore.createIndex("difficulty", "difficulty", {"unique": false}); - } - }; - - async saveManyLevels(levels) { - return this.saveMany(levels, WordRotatorDb.OBJECT_STORE.LEVEL).catch(e => { - console.error("insert error!", e); - }); - } - - async loadLevel(levelId) { - return this.load(levelId, WordRotatorDb.OBJECT_STORE.LEVEL); - } - - async loadNextLevel(rendererTypes) { - const levels = await this.loadMany("difficulty", IDBKeyRange.lowerBound(0), WordRotatorDb.OBJECT_STORE.LEVEL); - - let wrongLevels = []; - let newLevels = []; - let difficulty = -1; - for (let i = 0, n = levels.length; i < n; i++) { - if ((difficulty < 0 || difficulty === levels[i]["difficulty"]) && !levels[i]["deleted"] && !levels[i]["played"] && rendererTypes.indexOf(levels[i]["rendererType"]) !== -1) { - newLevels.push(levels[i]); - difficulty = levels[i]["difficulty"]; - } - else if (levels[i]["difficulty"] !== 0 && !levels[i]["deleted"] && !levels[i]["played"] ) { - wrongLevels.push(levels[i]); - } - } - - if (newLevels.length === 0) { - return null; - } - - return newLevels[Math.round(Math.random() * newLevels.length) % newLevels.length]; - } - - async saveLevelPlayed(levelId) { - const level = await this.loadLevel(levelId); - level.played = true; - return await this.saveObj(level, WordRotatorDb.OBJECT_STORE.LEVEL); - } -} - -WordRotatorDb.OBJECT_STORE = { - LEVEL: "level", -}; -WordRotatorDb.instance = null; - -class EndSite extends WordRotatorBaseSite{ - constructor(siteManager) { - super(siteManager, "html/application/end.html"); - } - - onStart(args) { - Matomo.update("End Site"); - return super.onStart(args); - } -} - -class LevelSite extends WordRotatorBaseSite { - constructor(siteManager) { - super(siteManager, "html/application/level.html"); - } - - createActionBarMenu(menu) { - menu = super.createActionBarMenu(menu); - - let coinAction = new MenuAction(Helper.nonNull(localStorage.getItem("coins"), "0"), () => { - }, MenuAction.SHOW_ALWAYS, 900); - coinAction.setShouldTranslate(false); - coinAction._liClass = "coin-counter"; - menu.addAction(coinAction); - this.coinAction = coinAction; - - return menu; - } - - onConstruct(args) { - this.levelCounter = Helper.nonNull(localStorage.getItem("levelCounter"), 1); - this.levelScaler = () => { - }; - this.wonParams = { - aborted: false, - coinCounterTimer: null, - }; - this.coinPromise = Promise.resolve(); - - let settingsManager = SettingsManager.getInstance(); - - let soundManager = SoundManager.getInstance(); - soundManager.set({ - audio: "sound/single_coin_fall_on_concrete_.mp3", - muted: !settingsManager.getSetting("play-sound", true), - volume: 0.7 - }, SoundManager.CHANNELS.SOUND); - - soundManager.resume(SoundManager.CHANNELS.MUSIC); - - return super.onConstruct(args); - } - - async onFirstStart() { - super.onFirstStart(); - let leafSegmentTemplate = this.findBy("#segment-leaf-template"); - let parentSegmentTemplate = this.findBy("#segment-parent-template"); - let rowSegmentTemplate = this.findBy("#segment-row-template"); - let triangleTemplate = this.findBy("#segment-triangle-template"); - - leafSegmentTemplate.id = null; - parentSegmentTemplate.id = null; - rowSegmentTemplate.id = null; - triangleTemplate.id = null; - - leafSegmentTemplate.remove(); - parentSegmentTemplate.remove(); - rowSegmentTemplate.remove(); - triangleTemplate.remove(); - - let self = this; - let continueButton = this.findBy("#continue-button"); - continueButton.addEventListener("click", () => { - self.nextLevel(); - }); - - let wonText = this.findBy("#won-text"); - - let scaleHelper = new ScaleHelper(); - this.continueButtonScaler = await scaleHelper.scaleToFull(continueButton, continueButton.parentElement, false, true, 2); - this.wonTextScaler = await scaleHelper.scaleToFull(wonText, wonText.parentElement, false, false, 2, null, 5); - this.wonText = wonText; - this.wonText.style.fontSize = "0"; - - //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 = await scaleHelper.scaleToFull(this.levelCounterAction, this.levelCounterActionContainer, false, false, 4); - this.levelCounterActionContainer.classList.add("visible"); - this.templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate, triangleTemplate); - - this.coinTemplate = this.findBy("#coin-template"); - this.coinContainer = this.findBy("#coin-container"); - - this.coinTemplate.id = null; - this.coinContainer.removeAllChildren(); - - this.findBy("#help-button").addEventListener("click", () => { - this.help(); - }); - - this.loadLastLevel(); - } - - async loadLastLevel() { - try { - let currentLevelInfo = localStorage.getItem("currentLevel"); - if (currentLevelInfo !== null) { - currentLevelInfo = JSON.parse(currentLevelInfo); - // console.log("LevelID: ", currentLevelInfo["id"]); - - const db = WordRotatorDb.getInstance(); - const levelJson = await db.loadLevel(currentLevelInfo["id"]); - - if (levelJson === null) { - return this.nextLevel(); - } - - const level = LevelHelper.inflateLevel(levelJson, this.templateContainer); - level.setStartRotations(currentLevelInfo["rotations"]); - - const self = this; - level.getWonPromise().then(() => { - self.levelWon(level); - }); - - level.createSegments(); - level.setLocks(currentLevelInfo["locks"]); - level.getRootSegment()._updateElement(); - - level.saveAsCurrentLevel(); - - let levelSegment = this.findBy("#level"); - levelSegment.removeAllChildren().appendChild(level.getRootSegment().getElement()); - let scaleHelper = new ScaleHelper(); - this.levelScaler = await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 1, level.words[0].length * 1.5, null, 0); - - this.level = level; - let res = this.tutorial(); - Matomo.push(["trackEvent", "LevelSite", "LoadLastLevel"]); - return res; - } - } - catch (e) { - console.error(e); - } - return this.nextLevel(); - } - - async nextLevel() { - try { - this._siteContent.classList.remove('won'); - this.wonText.style.fontSize = "0"; - - const db = WordRotatorDb.getInstance(); - const nextLevelJson = await db.loadNextLevel(LevelSite.RENDERER_TYPES); - - if (nextLevelJson === null) { - this.startSite(EndSite); - this.finish(); - return; - } - const level = LevelHelper.inflateLevel(nextLevelJson, this.templateContainer); - const self = this; - level.getWonPromise().then(() => { - self.levelWon(level); - }); - - level.createSegments(); - level.getRootSegment()._updateElement(); - - level.saveAsCurrentLevel(); - - let levelSegment = this.findBy("#level"); - levelSegment.removeAllChildren().appendChild(level.getRootSegment().getElement()); - let scaleHelper = new ScaleHelper(); - this.levelScaler = await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 1, level.words[0].length * 1.5, null, 0); - - this.level = level; - this.levelCounterAction.innerText = this.levelCounter; - this.levelNumberScaler(); - - this.coinAction.setTitle(Helper.nonNull(localStorage.getItem("coins"), "0")); - this.coinAction.redraw(); - - this.wonParams.aborted = true; - 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 Normal", this.levelCounter]); - - return this.tutorial(); - } - catch (e) { - console.error(e); - } - } - - onStart(args) { - Matomo.update("Level Site"); - let res = super.onStart(args); - - if (this.levelCounterAction) { - - this.levelCounterAction.innerText = this.levelCounter; - this.levelCounterActionContainer.classList.add("visible"); - } - this.levelScaler(); - return res; - } - - onPause(args) { - super.onPause(args); - this.levelCounterActionContainer.classList.remove("visible"); - } - - async levelWon(level) { - try { - const db = WordRotatorDb.getInstance(); - const savePromise = db.saveLevelPlayed(level.getId()); - - this.levelCounter++; - localStorage.setItem("levelCounter", this.levelCounter); - - this._siteContent.classList.add('won'); - localStorage.removeItem("currentLevel"); - - let continueButton = this.findBy("#continue-button"); - continueButton.style.transition = "none"; - continueButton.style.opacity = 0; - - this.coinContainer.removeAllChildren(); - let coinsPerLevel = SystemSettings.get("coinsPerLevel", 5); - - let coinsBefore = 0; - - let soundManager = SoundManager.getInstance(); - let audioOptions = soundManager.get(SoundManager.CHANNELS.SOUND); - - this.coinPromise = this.coinPromise.then(() => { - coinsBefore = parseInt(Helper.nonNull(localStorage.getItem("coins"), "0")); - localStorage.setItem("coins", coinsBefore + parseInt(coinsPerLevel)); - }).then(() => { - return Promise.all([new Promise((r) => { - setTimeout(() => { - r(continueButton.fadeIn()); - }, 500); - }), audioOptions.loadedPromise.catch(e => { - console.error(e); - })]); - }); - - this.wonParams.aborted = false; - - for (let i = 0; i < coinsPerLevel; i++) { - let coinElem = Helper.cloneNode(this.coinTemplate); - this.coinContainer.appendChild(coinElem); - this.coinPromise = this.coinPromise.then(() => { - return new Promise(r => { - let timeout = 350; - console.log("coinPromise - won", this.wonParams); - if (!this.wonParams.aborted) { - coinElem.fadeIn(timeout / 1000); - soundManager.play(SoundManager.CHANNELS.SOUND); - - this.wonParams.coinCounterTimer = setTimeout(() => { - if (!this.wonParams.aborted) { - this.coinAction.setTitle(++coinsBefore); - this.coinAction.redraw(); - } - }, timeout / 2); - } - else { - r(); - } - //Always do the next promise for garbage collection - setTimeout(r, timeout); - }) - }); - } - - this.coinPromise = this.coinPromise.catch((e) => { - console.error(e); - }); - - this.wonTextScaler(); - this.continueButtonScaler(); - this.levelScaler(); - - Matomo.push(["trackEvent", "LevelSite", "LevelWon", "Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]); - - await savePromise; - } - catch (e) { - console.error(e); - } - } - - help() { - let cost = SystemSettings.get("costForHelp", 25); - let currentCoins = parseInt(Helper.nonNull(localStorage.getItem("coins"), 0)); - - if (currentCoins >= cost) { - currentCoins -= cost; - localStorage.setItem("coins", currentCoins); - this.coinAction.title = currentCoins; - this.coinAction.redraw(); - - let rotatables = this.level.getRotatableSegments(); - rotatables = rotatables.filter((segment) => { - return (segment.rotation !== 0); - }); - - let index = Math.floor(Math.random() * rotatables.length); - - let segmentToHelp = rotatables[index]; - while (segmentToHelp.rotation !== 0) { - segmentToHelp.rotate(); - } - segmentToHelp.setIsRotatable(false); - this.level.saveAsCurrentLevel(); - - Matomo.push(["trackEvent", "LevelSite", "Help", "Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]); - } - else { - FlashMessenger.addMessage("not-enough-coins"); - Matomo.push(["trackEvent", "LevelSite", "Help", "Not enough Coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0"))]); - } - } - - async tutorial() { - if (this.level.id === LevelSite.TUTORIAL.FIRST_LEVEL) { - let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "1"); - - let scaleHelper = new ScaleHelper(); - this._siteContent.classList.add("tutorial"); - this._siteContent.classList.add("step-" + currentStep); - - switch (currentStep) { - case "1": { - this.level.setSegmentClickedListener(() => { - this._siteContent.classList.remove("step-1"); - localStorage.setItem("tutorial-step", "2"); - this.tutorial(); - }); - - let textElem = this.findBy(".tutorial-text .step-1"); - - await this.levelScaler(); - scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2); - - break; - } - case "2": { - this.level.setSegmentClickedListener(() => { - }); - this.level.getWonPromise().then(() => { - this._siteContent.classList.remove("tutorial"); - this._siteContent.classList.remove("step-2"); - localStorage.removeItem("tutorial-step"); - this.coinPromise = this.coinPromise.then(() => { - console.log("coinPromise - tutorial", this.wonParams); - - FlashMessenger.addMessage("extra-coins-after-first-level"); - localStorage.setItem("coins", parseInt(Helper.nonNull(localStorage.getItem("coins"), "0")) + 50); - this.coinAction.setTitle(Helper.nonNull(localStorage.getItem("coins"), "0")); - this.coinAction.redraw(); - }); - // this.levelScaler(); - }); - - let textElem = this.findBy(".tutorial-text .step-2"); - - await this.levelScaler(); - scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2); - - break; - } - } - } - else if (this.level.id === LevelSite.TUTORIAL.SECOND_LEVEL) { - let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "3"); - - switch (currentStep) { - case "3": { - let scaleHelper = new ScaleHelper(); - - this._siteContent.classList.add("tutorial"); - this._siteContent.classList.add("step-" + currentStep); - - let eventListener = () => { - this._siteContent.classList.remove("tutorial"); - this._siteContent.classList.remove("step-3"); - localStorage.setItem("tutorial-step", "4"); - this.findBy("#help-button").removeEventListener("click", eventListener); - this.levelScaler(); - }; - this.findBy("#help-button").addEventListener("click", eventListener); - - let textElem = this.findBy(".tutorial-text .step-3"); - - await this.levelScaler(); - scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2); - break; - } - } - } - else if (this.level.id === LevelSite.TUTORIAL.BIG_SEGMENT_LEVEL) { - let currentStep = Helper.nonNull(localStorage.getItem("tutorial-step"), "4"); - - switch (currentStep) { - case "4": { - - let scaleHelper = new ScaleHelper(); - this._siteContent.classList.add("tutorial"); - this._siteContent.classList.add("step-" + currentStep); - - let rotatableSegments = this.level.getRotatableSegments(); - let firstSegment = rotatableSegments[0]; - - let pointer = this.findBy("#tutorial-pointer"); - pointer.remove(); - firstSegment.element.appendChild(pointer); - - this.level.setSegmentClickedListener((segment) => { - if (firstSegment === segment) { - this._siteContent.classList.remove("tutorial"); - this._siteContent.classList.remove("step-4"); - localStorage.setItem("tutorial-step", "5"); - this.levelScaler(); - } - }); - - let textElem = this.findBy(".tutorial-text .step-4"); - - await this.levelScaler(); - scaleHelper.scaleToFull(textElem, textElem.parentElement, null, true, 1, 2); - - break; - } - } - } - } -} -LevelSite.RENDERER_TYPES = [20, 40, 60, 100, 120, 140, 160]; -LevelSite.TUTORIAL = { - FIRST_LEVEL: 67, - SECOND_LEVEL: 15, - BIG_SEGMENT_LEVEL: 341 -}; - -class MainMenuLevel extends FourWordsLevel{ - - constructor(templateContainer) { - super(templateContainer, 4); - } - - saveAsCurrentLevel() { - } - - // checkHasWon(delayPromise) { - // } -} - -class ShareDialog extends Dialog{ - constructor() { - let viewPromise = ViewInflater.inflate("html/application/dialog/share.html").then(view => { - view.appendChild(ShareManager.generateDefaultShareElement(window.location.hostname + Helper.basePath(""))); - let closeListener = () => { - this.close(); - }; - - view.querySelectorAll("a").forEach((element) => { - element.addEventListener("click", closeListener); - }); - return view; - }); - - super(viewPromise, "share-dialog"); - } -} - -class MenuSite extends WordRotatorBaseSite { - constructor(siteManager) { - super(siteManager, "html/application/menu.html"); - this.loadLevelPromise = this.loadLevels(); - this.listener = null; - } - - onStart(args) { - Matomo.update("Menu Site"); - let res = super.onStart(args); - - let level = new MainMenuLevel(this.templateContainer); - level.setWords(["WORD", "ROTA", "TORW", "ORDR"]); - level.createSegments(); - - level.getWonPromise().then(() => { - Matomo.push(["trackEvent", "MainMenu", "levelSolved"]); - this.startLevelSite(); - }); - - let segment = level.getRootSegment(); - segment._updateElement(); - - let levelSegment = this.findBy("#level"); - levelSegment.removeAllChildren().appendChild(segment.getElement()); - - let rotationsSegments = level.getRotatableSegments(); - - let randomRotationFunction = () => { - let timeout = Math.random() * 4500 + 1500; - this.randomRotateTimeout = setTimeout(() => { - let indexBlocked = -1; - let indexesNotRight = []; - for (let i = 0; i < rotationsSegments.length; i++) { - if (rotationsSegments[i].rotation !== 0) { - indexesNotRight.push(i); - if (indexesNotRight.length >= 2) { - break; - } - } - } - if (indexesNotRight.length === 1) { - indexBlocked = indexesNotRight[0]; - } - - let index = Math.floor(Math.random() * rotationsSegments.length); - if (index === indexBlocked) { - index = (index + 1) % rotationsSegments.length; - } - - rotationsSegments[index].rotate(); - randomRotationFunction(); - }, timeout); - }; - randomRotationFunction(); - - this.listener = async () => { - let playButton = this.findBy("#play-button"); - let levelNumber = this.findBy("#level-number"); - levelNumber.innerText = Helper.nonNull(localStorage.getItem("levelCounter"), 1); - - let levelSegment = this.findBy("#level"); - - let scaleHelper = new ScaleHelper(); - await scaleHelper.scaleToFull(levelSegment, levelSegment.parentElement, false, false, 2, 8, null, false); - - // debugger; - let levelStyle = getComputedStyle(levelSegment); - playButton.style.width = levelStyle.getPropertyValue("width"); - scaleHelper.scaleToFull(playButton.children[0], playButton, null, null, null, 4, null, false); - - await scaleHelper.scaleTo(0.2, levelNumber.parentElement, levelNumber.parentElement.parentElement, null, null, null, 10, null, false); - scaleHelper.scaleToFull(levelNumber, levelNumber.parentElement, false, false, 8, null, null, false); - }; - - this.listener(); - 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", "1") === "1"); - let playMusicButton = this.findBy("#play-music"); - playMusicButton.checked = (settingsManager.getSetting("play-music", "1") === "1"); - - return res; - } - - async startLevelSite() { - this.startSite(LevelSite, Promise.race([this.loadLevelPromise, new Promise(async resolve => { - const db = WordRotatorDb.getInstance(); - let level = await db.loadNextLevel(LevelSite.RENDERER_TYPES); - if (level !== null) { - resolve(); - } - })])); - } - - async onFirstStart() { - super.onFirstStart(); - - let playButton = this.findBy("#play-button"); - playButton.addEventListener("click", () => { - Matomo.push(["trackEvent", "MainMenu", "startButton"]); - this.startLevelSite(); - }); - - let leafSegmentTemplate = this.findBy("#segment-leaf-template"); - let parentSegmentTemplate = this.findBy("#segment-parent-template"); - let rowSegmentTemplate = this.findBy("#segment-row-template"); - let triangleTemplate = this.findBy("#segment-triangle-template"); - - leafSegmentTemplate.id = null; - parentSegmentTemplate.id = null; - rowSegmentTemplate.id = null; - triangleTemplate.id = null; - - leafSegmentTemplate.remove(); - parentSegmentTemplate.remove(); - rowSegmentTemplate.remove(); - triangleTemplate.remove(); - - this.templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate, triangleTemplate); - - if (Helper.nonNull(MenuSite.app._cookieClosePromise)) { - MenuSite.app._cookieClosePromise.then(() => { - if (this.listener) { - this.listener(); - } - }); - } - - let settingsManager = SettingsManager.getInstance(); - let soundManager = SoundManager.getInstance(); - - let playMusicButton = this.findBy("#play-music"); - playMusicButton.checked = settingsManager.getSetting("play-music", true); - playMusicButton.addEventListener("change", () => { - settingsManager.setSetting("play-music", (playMusicButton.checked)?"1":"0"); - soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC); - if (playMusicButton.checked) { - soundManager.play(SoundManager.CHANNELS.MUSIC); - } - Matomo.push(["trackEvent", "MainMenu", "PlayMusic", "Play Music", (playMusicButton.checked) ? 1 : 0]); - }); - - let playSoundButton = this.findBy("#play-sound"); - playSoundButton.checked = settingsManager.getSetting("play-sound", true); - playSoundButton.addEventListener("change", () => { - settingsManager.setSetting("play-sound", (playSoundButton.checked)?"1":"0"); - soundManager.set({muted: !playSoundButton.checked}, SoundManager.CHANNELS.SOUND); - Matomo.push(["trackEvent", "MainMenu", "PlaySound", "Play Sound", (playSoundButton.checked) ? 1 : 0]); - }); - - this.findBy("#share-button").addEventListener("click", () => { - new ShareDialog().show(); - }); - // this.findBy("#share-buttons").appendChild(ShareManager.generateDefaultShareElement("https://wordrotator.silas.link")); - } - - onPause(args) { - clearTimeout(this.randomRotateTimeout); - window.removeEventListener("resize", this.listener); - super.onPause(args); - } - - async loadLevels() { - const dateLastSync = Helper.nonNull(localStorage.getItem("date-last-sync"), 0); - const db = WordRotatorDb.getInstance(); - - let newLastSync = null; - let maxRuns = 1; - let levelPromises = []; - for (let run = 0; run < maxRuns; run++) { - let res = await DataManager.load("wordRotator/levels" + DataManager.buildQuery({ - "currentRun": run, - "dateLastSync": dateLastSync - })); - if (!res["success"]) { - if (await db.loadNextLevel(LevelSite.RENDERER_TYPES) === null) { - FlashMessenger.addMessage("sync-error", null, 6000); - } - newLastSync = null; - break; - } - res = res["result"]; - newLastSync = Helper.nonNull(newLastSync, res["currentSyncDate"]); - maxRuns = res["maxRuns"]; - - let levels = res["levels"]; - for (let i = 0, n = levels.length; i < n; i++) { - let currentLevel = levels[i]; - levelPromises.push(db.loadLevel(levels[i]["id"]).then(level => { - currentLevel["played"] = (Helper.nonNull(Helper.nonNull(level, {}).played, false)); - return currentLevel; - })); - } - } - let levels = await Promise.all(levelPromises); - console.log("levels to save", levels); - await db.saveManyLevels(levels); - - if (newLastSync != null && newLastSync !== "null") { - localStorage.setItem("date-last-sync", newLastSync); - } - } -} - -MenuSite.app = null; -InitPromise.addPromise(app => { - MenuSite.app = app; -}); - -class PrivacyPolicySite extends WordRotatorBaseSite { - constructor(siteManager) { - super(siteManager, "html/application/privacyPolicy.html", "privacyPolicy"); - } - - onFirstStart() { - let trackSwitch =this.findBy("#track-switch"); - - trackSwitch.addEventListener("change", function (e) { - Matomo.setTrack(this.checked === true); - e.stopPropagation(); - e.preventDefault(); - }); - super.onFirstStart(); - } - - onStart(args) { - let trackSwitch =this.findBy("#track-switch"); - let shouldTrack = (Helper.nonNull(localStorage.getItem("matomoShouldTrack"), "1") === "1"); - trackSwitch.checked = shouldTrack; - - Matomo.update("Privacy Policy Site"); - return super.onStart(args); - } -} - -InitPromise.addPromise(app => { - app.addDeepLink("privacyPolicy", PrivacyPolicySite); -}); - -class CreditsSite extends WordRotatorBaseSite{ - constructor(siteManager) { - super(siteManager, "html/application/credits.html", "credits"); - } - - onStart(args) { - Matomo.update("Credits Site"); - return super.onStart(args); - } -} - -InitPromise.addPromise(app => { - app.addDeepLink("credits", CreditsSite); -}); - -class ChooseThemeDialog extends Dialog { - - constructor() { - let viewPromise = ViewInflater.inflate("html/application/dialog/chooseTheme.html").then(view => { - - let template = view.querySelector("#choose-theme-template"); - template.remove(); - template.id = null; - - let themeTemplateContainer = view.querySelector("#theme-choose-container"); - - for (let i = 0; i < ThemeManager.themes.length; i++) { - let themeElem = Helper.cloneNode(template); - let theme = ThemeManager.themes[i]; - themeElem.querySelector(".name").appendChild(Translator.makePersistentTranslation(theme._name)); - themeElem["dataset"]["theme"] = theme._name; - - themeElem.addEventListener("click", () => { - this.result = themeElem["dataset"]["theme"]; - this.close(); - }); - themeTemplateContainer.appendChild(themeElem); - } - - return view; - }); - - super(viewPromise, "choose-theme-dialog-title"); - } -} - -class ImpressumSite extends WordRotatorBaseSite{ - constructor(siteManager) { - super(siteManager, "html/application/impressum.html", "impressum"); - } -} - -InitPromise.addPromise(app => { - app.addDeepLink("impressum", ImpressumSite); -}); - -class WordRotatorSettingFragment extends LocalStorageSettingsFragment { - constructor(site) { - super(site, "html/application/fragment/settings.html"); - } - - onFirstStart() { - let currentThemeName = ThemeManager.currentTheme._name; - SettingsManager.getInstance().setSetting("theme", currentThemeName); - - let themeNameElem = this.findBy("#theme-name"); - themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(currentThemeName)); - this.findBy("#theme-chooser").addEventListener("click", async () => { - let newTheme = await (new ChooseThemeDialog()).show(); - if (Helper.isNotNull(newTheme)) { - SettingsManager.getInstance().setSetting("theme", newTheme); - ThemeManager.changeCurrentTheme(newTheme); - themeNameElem.removeAllChildren().appendChild(Translator.makePersistentTranslation(newTheme)); - } - }); - - this.findBy("#reset-levels").addEventListener("click", () => { - localStorage.removeItem("currentLevel"); - localStorage.removeItem("date-last-sync"); - localStorage.removeItem("levelCounter"); - localStorage.removeItem("tutorial-step"); - WordRotatorDb.getInstance().removeAll(WordRotatorDb.OBJECT_STORE.LEVEL); - }); - - if (location.hostname.includes("beta") || location.hostname.includes("127.0.0.1")) { - this.findBy("#reset-levels").classList.remove("hidden"); - } - - let playMusicButton = this.findBy("#play-music"); - playMusicButton.addEventListener("change", () => { - let soundManager = SoundManager.getInstance(); - soundManager.set({muted: !playMusicButton.checked}, SoundManager.CHANNELS.MUSIC); - if (playMusicButton.checked) { - soundManager.play(SoundManager.CHANNELS.MUSIC); - } - }); - - this.findBy("#track-switch").addEventListener("change", function (e) { - Matomo.setTrack(this.checked === true); - e.stopPropagation(); - e.preventDefault(); - }); - - this.findBy("#credits-button").addEventListener("click", () => { - this.getSite().startSite(CreditsSite); - }); - 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"); - installButton.addEventListener("click", () => { - installButton.classList.add("hidden"); - InstallManager.prompt().then((e) => { - console.log("clicked", e); - if (e["outcome"] === "accepted"){ - Matomo.trackEvent("installed", "installed"); - } - }); - }); - installButton.classList.remove("hidden"); - }); - - return super.onFirstStart(); - } - - onStart() { - Matomo.update("Settings Site"); - super.onStart(); - } -} - -InitPromise.addPromise(function () { - SettingsSite.addSettingsFragment("settings", WordRotatorSettingFragment); -}); - -class SelectWordsSite extends UserSite{ - - constructor(siteManager) { - super(siteManager, "version/1/html/selectWords.html", null, "admin"); - } - - async onConstruct(args) { - let res = await super.onConstruct(args); - this.stats = (await DataManager.load("words"))["result"]; - this.words = this.stats["wordsToCheck"]; - return res; - } - - onFirstStart() { - super.onFirstStart(); - this.findBy("#not-checked").appendChild(document.createTextNode(this.stats["wordsNotChecked"])); - this.findBy("#checked").appendChild(document.createTextNode(this.stats["wordsChecked"])); - this.findBy("#not-sure").appendChild(document.createTextNode(this.stats["wordsUnsure"])); - this.findBy("#deleted").appendChild(document.createTextNode(this.stats["wordsDeleted"])); - - let template = this.findBy("#word-template"); - template.id = null; - template.remove(); - - let container = this.findBy("#word-container"); - - let numWords = this.words.length; - for (let i = 0; i < numWords; i++) { - let wordElement = Helper.cloneNode(template); - wordElement.dataset["id"] = -1; - this.setWord(wordElement, this.words[i]); - container.appendChild(wordElement); - - wordElement.querySelector(".button-ok").addEventListener("click", async () => { - let newWord = (await DataManager.send("checkWord", { - "wordId":wordElement.dataset["id"], - "action":"1" - }))["result"]; - this.setWord(wordElement, newWord[0]); - }); - - wordElement.querySelector(".button-unsure").addEventListener("click", async () => { - let newWord = (await DataManager.send("checkWord", { - "wordId":wordElement.dataset["id"], - "action":"2" - }))["result"]; - this.setWord(wordElement, newWord[0]); - }); - - wordElement.querySelector(".button-delete").addEventListener("click", async () => { - let newWord = (await DataManager.send("checkWord", { - "wordId":wordElement.dataset["id"], - "action":"3" - }))["result"]; - this.setWord(wordElement, newWord[0]); - }); - } - } - - setWord(wordElement, word){ - console.log(wordElement, word); - wordElement.querySelector(".word").removeAllChildren().appendChild(document.createTextNode(word["word"])); - wordElement.dataset["id"] = word["id"]; - } -} - -InitPromise.addPromise(app => { - app.addDefaultAction(new UserAction("select-words", () => { - app.startSite(SelectWordsSite); - }, null, null, "admin")); -}); - -class DeleteWordsSite extends UserSite { - constructor(siteManager) { - super(siteManager, "version/1/html/deleteLevels.html", null, "admin"); - } - - async onConstruct(args) { - let res = super.onConstruct(args); - this.words = (await DataManager.load("getDoubleUsedWordsAction"))["result"]; - return res; - } - - - onFirstStart() { - super.onFirstStart(); - - let levelTemplate = this.findBy("#level-template"); - let wordTemplate = this.findBy("#word-template"); - let wordContainer = this.findBy("#word-container"); - - levelTemplate.id = null; - levelTemplate.remove(); - - wordTemplate.id = null; - wordTemplate.remove(); - - for (let k in this.words) { - let wordElem = Helper.cloneNode(wordTemplate); - wordElem.querySelector(".name").appendChild(document.createTextNode(k)); - let levelContainer = wordElem.querySelector(".level-container"); - for (let j = 0; j < this.words[k].length; j++) { - let level = this.words[k][j]; - let levelElem = Helper.cloneNode(levelTemplate); - levelElem.querySelector(".id").appendChild(document.createTextNode(level["id"])); - levelElem.querySelector(".words").appendChild(document.createTextNode(level["words"])); - levelElem.querySelector(".positions").appendChild(document.createTextNode(level["rotations"])); - - levelElem.querySelector(".delete-button").addEventListener("click", async () => { - let res = await DataManager.send("deleteLevel", {"levelId": level["id"]}); - if (res["success"]){ - levelElem.remove(); - } - }); - - levelContainer.appendChild(levelElem); - } - wordContainer.appendChild(wordElem); - } - } -} - -InitPromise.addPromise(app => { - app.addDefaultAction(new UserAction("delete-levels", () => { - app.startSite(DeleteWordsSite); - },null, null, "admin")); -}); - -let basePath = "/pwa/wordRotator/public/"; -if (window.location.pathname.includes("publicTest/")) -{ - basePath = "/pwa/wordRotator/publicTest/"; -} - -SystemSettings.setBasePath(basePath); -Translator.supportedLanguages = ["de"]; -Translator.markTranslations = false; - -Matomo.SIDE_ID = "2"; - -applyPolyfills(); - -ThemeManager.addTheme(new Theme('red', 'red')); -ThemeManager.addTheme(new Theme("blue", "blue")); -ThemeManager.addTheme(new Theme("black", "black")); -ThemeManager.addTheme(new Theme("green", "green")); -ThemeManager.addTheme(new Theme("pink", "pink")); -ThemeManager.addTheme(new Theme("dark", "dark")); - -ShareManager.addShareButton(new MatomoShareButton(new WhatsappShareButton('img/whatsapp.svg'), "whatsapp", true)); -ShareManager.addShareButton(new MatomoShareButton(new SmsShareButton('img/sms.svg'), "sms", true)); -ShareManager.addShareButton(new MatomoShareButton(new TelegramShareButton('img/telegram.svg'), "telegram", true)); -// ShareManager.addShareButton(new CopyShareButton('img/copy.svg')); - -let app = new App(); -// app.addDeepLink("policy", PrivatePolicySite.name); - -// bridge für Android -window["ThemeManager"] = ThemeManager; -window["ThemeManager"]["addChangeListener"] = ThemeManager.addChangeListener; -window["app"] = app; -window["app"]["refreshCurrentSite"] = app.refreshCurrentSite; -window["Translator"] = Translator; -window["Translator"]["setLanguage"] = Translator.setLanguage; -window["InitPromise"] = InitPromise; -window["InitPromise"]["addPromise"] = InitPromise.addPromise; - -SettingsSite.setTemplate("html/application/setting-template.html"); -// SettingsSite.shouldAddSettingsAction = false; - -RegistrationSite.addAction = false; -LoginSite.addLoginAction = false; - -InitPromise.resolve(app).then(async function(){ - SettingsSite.settingsAction.showFor = MenuAction.SHOW_ALWAYS; - - let settingsManager = SettingsManager.getInstance(); - - let soundManager = SoundManager.getInstance(); - soundManager.play(SoundManager.CHANNELS.MUSIC, {audio: "sound/brightAndBeautifull__.mp3", loop: true, volume: 0.6, muted: (settingsManager.getSetting("play-music", "1") !== "1")}); - - app.start(MenuSite); - Translator.setLanguage("de"); - - InstallManager.setCanInstallListener(e => { - console.log("can install!", e); - }); -}); +!function(t){"use strict";var e,n=Object.prototype,r=n.hasOwnProperty,i="function"==typeof Symbol?Symbol:{},o=i.iterator||"@@iterator",s=i.asyncIterator||"@@asyncIterator",a=i.toStringTag||"@@toStringTag",u="object"==typeof module,l=t.regeneratorRuntime;if(l)u&&(module.exports=l);else{(l=t.regeneratorRuntime=u?module.exports:{}).wrap=k;var c="suspendedStart",h="suspendedYield",f="executing",p="completed",d={},v={};v[o]=function(){return this};var y=Object.getPrototypeOf,m=y&&y(y(A([])));m&&m!==n&&r.call(m,o)&&(v=m);var g=O.prototype=_.prototype=Object.create(v);b.prototype=g.constructor=O,O.constructor=b,O[a]=b.displayName="GeneratorFunction",l.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===b||"GeneratorFunction"===(e.displayName||e.name))},l.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,O):(t.__proto__=O,a in t||(t[a]="GeneratorFunction")),t.prototype=Object.create(g),t},l.awrap=function(t){return{__await:t}},x(L.prototype),L.prototype[s]=function(){return this},l.AsyncIterator=L,l.async=function(t,e,n,r){var i=new L(k(t,e,n,r));return l.isGeneratorFunction(e)?i:i.next().then(function(t){return t.done?t.value:i.next()})},x(g),g[a]="Generator",g[o]=function(){return this},g.toString=function(){return"[object Generator]"},l.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},l.values=A,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(S),!t)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var n=this;function i(r,i){return a.type="throw",a.arg=t,n.next=r,i&&(n.method="next",n.arg=e),!!i}for(var o=this.tryEntries.length-1;o>=0;--o){var s=this.tryEntries[o],a=s.completion;if("root"===s.tryLoc)return i("end");if(s.tryLoc<=this.prev){var u=r.call(s,"catchLoc"),l=r.call(s,"finallyLoc");if(u&&l){if(this.prev=0;--n){var i=this.tryEntries[n];if(i.tryLoc<=this.prev&&r.call(i,"finallyLoc")&&this.prev=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),S(n),d}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;S(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:A(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),d}}}function k(t,e,n,r){var i=e&&e.prototype instanceof _?e:_,o=Object.create(i.prototype),s=new j(r||[]);return o._invoke=function(t,e,n){var r=c;return function(i,o){if(r===f)throw new Error("Generator is already running");if(r===p){if("throw"===i)throw o;return C()}for(n.method=i,n.arg=o;;){var s=n.delegate;if(s){var a=P(s,n);if(a){if(a===d)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===c)throw r=p,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r=f;var u=w(t,e,n);if("normal"===u.type){if(r=n.done?p:h,u.arg===d)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r=p,n.method="throw",n.arg=u.arg)}}}(t,n,s),o}function w(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}function _(){}function b(){}function O(){}function x(t){["next","throw","return"].forEach(function(e){t[e]=function(t){return this._invoke(e,t)}})}function L(t){var e;this._invoke=function(n,i){function o(){return new Promise(function(e,o){!function e(n,i,o,s){var a=w(t[n],t,i);if("throw"!==a.type){var u=a.arg,l=u.value;return l&&"object"==typeof l&&r.call(l,"__await")?Promise.resolve(l.__await).then(function(t){e("next",t,o,s)},function(t){e("throw",t,o,s)}):Promise.resolve(l).then(function(t){u.value=t,o(u)},function(t){return e("throw",t,o,s)})}s(a.arg)}(n,i,e,o)})}return e=e?e.then(o,o):o()}}function P(t,n){var r=t.iterator[n.method];if(r===e){if(n.delegate=null,"throw"===n.method){if(t.iterator.return&&(n.method="return",n.arg=e,P(t,n),"throw"===n.method))return d;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method")}return d}var i=w(r,t.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,d;var o=i.arg;return o?o.done?(n[t.resultName]=o.value,n.next=t.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,d):o:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,d)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function S(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function A(t){if(t){var n=t[o];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var i=-1,s=function n(){for(;++i0){this.$.splice(e,1);for(var n=this.ut(t),r=0,i=n.length;r0){var t=arguments[0],n=Array.prototype.slice.call(arguments,1);return e.A(t)&&(0===n.length||e.Yt.apply(null,[t[n[0]]].concat(n.slice(1))))}return!1}},{key:"ct",value:function(t){return null===t||void 0===t}},{key:"A",value:function(t){return!e.ct(t)}},{key:"t",value:function(){for(var t=0;t0&&(o=new Array(r+1-s).join("0")+o),n+=o}return n}},{key:"ae",value:function(t,e){for(var n=Math.floor(Math.log(265)/Math.log(e)),r=t.match(new RegExp(".{1,"+n+"}","g"))||[],i="",o=0,s=r.length;o1&&0==(3&a)&&(a%100!=0||a%400==0)?1:0),3),"%k":""+u,"%l":(u+11)%12+1,"%m":d(s+1,2),"%M":d(n.getMinutes(),2),"%p":u<12?"AM":"PM","%P":u<12?"am":"pm","%s":Math.round(n.getTime()/1e3),"%S":d(n.getSeconds(),2),"%u":i||7,"%V":function(){var t=p(),e=t.valueOf();t.setMonth(0,1);var n=t.getDay();return 4!==n&&t.setMonth(0,1+(4-n+7)%7),d(1+Math.ceil((e-t)/6048e5),2)}(),"%w":""+i,"%x":n.toLocaleDateString(),"%X":n.toLocaleTimeString(),"%y":(""+a).slice(2),"%Y":a,"%z":n.toTimeString().replace(/.+GMT([+-]\d+).+/,"$1"),"%Z":n.toTimeString().replace(/.+\((.+?)\)$/,"$1")}[t]||t})}},{key:"ue",value:function(n){var r=void 0;if(e.ct(n)||"object"!=(void 0===n?"undefined":t(n)))return n;if(n instanceof Array){var i=[];for(r=0;r",""":'"',"'":"'","’":"’","‘":"‘","–":"–","—":"—","…":"…","”":"”"};return e.A(t)&&"function"==typeof t.replace?t.replace(/\&[\w\d\#]{2,5}\;/g,function(t){return n[t]}):t}},{key:"de",value:function(t){var e=new FormData;for(var n in t)e.set(n,t[n]);return e}},{key:"me",value:function(t,n){var r=window.getComputedStyle(t),i=window.getComputedStyle(n);if(i.height>r.height||i.width>r.width)return e.pe(t,n)}},{key:"pe",value:function(t,n){e.ge(t);for(var r=window.getComputedStyle(t),i=window.getComputedStyle(n),o=0,s=parseFloat(i.getPropertyValue("font-size")),a=i.width,u=i.height;i.height>r.height||i.width>r.width;)if(s*=.95,u>r.height&&(u*=.95),a>i.width&&(a*=.95),n.style["font-size"]=s+"px",n.style["max-height"]=u+"px",n.style["max-width"]=a+"px",++o>2e3){console.log("breaked");break}e.fe(n),i=window.getComputedStyle(n),n.style["font-size"]=parseFloat(i.getPropertyValue("font-size"))/parseFloat(document.documentElement.clientHeight)*100+"vh"}},{key:"ge",value:function(t){for(var n=t.childNodes,r=0,i=n.length;r-1,i=e.userAgent.indexOf("Edge")>-1;return!!e.userAgent.match("CriOS")||null!==t&&void 0!==t&&"Google Inc."===n&&!1===r&&!1===i}},{key:"we",value:function(t,e){for(var n={},r=0,i=t.length;r0&&(n=r[0])}else-1!==t.Te.indexOf(e)&&(n=e);if(p.A(n)){localStorage.setItem("currentTheme",n.be);var i=new Promise(function(t){document.querySelector("nav.top-bar").addEventListener("transitionend",function(){t()})});document.body.className=n.Ae,t.ke=n;for(var o=0,s=t.Ce.length;o0?t.Le(n[0]):t.Te.length>0&&t.Le(t.Te[0])}}},{key:"xe",value:function(){return new a(t.ke.be,function(e){var n=(t.Te.indexOf(t.ke)+1)%t.Te.length;t.Le(t.Te[n]),e.title=t.ke.be,e.h.I()},l.V)}},{key:"Re",value:function(e){t.Ce.push(e)}}]),t}();v.Te=[],v.Ce=[];var y=function(){function t(e){s(this,t),this.Ie=e,this.Be=!0,this.Ue=3650,this.Ee="complianceCookie",this.We="true"}return n(t,null,[{key:"De",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new t(n).De());case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()}]),n(t,[{key:"De",value:function(){var e=r(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",t.Ne(this.Ee)!==this.We?this.show():Promise.resolve());case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Oe",value:function(){this._e(this.Ee,this.We,this.Ue)}},{key:"_e",value:function(t,e,n){var r=void 0;if(p.A(n)){var i=new Date;i.setTime(i.getTime()+24*n*60*60*1e3),r="; expires="+i.toGMTString()}else r="";this.Be&&(document.cookie=t+"="+e+r+"; path=/")}},{key:"je",value:function(t){this._e(t,"",-1)}},{key:"show",value:function(){var t=this,e=document.getElementById(this.Ie);return e.style.display="block",new Promise(function(n){e.querySelector("#close-cookie-msg").onclick=function(){t.Oe(),e.remove(),n()}})}}],[{key:"Ne",value:function(t){for(var e=t+"=",n=document.cookie.split(";"),r=0;r0||("smedium"===t||"small"===t)&&r.Ke(e.getElementsByClassName(l.o)).length>0||"small"===t&&r.Ke(e.getElementsByClassName(l.dt)).length>0||r.Ke(e.getElementsByClassName(l.q)).length>0?document.getElementById("responsive-menu-toggle").style.display="block":(document.getElementById("responsive-menu-toggle").style.display="none",p.A(r.Ve)&&r.Ve.close())}},{key:"ot",value:function(){var t=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"ot",this).call(this);return function(e){t(e)instanceof u||!p.A(r.Ve)||r.Ve.close()}}},{key:"nt",value:function(t){var n=e(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"nt",this).call(this,t);return this.Je(),r.Ve=this,n}},{key:"close",value:function(){document.getElementById("responsive-menu").style.display="none";for(var t=0,e=this.Y.length;t0;){var i=this.ns.firstChild;i.remove(),r.appendChild(i)}this.ss={fn:r,title:document.title};var o=this;window.onpopstate=function(){if(o.$n.length>=1){var t=o.$n[o.$n.length-1].Nn();!1!==t.Rn()&&o.vn(t)}}}return n(t,[{key:"gn",value:function(){return this.ss}},{key:"rs",value:function(t){this.es=t}},{key:"Hn",value:function(){return this.es}},{key:"os",value:function(t){this.ts.push(t)}},{key:"bn",value:function(){return this.ts}},{key:"Mn",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n){var i,o,s,a,u=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.prototype instanceof w){t.next=2;break}throw{error:"wrong class given! Expected AbstractSite, given "+e.name};case 2:return i=new e(this),o={},s=new Promise(function(t,e){o.resolve=t,o.reject=e}),a=new _(i,o),t.abrupt("return",(this.Xn.removeAllChildren().appendChild(p.ne()),this.Zn=Promise.resolve(n).then(function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return a.qn(e),t.next=3,Promise.all([i.en(e),i.Qe]);case 3:return i.dn=i.Tn(u.as()),t.abrupt("return",u.show(a));case 5:case"end":return t.stop()}},t,u)}));return function(){return t.apply(this,arguments)}}()).catch(function(t){console.error("site start error for site ",e.name,t)}),s));case 4:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"vn",value:function(t,e){var n=this;this.Zn.then(function(){var r=n.ls(t),i=n.$n.splice(r,1),o=null;if((i=i[0])===n.Qn){n.Qn.Nn().rn(),n.Qn=null;var s=n.$n.length-1;if(s<0)return n.hs(),void n.Mn(n.es);n.Xn.removeAllChildren().appendChild(p.ne()),o=n.$n[s]}i.Nn().on(),Promise.resolve(e).then(function(t){i.Kn().resolve(t),p.A(o)&&n.show(o)})})}},{key:"addListener",value:function(t,e,n,r){this.Xn.addEventListener(e,function(e){var i=e.target;t.hn&&i.matches(n)&&r(i,e)})}},{key:"In",value:function(t,e,n,r,i){this.addListener(t,n,r,i),this.Dn(t,e,i)}},{key:"Dn",value:function(t,e,n){window.addEventListener("keydown",function(r){t.hn&&r.which===e&&n(this,r)})}},{key:"Pn",value:function(t){var e=this.ls(t),n=this.$n.splice(e,1);n=n[0],this.show(n)}},{key:"us",value:function(){return this.show(this.Qn)}},{key:"show",value:function(t){p.A(this.Qn)&&(this.Qn.Jn(this.Qn.Nn().rn()),this.Qn.jn(this.Xn.innerHTML)),this.Xn.removeAllChildren().appendChild(p.ne());var e=this;return this.Qn=t,-1===this.$n.indexOf(t)&&this.$n.push(t),t.Nn().Qe.then(function(n){return t.Nn().dn.I(),e.Xn.removeAllChildren().appendChild(n),e.Sn(),f.jt().Vt(),n}).then(function(n){t.Nn().nn(t.Vn()),history.pushState({siteName:t.Nn().constructor.name,siteData:n.outerHTML,stackPosition:e.$n.length-1},t.Nn().constructor.name,t.Nn().xn())})}},{key:"kn",value:function(t){if(p.A(this.Qn)&&this.Qn.Nn()===t){history.replaceState({siteName:t.constructor.name,siteData:t.Xe.outerHTML,stackPosition:this.$n.length-1},t.constructor.name,t.xn())}}},{key:"cs",value:function(){if(null!=this.Qn)return this.Qn.Nn()}},{key:"ds",value:function(){null!=this.Qn&&this.Qn.Nn().dn.I()}},{key:"Sn",value:function(){var t=this.cs().title;this.ns.removeAllChildren().appendChild(t.fn),document.title=p.t(t.title,this.ss.title)}},{key:"ls",value:function(t){for(var e=0,n=this.$n.length;e=0&&(this.ws[e].remove(!0),this.ws.splice(e,1))}},{key:"Mn",value:function(t,e){return this.ps.Mn(t,e)}},{key:"start",value:function(e){d.He(this.ye);var n=p.t(this.xs(),e),r=t.Bs();this.ys=e,f.init(),v.init(),this.Ms&&this.os(v.xe()),this.ps=new b(this.fs,this.gs),this.ps.ts=this.ws,this.ps.rs(e),this.ps.Mn(n,r),this.Rs(),this.Hs&&(this.Us=y.De("cookie-compliance"))}}],[{key:"Ds",value:function(t){if(p.ct(t))return null;for(var e={},n=[],r=t.split("&"),i=0;i0&&(e[n[0]]=decodeURIComponent(n[1]));return e}},{key:"Bs",value:function(){return t.Ds(window.location.search.substr(1))}}]),t}(),L=function(){function t(e,n){s(this,t),this.Es=null,this.content=null,this.Ws=null,this.cancelable=!0,this.title=p.t(n,""),this.Ns=!0,this.Os="",this.buttons=[],this.result=null,p.A(e)&&this._s(e)}return n(t,[{key:"H",value:function(t){return this.title=t,this}},{key:"js",value:function(t){this.Ns=t}},{key:"Vs",value:function(t){this.Os=t}},{key:"L",value:function(){return this.title}},{key:"Js",value:function(t){return this.cancelable=!0===t,this}},{key:"_s",value:function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return this.zs=Promise.resolve(e),t.next=3,this.zs;case 3:return this.content=t.sent,t.abrupt("return",this);case 5:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"qs",value:function(t,e,n){n=p.t(n,!0);var r=null;"string"==typeof t?((r=document.createElement("button")).classList.add("button"),r.classList.add("right"),r.appendChild(f.at(t))):r=t;var i=this;if("function"!=typeof e){var o=e;e=function(){i.result=o}}var s;s=n?function(t){p.A(e)&&e(t),i.close()}:e,p.A(s)&&r.addEventListener("click",s),this.buttons.push(r)}},{key:"show",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e,n,r,i,o,s,a,u,l;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for((e=document.createElement("span")).classList.add("title"),this.Ns&&""!==this.title?e.appendChild(f.at(this.title)):e.innerHTML=this.title,(n=document.createElement("div")).appendChild(e),(r=document.createElement("div")).classList.add("content-container"),(i=document.createElement("div")).className=this.Os,i.classList.add("modal"),i.appendChild(n),i.appendChild(r),(o=document.createElement("div")).classList.add("modal-button-container"),s=0,a=this.buttons.length;s0&&e.Gs(e.Qs,i),e.Qs++}}]),e}();P.Qs=0,P.Ys=3500,P.Zs=1e3,P.$s="success",P.ti="error",P.ei="default",P.ni="info",P.si="warning";var E=function(){function t(){s(this,t)}return n(t,null,[{key:"ii",value:function(e){if("function"==typeof e){var n=e;e=t.ri.then(function(t){return n(t)})}t.oi.push(e)}},{key:"resolve",value:function(e){return t.ai(e),t.ri.then(function(){return Promise.all(t.oi)})}}]),t}();E.oi=[],E.ri=new Promise(function(t){E.ai=t});var S=function(){function t(e,n){s(this,t);var r=window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB||window.li;this.hi=r.open(e,n);var i=this;this.hi.onupgradeneeded=function(t){i.ui(i.hi.result,t.oldVersion,t.newVersion,t)},this.ci=new Promise(function(t){i.hi.onsuccess=function(e){i.Tt=i.hi.result,t(e)}})}return n(t,[{key:"di",value:function(t,e,n){var r=this;return"function"==typeof e&&p.ct(n)&&(n=e,e="read"),this.ci.then(function(){var i=null;try{i=r.hi.result.transaction(t,e)}catch(e){console.warn(e),i=r.hi.result.transaction(t)}n(i)})}},{key:"mi",value:function(t,e,n){return"function"==typeof e&&p.ct(n)&&(n=e,e="readonly"),this.di(t,e,function(e){n(e.objectStore(t))})}},{key:"pi",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){var n=e.put(t);n.onsuccess=r,n.onerror=function(t){throw{type:"indexed-db-error",event:t}}})})}},{key:"gi",value:function(t,e){var n=this;return new Promise(function(r){n.mi(e,"readwrite",function(e){for(var n=[],i=function(r,i){n.push(new Promise(function(n){var r=e.put(t[i]);r.onsuccess=n,r.onerror=function(t){throw{type:"indexed-db-error",event:t}}}))},o=0,s=t.length;o=0){var n=new L("optimistic-locking-dialog","optimistic-locking-dialog-title");n.Ks(),n.show()}else t(e)}:t,this.nr=n}},{key:"ir",value:function(){if(!this.Zi){var t=this;return this.submit().then(function(e){if(e.success){if(null!==t.er)return t.er(e.result)}else if(p.A(t.nr))return t.nr(e.errors)})}}},{key:"load",value:function(t,e){return this.or(D.load(t,e).then(function(t){return t.success?t.result:{}})),this}},{key:"or",value:function(t){this.ar(!0);var e=this;return Promise.resolve(t).then(function(t){for(var n in e.ar(!1),t)if(p.A(e.Qi.elements[n])){if(p.A(e.Qi.elements[n].options)&&p.A(t[n+"Options"])){var r=e.Qi.elements[n].options;for(var i in t[n+"Options"]){var o=document.createElement("option");o.value=i,o.innerText=t[n+"Options"][i],r.add(o)}}e.Qi.elements[n].value=p.ce(t[n]),p.A(t[n])&&""!==(""+t[n]).trim()?e.Qi.elements[n].classList.add("notEmpty"):e.Qi.elements[n].classList.remove("notEmpty")}return e})}},{key:"sr",value:function(){var t=r(regeneratorRuntime.mark(function t(e){var n,r,i,o;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for(i in n=!1,r=null,e)p.A(this.Qi.elements[i])&&"hidden"!==this.Qi.elements[i].type&&p.ct(this.Qi.elements[i].lr)&&(p.ct(this.Qi.elements[i].disabled)||!this.Qi.elements[i].disabled)&&(this.Qi.elements[i].setCustomValidity(f.translate(p.t(e[i],"form-default-error"))),n=!0),p.ct(r)&&(r=p.t(e[i],"form-default-error"));if(n||!p.A(r)){t.next=11;break}t.t0=regeneratorRuntime.keys(this.Qi.elements);case 4:if((t.t1=t.t0()).done){t.next=11;break}if(o=t.t1.value,"hidden"===this.Qi.elements[o].type){t.next=9;break}return this.Qi.elements[o].setCustomValidity(f.translate(r)),n=!0,t.abrupt("break",11);case 9:t.next=4;break;case 11:n&&this.Qi.querySelector("input[type=submit]").click();case 12:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"ar",value:function(t){this.Zi=t,this.Zi?this.Qi.classList.add("sending"):this.Qi.classList.remove("sending")}},{key:"submit",value:function(){var t=this;return new Promise(function(e){t.ar(!0);var n=new FormData(t.Qi);e(t.tr(n))}).then(function(e){return t.ar(!1),e})}},{key:"hr",value:function(t){this.er=t}}]),t}(),q=function(){function t(){s(this,t),this.ve=null,this.cr="settings"}return n(t,null,[{key:"jt",value:function(){return null===t.ur&&(t.ur=new t),t.ur}}]),n(t,[{key:"dr",value:function(){return p.ct(this.ve)&&this.mr(),this.ve}},{key:"pr",value:function(t,e){var n=this.dr();return p.A(n[t])?n[t].value:e}},{key:"gr",value:function(t){this.dr(),delete this.ve[t],this.Sr()}},{key:"wr",value:function(t,e){this.dr(),this.ve[t]={Mr:(new Date).getTime(),value:e},this.Sr()}},{key:"Hr",value:function(t){for(var e in this.dr(),t)this.ve[e]=t[e];this.Sr()}},{key:"yr",value:function(t){return p.t(this.ve[t])}},{key:"mr",value:function(){this.ve=localStorage.getItem(this.cr),null===this.ve?this.ve={}:this.ve=JSON.parse(this.ve)}},{key:"Sr",value:function(){null!==this.ve&&localStorage.setItem(this.cr,JSON.stringify(this.ve))}}]),t}();q.ur=null;var G=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,N),n(t,[{key:"sn",value:function(){for(var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),r=this.ln(".setting",!0),i=q.jt(),o=function(t){var e=r[t],n=e.name,o=void 0;o=e.dataset.raw?localStorage.getItem(n):i.pr(n);var s=!1;e instanceof HTMLInputElement&&("checkbox"===e.type||"radio"===e.type)&&(s=!0),(!e.dataset.raw&&!i.yr(n)||e.dataset.raw&&null===o)&&p.A(r[t].dataset.default)&&(o=e.dataset.default,p.A(e.dataset.defaultTranslateable)&&(e.dataset.translation="",e.dataset.translationValue=o,o=f.translate(o))),p.A(o)&&(s?e.checked=o===e.value:e.value=o,""!==o&&e.classList.add("notEmpty")),e.addEventListener("change",function(){var t=this.value;s&&!this.checked&&(t=null),e.dataset.raw?localStorage.setItem(n,t):i.wr(n,t),delete e.dataset.translationValue,delete e.dataset.translation})},s=0;sn&&o.Or[n].click(e,i,t)}),this.list=i,i}},{key:"Vr",value:function(){for(var t=document.createElement("tr"),e=document.createElement("tr"),n=[],r=0,i=this.Or.length;r=1&&(n=this._r(n),r[0].values(n))}},{key:"qr",value:function(t){t?this.Er.classList.add("sending"):this.Er.classList.remove("sending")}}]),t}(),V=function(){function t(e){s(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,t.Kr,"settings"));for(var r in t.Gr)n.Xr(r,new t.Gr[r](n));return n.active=null,n}return o(t,w),n(t,[{key:"Xr",value:function(t,e){this.an("#settings-fragments",e),delete this.Ze["#settings-fragments"],this.Ze[t]=e}},{key:"nn",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this);return p.A(this.active)&&!this.Ze[this.active].in()&&this.setActive(null),this.$r(),n}},{key:"setActive",value:function(t){p.A(this.active)&&(this.Ze[this.active].Qe.then(function(t){t.classList.remove("active")}),this.ln("#show-fragment-"+this.active).classList.remove("active")),this.active=t,p.A(this.active)&&(this.Ze[this.active].Qe.then(function(t){t.classList.add("active")}),this.ln("#show-fragment-"+this.active).classList.add("active"))}},{key:"$r",value:function(){var t=this,e=this.ln("#settings-fragment-list");e.removeAllChildren();var n=this,r=function(r){if(t.Ze[r].in()){var i=document.createElement("li");i.id="show-fragment-"+r,i.appendChild(f.at(r,null,"a")),i.addEventListener("click",function(){n.setActive(r)}),e.appendChild(i),p.ct(t.active)&&t.setActive(r)}};for(var i in this.Ze)r(i)}}],[{key:"Xr",value:function(e,n){t.Gr[e]=n}},{key:"Qr",value:function(e){t.Yr=e}},{key:"Zr",value:function(e){t.Kr=e}}]),t}();V.Kr="core/html/settings.html",V.Gr={},V.Yr=!0,V.to=null,V.eo=!0,E.ii(function(t){if(V.Yr){if(t.ks("settings",V),p.ct(V.to)){var e=new a("settings",function(){t.Mn(V)},a.J,1e4);e.W("img/settings.png"),V.to=e}V.eo&&t.os(V.to)}});var Y=function(){function t(){s(this,t)}return n(t,null,[{key:"init",value:function(e){t.no=null,t.so={io:!1,id:null,accesses:["default"]},t.app=e,t.ro=new Promise(function(e){t.oo=e})}},{key:"setData",value:function(e){t.so=Object.assign(t.so,e);var n=t.app.vs();n&&n.ds()}},{key:"ao",value:function(e){return t.no=p.t(e,t.no),D.load(t.no).then(function(e){e.success&&t.setData(e.result),t.oo()})}},{key:"lo",value:function(){return D.load("u/logout").then(function(e){if(e.success){t.setData(e.result);var n=t.app.vs();n&&n.us(),P.Xs(P.$s,f.translate("logged-out-successfully"))}})}},{key:"ho",value:function(e){return t.so.accesses.indexOf(e)>=0}},{key:"uo",value:function(e,n){t.co(function(r){n(r&&t.do(e))})}},{key:"co",value:function(e){this.ro.then(function(){e(t.mo())})}},{key:"do",value:function(e){return t.so.id===e}},{key:"mo",value:function(){return p.A(t.so)&&p.A(t.so.id)}}]),t}();E.ii(function(t){return Y.init(t),Y.ao("u/me").then(function(){Y.co(function(t){if(t){var e=q.jt(),n=p.ue(e.dr());for(var r in n)n[r].value=JSON.stringify(n[r].value);D.send("u/syncSettings",n).then(function(t){if(t.success){for(var n in t.result)t.result[n].value=JSON.parse(t.result[n].value);e.Hr(t.result)}})}})})});var U=function(){function t(e,n,r,o,a){var u;return s(this,t),(u=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o))).po=p.t(a,"default"),u}return o(t,a),n(t,[{key:"R",value:function(){return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"R",this).call(this)&&Y.ho(this.po)}},{key:"fo",value:function(){return this.po}},{key:"_",value:function(n){var r=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"_",this).call(this,p.t(n,new t));return r.po=this.po,r}}]),t}(),W=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/403.html"))}return o(t,w),t}(),z=function(){function t(e,n,r,o){var a;return s(this,t),(a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r))).po=o,a}return o(t,w),n(t,[{key:"en",value:function(n){return Y.ho(this.po)?e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n):(this.Mn(W),void this.finish({error:403}))}},{key:"nn",value:function(n){return Y.ho(this.po)?e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n):(this.Mn(W),void this.finish({error:403}))}}]),t}(),K=function(){function t(e,n,r,o){s(this,t);var a=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o)),u=e.querySelector("#email"),l=e.querySelector("#password"),c=function(){u.setCustomValidity(""),l.setCustomValidity("")};return u.addEventListener("keydown",c),l.addEventListener("keydown",c),a}return o(t,B),t}(),tt=function(){function t(e,n,r,o){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n,r,o))}return o(t,B),n(t,[{key:"So",value:function(){}}]),t}(),et=function(){function t(e,n,r){var o;return s(this,t),(o=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n))).po=r,o}return o(t,N),n(t,[{key:"in",value:function(){return e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"in",this).call(this)&&Y.ho(this.po)}}]),t}(),nt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"userManagement/html/fragments/passwordSettings.html","online"))}return o(t,et),n(t,[{key:"sn",value:function(){var n=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),r=new B(document.getElementById("change-password-form"),"u/passwordSettings/set","post");return r.hr(function(t){for(var e=0,n=t.length;e0,!t.t0){t.next=8;break}return t.next=8,new Promise(function(t){setTimeout(t,u),n.style.fontSize=c+"px"});case 8:return h=this,f=function(){return new Promise(function(t){setTimeout(function(){t(h.Oo(e,n,r,i,o,s,a,u,!1))},"number"==typeof l?l:255)})},t.abrupt("return",(!1!==l&&window.addEventListener("resize",f),f));case 10:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"jo",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i,o,s,a,u){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",this.Oo(1,e,n,r,i,o,s,a,u));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"_o",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i,o,s,a,u){var l,c,h,f,d,v,y,m,g,k,w,_;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:for(s=p.t(s,10),i=p.t(i,!1),o=p.t(o,!1),a=p.t(a,n.innerHTML.length),u=p.t(u,!0),(l=r.classList.contains("no-transition"))||r.classList.add("no-transition"),c=0,h=[],f=0;f<5;f++)h.push(0);d=n.style.fontSize,v=1,y=0,m=0,g=0,k=0;case 6:if(v+=h[c]/(a+1),n.style.fontSize=v+"px",w=window.getComputedStyle(r),g=w.getPropertyValue("width").replace("px",""),k=w.getPropertyValue("height").replace("px",""),y=g-n.offsetWidth,m=k-n.offsetHeight,c=(c+1)%5,(_=o?m:i?y:Math.min(y,m))!==h[(c+1)%5]){t.next=12;break}return t.abrupt("break",14);case 12:h[c]=_;case 13:if((y>(1-e)*g||o)&&(m>(1-e)*k||i)){t.next=6;break}case 14:if(v-=s,n.style.fontSize=u?v+"px":d,t.t0=l,t.t0){t.next=21;break}return t.next=20,new Promise(function(t){setTimeout(t,50)});case 20:r.classList.remove("no-transition");case 21:return t.abrupt("return",v);case 22:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}(),pt=function(){function t(e,n,r){s(this,t),this.buffer=n,this.Vo=!1,this.loopStart=null,this.loopEnd=null,this.Jo=r,this.context=e,this.startTime=null,this.zo=null,this.source=null,this.qo=!1}return n(t,[{key:"Ko",value:function(t){this.buffer=t}},{key:"Go",value:function(t,e,n){this.Vo=t,p.A(e)&&(this.loopStart=e),p.A(n)&&(this.loopEnd=n)}},{key:"start",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r){var i;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return(i=this.context.createBufferSource()).loop=this.Vo,p.A(this.loopStart)&&(i.loopStart=this.loopStart),p.A(this.loopEnd)&&(i.loopEnd=this.loopEnd),i.buffer=this.buffer,t.next=7,this.Jo(i);case 7:i.start(e,n,r),this.startTime=(new Date).getTime()-1e3*p.t(n,0),this.source=i,this.qo=!0;case 11:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"stop",value:function(){var t=r(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",p.A(this.source)?(this.zo=(new Date).getTime()-this.startTime,this.qo=!1,this.source.stop(e)):null);case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"resume",value:function(){var t=r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(this.qo){t.next=2;break}return t.abrupt("return",this.start(null,p.t(this.zo,0)/1e3));case 2:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()}]),t}(),dt=function(){function e(){var t=this;s(this,e),this.Xo={},this.context=new AudioContext,window.addEventListener("visibilitychange",function(){t.$o()})}return n(e,null,[{key:"jt",value:function(){return p.ct(e.Kt)&&(e.Kt=new e),e.Kt}}]),n(e,[{key:"set",value:function(t,n){var r=this;n=p.t(n,e.Yo.Qo);var i=p.t(this.Xo[n],{});"string"==typeof t&&(t={Zo:t});var o=t.Zo;return p.A(o)&&(i.ta=fetch(o).then(function(t){return t.arrayBuffer()}).then(function(t){return r.context.decodeAudioData(t)}),this.stop(n)),i.muted=p.t(t.muted,i.muted,!1),i.volume=p.t(t.volume,i.volume,1),i.loop=p.t(t.loop,i.loop,!1),i.ea=p.t(t.ea,i.ea,0),this.Xo[n]=i,i.muted&&this.stop(n),this.Xo[n]}},{key:"play",value:function(){var n=r(regeneratorRuntime.mark(function n(r,i){var o,s,a=this;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(r=p.t(r,e.Yo.Qo),p.ct(i)?i={}:"object"!=(void 0===i?"undefined":t(i))&&(i={Zo:i}),i.ea=p.t(i.ea,0),this.stop(r),this.set(i,r),this.Xo[r].muted){n.next=6;break}return n.next=3,this.Xo[r].ta;case 3:o=n.sent,(s=new pt(this.context,o,function(t){var e=a.context.createGain();e.gain.value=a.Xo[r].volume,t.connect(e),e.connect(a.context.destination)})).Ko(o),s.Go(this.Xo[r].loop,.3,o.duration-.3),s.start(),this.Xo[r].source=s;case 6:return n.abrupt("return",this.Xo[r]);case 7:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"stop",value:function(t){t=p.t(t,e.Yo.Qo);var n=this.Xo[t];p.t(n)&&p.t(n.source)&&n.source.stop()}},{key:"get",value:function(t){return t=p.t(t,e.Yo.Qo),this.Xo[t]}},{key:"resume",value:function(){var t=r(regeneratorRuntime.mark(function t(n){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(n=p.t(n,e.Yo.Qo),this.Xo[n].muted||!p.A(this.Xo[n].source)){t.next=2;break}return t.abrupt("return",this.Xo[n].source.resume());case 2:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"$o",value:function(){if(document.hidden)for(var t in this.Xo)p.A(this.Xo[t].source)&&this.Xo[t].source.stop();else for(var e in this.Xo)!this.Xo[e].muted&&p.A(this.Xo[e].source)&&this.Xo[e].source.resume()}}]),e}();dt.Yo={na:"music",sa:"sound",Qo:"default"};var vt=function(){function t(e){s(this,t),"string"==typeof e&&(e={code:e}),this.ia=e,this.ra=!1}return n(t,[{key:"oa",value:function(t){this.ra=t}},{key:"aa",value:function(){return this.ra}},{key:"la",value:function(){return D.send("c/code",this.ia)}}]),t}(),yt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"core/html/load.html","code"))}return o(t,w),n(t,[{key:"en",value:function(n){e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"en",this).call(this,n),console.log(n);Promise.resolve();if(p.A(n.code)){var r=n.code,i=p.t(n.cachable,!1),o=new vt(r);o.oa(i);var s=this;o.la().then(function(t){t.success?P.Xs(P.$s,f.translate(p.t(t.result.successMessage,"code-activated"))):P.Xs(P.$s,f.translate(t.errors[0])),s.finish()})}}}]),t}();E.ii(function(t){t.ks("code",yt)});var mt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"contact/html/contact.html",t.ha))}return o(t,w),n(t,[{key:"sn",value:function(){var n=this;new B(this.ln("#contact-form"),"contact","post").hr(function(){P.Xs("contact-message-sent"),n.finish()}),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this)}}]),t}();mt.ha="contactMe",E.ii(function(t){mt.ha&&t.ks(mt.ha,mt)});var gt=function(){function t(){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return o(t,w),t}(),kt=function(){function t(e,n,r,i){s(this,t),this.ua=e,this.ca=n,this.da=r,this.ma=i}return n(t,[{key:"pa",value:function(){return p.cloneNode(this.ua)}},{key:"ga",value:function(){return p.cloneNode(this.ca)}},{key:"fa",value:function(){return p.cloneNode(this.da)}},{key:"Sa",value:function(){return p.cloneNode(this.ma)}}]),t}(),wt=function(){function t(e){s(this,t),this.rotation=0,this.fn=e,this.parent=null}return n(t,[{key:"wa",value:function(t){return t}},{key:"Ma",value:function(){return!1}},{key:"Ha",value:function(t){this.parent=t}},{key:"ya",value:function(){if(null!==this.parent)return this.parent.ya()}},{key:"va",value:function(){return!1}},{key:"Pa",value:function(){return 0===this.rotation}},{key:"rotate",value:function(){var t=r(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",Promise.resolve());case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"La",value:function(){}},{key:"Ta",value:function(t){return t}},{key:"ba",value:function(t){return t}},{key:"Aa",value:function(t){return t}},{key:"ka",value:function(){return this.fn}}]),t}(),_t=function(){function t(e,n){var r;return s(this,t),(r=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).Ca="A",p.A(n)&&r.Fa(n),r}return o(t,wt),n(t,[{key:"Ma",value:function(e){return e instanceof t&&e.Ca===this.Ca}},{key:"Fa",value:function(t){this.Ca=t}},{key:"La",value:function(){this.fn.querySelector(".leaf-element").removeAllChildren().appendChild(document.createTextNode(this.Ca))}}]),t}(),bt=function(){function t(e){var n;s(this,t),(n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))).children=[],n.Ua="rotate-0",n.Ba=!0;var r=n;return n.Ea=function(e){var n=document.elementFromPoint(e.changedTouches[0].pageX,e.changedTouches[0].pageY);if(0===e.targetTouches.length&&1===e.changedTouches.length&&r.fn.contains(t.Ra)&&r.fn.contains(n)){var i={x:e.changedTouches[0].pageX,y:e.changedTouches[0].pageY};r.ya().Wa(r),r.rotate(t.Ra,n,t.Da,i),e.stopPropagation(),e.preventDefault()}},n.Na=function(e){if(null!==t.Ra&&r.fn.contains(t.Ra)&&r.fn.contains(e.target)){var n={x:e.pageX,y:e.pageY};r.ya().Wa(r),r.rotate(t.Ra,e.target,t.Da,n),e.stopPropagation(),e.preventDefault()}},n}return o(t,wt),n(t,[{key:"Ia",value:function(t){this.Ba=t,this.La()}}],[{key:"xa",value:function(){window.addEventListener("mousedown",function(e){t.Ra=e.target,t.Da={x:e.pageX,y:e.pageY}}),window.addEventListener("mouseup",function(){t.Ra=null,t.Da={}}),window.addEventListener("touchstart",function(e){1===e.targetTouches.length&&(t.Ra=e.targetTouches[0].target,t.Da={x:e.targetTouches[0].pageX,y:e.targetTouches[0].pageY})}),window.addEventListener("touchend",function(){t.Ra=null,t.Da={}})}}]),n(t,[{key:"va",value:function(){return this.Ba&&!this.ya().Oa()}},{key:"rotate",value:function(){var t=r(regeneratorRuntime.mark(function t(e,n,r,i){var o,s,a,u,l,c,h,f=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(o=1,p.A(n)&&p.A(e)&&(p.ct(r)||p.ct(i)||Math.abs(r.x-i.x)>5||Math.abs(r.y-i.y)>5)){for(s=-1,a=-1,u=[0,1,3,2],l=0;l=0&&a>=0&&(2===s&&(0===a||1===a)||1===s&&(0===a||3===a)||0===s&&3===a||3===s&&2===a)&&(o=-1)}if(!this.va()){t.next=8;break}return this.rotation+=360+90*o,this.rotation%=360,c=this.rotation,this._a(),this.fn.classList.add("rotating"),-1===o&&this.fn.classList.add("reverse"),h=new Promise(function(t){setTimeout(t,250)}).then(function(){f.rotation===c&&(f.fn.classList.remove("rotating"),f.fn.classList.remove("reverse"))}),t.abrupt("return",(this.ya().ja(h),h));case 8:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"Ma",value:function(e){if(!(e instanceof t)||e.children.length!==this.children.length)return!1;for(var n=0;n=2&&this.fn.classList.add("layer-"+t),this.Ba||this.fn.classList.add("locked");var e=this.fn.querySelector(".child-container");e.removeAllChildren(),this._a(),this.fn.removeEventListener("mouseup",this.Na),this.fn.removeEventListener("touchend",this.Ea),this.fn.addEventListener("mouseup",this.Na),this.fn.addEventListener("touchend",this.Ea);for(var n=0,r=this.children.length;n=1&&this.children[0]&&this.children[0]instanceof t?this.children[0].za()+1:1}}]),t}();bt.xa();var Ot=function(){function t(e){s(this,t),this.qa=null,this.words=[],this.Ka=[],this.Ga=e,this.Xa=!1,this.id=null,this.$a=null,this.Qa=null;var n=this;this.Ya=new Promise(function(t,e){n.$a=t,n.Qa=e}),this.Wa=function(){}}return n(t,[{key:"Za",value:function(){var t=this.wa(),e=this.Aa();localStorage.setItem("currentLevel",JSON.stringify({id:this.id,rotations:t,locks:e}))}},{key:"Aa",value:function(){return null!==this.qa?this.qa.Aa([]):[]}},{key:"wa",value:function(){return null!==this.qa?this.qa.wa([]):[]}},{key:"tl",value:function(t){null!==this.qa&&this.qa.ba(t)}},{key:"el",value:function(t){this.id=t}},{key:"N",value:function(){return this.id}},{key:"ya",value:function(){return this}},{key:"nl",value:function(t){this.qa=t,this.qa.Ha(this),this.Ka&&this.Ta()}},{key:"sl",value:function(t){this.words=[];for(var e=0,n=t.length;e=2&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl){for(var t=Ot.cl(this.words[0],this.Ga.pa()),e=Ot.cl(this.words[1],this.Ga.pa()),n=new xt(this.Ga.fa()),r=0,i=this.dl/2;r=6&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl&&this.words[2].length>=this.dl&&this.words[3].length>=this.dl&&this.words[4].length>=this.dl&&this.words[5].length>=this.dl){var t=[];t[0]=Ot.cl(this.words[0],this.Ga.pa()),t[1]=Ot.cl(this.words[1],this.Ga.pa()),t[2]=Ot.cl(this.words[2],this.Ga.pa()),t[3]=Ot.cl(this.words[3],this.Ga.pa()),t[4]=Ot.cl(this.words[4],this.Ga.pa()),t[5]=Ot.cl(this.words[5],this.Ga.pa());for(var e=new xt(this.Ga.fa()),n=0;n=4&&this.words[0].length>=this.dl&&this.words[1].length>=this.dl&&this.words[2].length>=this.dl&&this.words[3].length>=this.dl){var t=[];t[0]=Ot.cl(this.words[0],this.Ga.pa()),t[1]=Ot.cl(this.words[1],this.Ga.pa()),t[2]=Ot.cl(this.words[2],this.Ga.pa()),t[3]=Ot.cl(this.words[3],this.Ga.pa());for(var e=new xt(this.Ga.fa()),n=0;n=1)&&e.createObjectStore(t.Sl.fl,{keyPath:"id"}),(p.ct(n)||n<2&&r>=2)&&i.target.transaction.objectStore(t.Sl.fl).createIndex("played",["deleted","played","difficulty","id"],{unique:!1}),(p.ct(n)||n<3&&r>=3)&&i.target.transaction.objectStore(t.Sl.fl).createIndex("difficulty","difficulty",{unique:!1})}},{key:"wl",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",this.gi(n,t.Sl.fl).catch(function(t){console.error("insert error!",t)}));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Ml",value:function(){var e=r(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",this.load(n,t.Sl.fl));case 1:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()},{key:"Hl",value:function(){var e=r(regeneratorRuntime.mark(function e(n){var r,i,o,s,a,u;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,this.Si("difficulty",IDBKeyRange.lowerBound(0),t.Sl.fl);case 2:for(r=e.sent,i=[],o=[],s=-1,a=0,u=r.length;a=t){e-=t,localStorage.setItem("coins",e),this.vl.title=e,this.vl.I();for(var n=this.level.ll(),r=(n=n.filter(function(t){return 0!==t.rotation}))[Math.floor(Math.random()*n.length)];0!==r.rotation;)r.rotate();r.Ia(!1),this.level.Za(),ct.push(["trackEvent","LevelSite","Help","Coins",parseInt(p.t(localStorage.getItem("coins"),"0"))])}else P.Xs("not-enough-coins"),ct.push(["trackEvent","LevelSite","Help","Not enough Coins",parseInt(p.t(localStorage.getItem("coins"),"0"))])}},{key:"_l",value:function(){var e=r(regeneratorRuntime.mark(function e(){var n,r,i,o,s,a,u,l,c,h,f,d,v,y=this;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(this.level.id!==t.Jl.Vl){e.next=19;break}n=p.t(localStorage.getItem("tutorial-step"),"1"),r=new ft,e.t0=(this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+n),n),e.next="1"===e.t0?5:"2"===e.t0?11:17;break;case 5:return this.level.ul(function(){y.Xe.classList.remove("step-1"),localStorage.setItem("tutorial-step","2"),y._l()}),i=this.ln(".tutorial-text .step-1"),e.next=9,this.Ll();case 9:return r.jo(i,i.parentElement,null,!0,1,2),e.abrupt("break",17);case 11:return this.level.ul(function(){}),this.level.rl().then(function(){y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-2"),localStorage.removeItem("tutorial-step"),y.kl=y.kl.then(function(){console.log("coinPromise - tutorial",y.Tl),P.Xs("extra-coins-after-first-level"),localStorage.setItem("coins",parseInt(p.t(localStorage.getItem("coins"),"0"))+50),y.vl.H(p.t(localStorage.getItem("coins"),"0")),y.vl.I()})}),o=this.ln(".tutorial-text .step-2"),e.next=15,this.Ll();case 15:return r.jo(o,o.parentElement,null,!0,1,2),e.abrupt("break",17);case 17:e.next=49;break;case 19:if(this.level.id!==t.Jl.zl){e.next=35;break}s=p.t(localStorage.getItem("tutorial-step"),"3"),e.t1=s,e.next="3"===e.t1?24:33;break;case 24:return a=new ft,this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+s),u=function t(){y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-3"),localStorage.setItem("tutorial-step","4"),y.ln("#help-button").removeEventListener("click",t),y.Ll()},this.ln("#help-button").addEventListener("click",u),l=this.ln(".tutorial-text .step-3"),e.next=31,this.Ll();case 31:return a.jo(l,l.parentElement,null,!0,1,2),e.abrupt("break",33);case 33:e.next=49;break;case 35:if(this.level.id!==t.Jl.ql){e.next=49;break}c=p.t(localStorage.getItem("tutorial-step"),"4"),e.t2=c,e.next="4"===e.t2?40:49;break;case 40:return h=new ft,this.Xe.classList.add("tutorial"),this.Xe.classList.add("step-"+c),f=this.level.ll()[0],(d=this.ln("#tutorial-pointer")).remove(),f.fn.appendChild(d),this.level.ul(function(t){f===t&&(y.Xe.classList.remove("tutorial"),y.Xe.classList.remove("step-4"),localStorage.setItem("tutorial-step","5"),y.Ll())}),v=this.ln(".tutorial-text .step-4"),e.next=47,this.Ll();case 47:return h.jo(v,v.parentElement,null,!0,1,2),e.abrupt("break",49);case 49:case"end":return e.stop()}},e,this)}));return function(){return e.apply(this,arguments)}}()}]),t}();Dt.jl=[20,40,60,100,120,140,160],Dt.Jl={Vl:67,zl:15,ql:341};var Bt=function(){function t(e){return s(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,4))}return o(t,Rt),n(t,[{key:"Za",value:function(){}}]),t}(),qt=function(){function t(){var e;return s(this,t),e=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,g.Ge("html/application/dialog/share.html").then(function(t){t.appendChild(T.Ui(window.location.hostname+p._t("")));var n=function(){e.close()};return t.querySelectorAll("a").forEach(function(t){t.addEventListener("click",n)}),t}),"share-dialog"))}return o(t,L),t}(),Gt=function(){function t(e){var n;return s(this,t),(n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,"html/application/menu.html"))).Kl=n.Gl(),n.listener=null,n}return o(t,gt),n(t,[{key:"nn",value:function(n){var i=this;ct.update("Menu Site");var o=e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"nn",this).call(this,n),s=new Bt(this.Ga);s.sl(["WORD","ROTA","TORW","ORDR"]),s.al(),s.rl().then(function(){ct.push(["trackEvent","MainMenu","levelSolved"]),i.Xl()});var a=s.ol();a.La(),this.ln("#level").removeAllChildren().appendChild(a.ka());var u=s.ll();(function t(){var e=4500*Math.random()+1500;i.$l=setTimeout(function(){for(var e=-1,n=[],r=0;r=2));r++);1===n.length&&(e=n[0]);var i=Math.floor(Math.random()*u.length);i===e&&(i=(i+1)%u.length),u[i].rotate(),t()},e)})(),this.listener=r(regeneratorRuntime.mark(function t(){var e,n,r,o,s;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return e=i.ln("#play-button"),(n=i.ln("#level-number")).innerText=p.t(localStorage.getItem("levelCounter"),1),r=i.ln("#level"),o=new ft,t.next=5,o.jo(r,r.parentElement,!1,!1,2,8,null,!1);case 5:return s=getComputedStyle(r),e.style.width=s.getPropertyValue("width"),o.jo(e.children[0],e,null,null,null,4,null,!1),t.next=10,o.Oo(.2,n.parentElement,n.parentElement.parentElement,null,null,null,10,null,!1);case 10:o.jo(n,n.parentElement,!1,!1,8,null,null,!1);case 11:case"end":return t.stop()}},t,i)})),this.listener(),window.addEventListener("resize",this.listener);var l=q.jt();return this.ln("#play-sound").checked="1"===l.pr("play-sound","1"),this.ln("#play-music").checked="1"===l.pr("play-music","1"),o}},{key:"Xl",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e=this;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:this.Mn(Dt,Promise.race([this.Kl,new Promise(function(){var t=r(regeneratorRuntime.mark(function t(n){var r;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return r=Jt.jt(),t.next=3,r.Hl(Dt.jl);case 3:if(t.t0=t.sent,t.t1=null!==t.t0,!t.t1){t.next=7;break}n();case 7:case"end":return t.stop()}},t,e)}));return function(){return t.apply(this,arguments)}}())]));case 1:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"sn",value:function(){var n=r(regeneratorRuntime.mark(function n(){var r,i,o,s,a,u,l,c,h=this;return regeneratorRuntime.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"sn",this).call(this),this.ln("#play-button").addEventListener("click",function(){ct.push(["trackEvent","MainMenu","startButton"]),h.Xl()}),r=this.ln("#segment-leaf-template"),i=this.ln("#segment-parent-template"),o=this.ln("#segment-row-template"),s=this.ln("#segment-triangle-template"),r.id=null,i.id=null,o.id=null,s.id=null,r.remove(),i.remove(),o.remove(),s.remove(),this.Ga=new kt(r,i,o,s),p.t(t.app.Us)&&t.app.Us.then(function(){h.listener&&h.listener()}),a=q.jt(),u=dt.jt(),(l=this.ln("#play-music")).checked=a.pr("play-music",!0),l.addEventListener("change",function(){a.wr("play-music",l.checked?"1":"0"),u.set({muted:!l.checked},dt.Yo.na),l.checked&&u.play(dt.Yo.na),ct.push(["trackEvent","MainMenu","PlayMusic","Play Music",l.checked?1:0])}),(c=this.ln("#play-sound")).checked=a.pr("play-sound",!0),c.addEventListener("change",function(){a.wr("play-sound",c.checked?"1":"0"),u.set({muted:!c.checked},dt.Yo.sa),ct.push(["trackEvent","MainMenu","PlaySound","Play Sound",c.checked?1:0])}),this.ln("#share-button").addEventListener("click",function(){(new qt).show()});case 7:case"end":return n.stop()}},n,this)}));return function(){return n.apply(this,arguments)}}()},{key:"rn",value:function(n){clearTimeout(this.$l),window.removeEventListener("resize",this.listener),e(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"rn",this).call(this,n)}},{key:"Gl",value:function(){var t=r(regeneratorRuntime.mark(function t(){var e,n,r,i,o,s,a,u,l,c,h,f;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:e=p.t(localStorage.getItem("date-last-sync"),0),n=Jt.jt(),r=null,i=1,o=[],s=0;case 3:if(!(sn.length)&&(e=n.length),e-=t.length;var r=n.indexOf(t,e);return-1!==r&&r===e}),window.fetch=p.t(window.fetch,function(t){console.log("customFetch",t);var e=null;if(window.XMLHttpRequest)e=new XMLHttpRequest;else if(window.Vi)try{e=new ActiveXObject("Msxml2.XMLHTTP")}catch(t){try{e=new ActiveXObject("Microsoft.XMLHTTP")}catch(t){}}var n=new Promise(function(t){e.onload=function(){var e=this.responseText;t({json:function(){return Promise.resolve(JSON.parse(e))},text:function(){return Promise.resolve(e)}})},e.onerror=function(e){t(Promise.reject(e))}});return e.open("get",t,!0),e.send(),n}),v.Fe(new J("red","red")),v.Fe(new J("blue","blue")),v.Fe(new J("black","black")),v.Fe(new J("green","green")),v.Fe(new J("pink","pink")),v.Fe(new J("dark","dark")),T.Bi(new ht(new M("img/whatsapp.svg"),"whatsapp",!0)),T.Bi(new ht(new R("img/sms.svg"),"sms",!0)),T.Bi(new ht(new I("img/telegram.svg"),"telegram",!0));var Wt=new x;V.Zr("html/application/setting-template.html"),at.tt=!1,st.Po=!1,E.resolve(Wt).then(r(regeneratorRuntime.mark(function t(){var e;return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:V.to.i=a.V,e=q.jt(),dt.jt().play(dt.Yo.na,{Zo:"sound/brightAndBeautifull__.mp3",loop:!0,volume:.6,muted:"1"!==e.pr("play-music","1")}),Wt.start(Gt),f.Mt("de"),lt.ko(function(t){console.log("can install!",t)});case 3:case"end":return t.stop()}},t,this)}))); \ No newline at end of file diff --git a/public/version/x/app.names.json b/public/version/x/app.names.json new file mode 100644 index 0000000..580f862 --- /dev/null +++ b/public/version/x/app.names.json @@ -0,0 +1 @@ +{"vars":{"props":{"$_typeof":"t","$_get":"e","$_createClass":"n","$_asyncToGenerator":"r","$_possibleConstructorReturn":"i","$_inherits":"o","$_classCallCheck":"s","$MenuAction":"a","$OpenSubmenuAction":"u","$Menu":"l","$Submenu":"c","$TranslatorDB":"h","$Translator":"f","$Helper":"p","$SystemSettings":"d","$ThemeManager":"v","$CookieCompliance":"y","$ActionBarMenu":"m","$ViewInflater":"g","$Context":"k","$AbstractSite":"w","$SiteContainer":"_","$SiteManager":"b","$PauseSite":"O","$App":"x","$Dialog":"L","$FlashMessenger":"P","$InitPromise":"E","$MyDb":"S","$ScriptLoader":"j","$ShareButton":"A","$MultipleShareButton":"C","$ShareManager":"T","$SmsShareButton":"R","$TelegramShareButton":"I","$WhatsappShareButton":"M","$Fragment":"N","$Theme":"J","$Constants":"X","$DataManager":"D","$Form":"B","$SettingsManager":"q","$LocalStorageSettingsFragment":"G","$SmartColumn":"H","$ConstSmartColumn":"F","$DataSmartColumn":"Z","$ImgConstSmartColumn":"$","$ListHelper":"Q","$SettingsSite":"V","$UserManager":"Y","$UserAction":"U","$NotAllowedSite":"W","$UserSite":"z","$LoginForm":"K","$RegistrationForm":"tt","$UserFragment":"et","$PasswordSettingsFragment":"nt","$UserSettingsFragment":"rt","$EditUserRolesSite":"it","$ForgotPasswordSite":"ot","$LoginSite":"st","$RegistrationSite":"at","$SetNewPasswordSite":"ut","$InstallManager":"lt","$Matomo":"ct","$MatomoShareButton":"ht","$ScaleHelper":"ft","$AudioChain":"pt","$SoundManager":"dt","$Code":"vt","$CodeSite":"yt","$ContactSite":"mt","$WordRotatorBaseSite":"gt","$TemplateContainer":"kt","$Segment":"wt","$LeafSegment":"_t","$ParentSegment":"bt","$Level":"Ot","$RowSegment":"xt","$RowLevel":"Lt","$SimpleLevel":"Pt","$RowLevel8":"Et","$RowLevel10":"St","$TriangleSegment":"jt","$SixWordsRowLevel":"At","$SixWordsRowLevel8":"Ct","$SixWordsRowLevel12":"Tt","$FourWordsLevel":"Rt","$FourWordsLevel8":"It","$FourWordsLevel12":"Mt","$LevelHelper":"Nt","$WordRotatorDb":"Jt","$EndSite":"Xt","$LevelSite":"Dt","$MainMenuLevel":"Bt","$ShareDialog":"qt","$MenuSite":"Gt","$PrivacyPolicySite":"Ht","$CreditsSite":"Ft","$ChooseThemeDialog":"Zt","$ImpressumSite":"$t","$WordRotatorSettingFragment":"Qt","$SelectWordsSite":"Vt","$DeleteWordsSite":"Yt","$basePath":"Ut","$app":"Wt"}}} \ No newline at end of file diff --git a/rollup.config.js b/rollup.config.js index 5b18ea6..efcf3c7 100755 --- a/rollup.config.js +++ b/rollup.config.js @@ -22,7 +22,9 @@ const ex = { output : [{ - file: pkg.output, format: 'es' + format: 'es', + file: pkg.output, + nameFile: pkg.namesOutput, }], }; if (typeof module !== 'undefined') { diff --git a/src/js/init.js b/src/js/init.js index f6d1030..84b61bd 100755 --- a/src/js/init.js +++ b/src/js/init.js @@ -49,14 +49,15 @@ let app = new App(); // app.addDeepLink("policy", PrivatePolicySite.name); // bridge für Android -window["ThemeManager"] = ThemeManager; -window["ThemeManager"]["addChangeListener"] = ThemeManager.addChangeListener; -window["app"] = app; -window["app"]["refreshCurrentSite"] = app.refreshCurrentSite; -window["Translator"] = Translator; -window["Translator"]["setLanguage"] = Translator.setLanguage; -window["InitPromise"] = InitPromise; -window["InitPromise"]["addPromise"] = InitPromise.addPromise; +// window["ThemeManager"] = ThemeManager; +// window["ThemeManager"]["addChangeListener"] = ThemeManager.addChangeListener; +// window["app"] = app; +// window["app"]["refreshCurrentSite"] = app.refreshCurrentSite; +// window["Translator"] = Translator; +// window["Translator"]["setLanguage"] = Translator.setLanguage; +// window["InitPromise"] = InitPromise; +// window["InitPromise"]["addPromise"] = InitPromise.addPromise; + SettingsSite.setTemplate("html/application/setting-template.html"); // SettingsSite.shouldAddSettingsAction = false;