-
-
-
Are You Attending?
-
Please Fill-up the form to notify you that you're attending. Thanks.
+
+
+
-
-
-
-
@@ -596,37 +189,37 @@
-
-
+
+
+ //jQuery example
+ // $('#simply-countdown-losange').simplyCountdown({
+ // year: d.getFullYear(),
+ // month: d.getMonth() + 1,
+ // day: d.getDate(),
+ // enableUtc: false
+ // });
+
-
-
+
+
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
index aee8d41..d3e0ea3 100644
--- a/js/main.js
+++ b/js/main.js
@@ -182,14 +182,129 @@
};
+ var addField = async function() {
+ $('.js-addField').on('click', async function(event){
+
+ event.preventDefault();
+
+ // Container
where dynamic content will be placed
+ var container = document.getElementById("js-attentants");
+ // Clear previous contents of the container
+ // while (container.hasChildNodes()) {
+ // container.removeChild(container.lastChild);
+ // }
+ //container.appendChild()
+
+ // Append a node with a random text
+ //container.appendChild(document.createTextNode("Member"));
+ var outerDiv = document.createElement("div");
+ outerDiv.style="padding-top: 20px;";
+
+ var firstNameDiv = document.createElement("div");
+ firstNameDiv.classList.add('col-md-5');
+ firstNameDiv.classList.add('col-sm-5');
+ var formGroupDiv = document.createElement("div");
+ formGroupDiv.classList.add('form-group');
+ firstNameDiv.appendChild(formGroupDiv);
+
+ //Label
+ var labelElement = document.createElement("label");
+ labelElement.setAttribute("for","firstname");
+ labelElement.classList.add('sr-only');
+ labelElement.innerHTML = "Vorname";
+ formGroupDiv.appendChild(labelElement);
+
+ //Input
+ var inputElement = document.createElement("input");
+ inputElement.setAttribute("type","firstname");
+ inputElement.classList.add('form-control');
+ inputElement.classList.add('js-form-input');
+ inputElement.setAttribute("id","firstname");
+ inputElement.setAttribute("data-i18n","firstname");
+ inputElement.setAttribute("data-i18n-attr","placeholder");
+ let firstname_placeholder = await translator.getTranslationByKey(document.documentElement.lang,"firstname");
+ inputElement.setAttribute("placeholder", firstname_placeholder);
+ formGroupDiv.appendChild(inputElement);
+
+ outerDiv.appendChild(firstNameDiv);
+
+
+ var lastNameDiv = document.createElement("div");
+ lastNameDiv.classList.add('col-md-5');
+ lastNameDiv.classList.add('col-sm-5');
+ var lastnameFormGroupDiv = document.createElement("div");
+ lastnameFormGroupDiv.classList.add('form-group');
+ lastNameDiv.appendChild(lastnameFormGroupDiv);
+
+ //Label
+ var lastNamelabelElement = document.createElement("label");
+ lastNamelabelElement.setAttribute("for","lastname");
+ lastNamelabelElement.classList.add('sr-only');
+ lastNamelabelElement.innerHTML = "Nachname";
+ lastnameFormGroupDiv.appendChild(lastNamelabelElement);
+
+ //Input
+ var firstNameInputElement = document.createElement("input");
+ firstNameInputElement.setAttribute("type","lastname");
+ firstNameInputElement.classList.add('form-control');
+ firstNameInputElement.classList.add('js-form-input');
+ firstNameInputElement.setAttribute("id","lastname");
+ firstNameInputElement.setAttribute("data-i18n","lastname");
+ firstNameInputElement.setAttribute("data-i18n-attr","placeholder");
+ let lastname_placeholder = await translator.getTranslationByKey(document.documentElement.lang,"lastname");
+ firstNameInputElement.setAttribute("placeholder", lastname_placeholder);
+ lastnameFormGroupDiv.appendChild(firstNameInputElement);
+
+ outerDiv.appendChild(lastNameDiv);
+
+ let underTwelveDiv = document.createElement("div");
+ underTwelveDiv.classList.add('col-md-2');
+ underTwelveDiv.classList.add('col-sm-2');
+
+ let underTwelveInnerDiv = document.createElement("div");
+ underTwelveInnerDiv.classList.add('undertwelve');
+
+ let underTwelveLabel = document.createElement("label");
+ underTwelveLabel.setAttribute("for","undertwelve");
+ underTwelveLabel.setAttribute("data-i18n","undertwelve");
+ underTwelveLabel.innerHTML = await translator.getTranslationByKey(document.documentElement.lang,"undertwelve");
+
+ underTwelveInnerDiv.appendChild(underTwelveLabel);
+
+ let underTwelveInput = document.createElement("input");
+ underTwelveInput.classList.add('js-undertwelve');
+ underTwelveInput.classList.add('js-form-input');
+ underTwelveInput.setAttribute("type","checkbox");
+ underTwelveInput.setAttribute("name","undertwelve");
+
+ underTwelveInnerDiv.appendChild(underTwelveInput);
+ underTwelveDiv.appendChild(underTwelveInnerDiv);
+ outerDiv.appendChild(underTwelveDiv);
+
+ container.appendChild(outerDiv);
+
+ return false;
+ });
+ }
// Loading page
var loaderPage = function() {
$(".fh5co-loader").fadeOut("slow");
};
- var counter = function() {
+ var counter = async function() {
+ let res = await fetch("https://rismer.de:9999/family/familycount", {
+ method: "GET",
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ //body: JSON.stringify(data)
+ });
+ let json = await res.json();
$('.js-counter').countTo({
+ from: 0,
+ to: json,
+ speed: 5000,
formatter: function (value, options) {
return value.toFixed(options.decimals);
},
@@ -210,9 +325,42 @@
// Parallax
var parallax = function() {
- $(window).stellar();
+ $(window).stellar({ horizontalScrolling: false });
};
+ var defaultUncheckedInputCheckboxes = function() {
+ var inputs = document.getElementsByTagName('input');
+
+ for (var i=0; i response.json())
+ .catch(() => {
+ console.error(
+ `Could not load ${path}. Please make sure that the file exists.`
+ );
+ });
+ }
+
+ async _getResource(lang) {
+ if (this._cache.has(lang)) {
+ return JSON.parse(this._cache.get(lang));
+ }
+
+ var translation = await this._fetch(
+ `${this._options.filesLocation}/${lang}.json`
+ );
+
+ if (!this._cache.has(lang)) {
+ this._cache.set(lang, JSON.stringify(translation));
+ }
+
+ return translation;
+ }
+
+ async load(lang) {
+ if (!this._options.languages.includes(lang)) {
+ return;
+ }
+
+ this._elements = document.querySelectorAll("[data-i18n]");
+
+ document.documentElement.lang = lang;
+
+ this._translate(await this._getResource(lang));
+
+ if (this._options.persist) {
+ localStorage.setItem("language", lang);
+ }
+ }
+
+ async getTranslationByKey(lang, key) {
+ if (!key) throw new Error("Expected a key to translate, got nothing.");
+
+ if (typeof key != "string")
+ throw new Error(
+ `Expected a string for the key parameter, got ${typeof key} instead.`
+ );
+
+ var translation = await this._getResource(lang);
+
+ return this._getValueFromJSON(key, translation, true);
+ }
+
+ _getValueFromJSON(key, json, fallback) {
+ var text = key.split(".").reduce((obj, i) => obj[i], json);
+
+ if (!text && this._options.defaultLanguage && fallback) {
+ let fallbackTranslation = JSON.parse(
+ this._cache.get(this._options.defaultLanguage)
+ );
+
+ text = this._getValueFromJSON(key, fallbackTranslation, false);
+ } else if (!text) {
+ text = key;
+ console.warn(`Could not find text for attribute "${key}".`);
+ }
+
+ return text;
+ }
+
+ _translate(translation) {
+ var zip = (keys, values) => keys.map((key, i) => [key, values[i]]);
+ var nullSafeSplit = (str, separator) => (str ? str.split(separator) : null);
+
+ var replace = element => {
+ var keys = nullSafeSplit(element.getAttribute("data-i18n"), " ") || [];
+ var properties = nullSafeSplit(
+ element.getAttribute("data-i18n-attr"),
+ " "
+ ) || ["innerHTML"];
+
+ if (keys.length > 0 && keys.length !== properties.length) {
+ console.error(
+ "data-i18n and data-i18n-attr must contain the same number of items"
+ );
+ } else {
+ var pairs = zip(keys, properties);
+ pairs.forEach(pair => {
+ const [key, property] = pair;
+ var text = this._getValueFromJSON(key, translation, true);
+
+ if (text) {
+ element[property] = text;
+ element.setAttribute(property, text);
+ } else {
+ console.error(`Could not find text for attribute "${key}".`);
+ }
+ });
+ }
+ };
+
+ this._elements.forEach(replace);
+ }
+
+ get defaultConfig() {
+ return {
+ persist: false,
+ languages: ["de"],
+ defaultLanguage: "",
+ detectLanguage: true,
+ filesLocation: "/i18n"
+ };
+ }
+ }
+
+
+ var translator = new Translator({
+ persist: false,
+ languages: ["hr", "de"],
+ defaultLanguage: "hr",
+ detectLanguage: true,
+ filesLocation: "/i18n"
+ });
+
+if (document.documentElement.lang == "de") {
+ $(".js-flag-image").attr("src","flags/4x3/hr.svg");
+ $(".js-flag-image").attr("srcset","flags/4x3/hr.svg");
+}
+else {
+ $(".js-flag-image").attr("srcset","flags/4x3/de.svg");
+ $(".js-flag-image").attr("src","flags/4x3/de.svg");
+}
+
+ //translator.load();