troogs/dd-weekend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed js error

Browse Source
This commit is contained in:
Andre Beging
2020-02-29 18:30:59 +01:00
parent 801ac69a01
commit 4a4cc96842
5 changed files with 63 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content/kosten.md
View File

@@ -1,4 +0,0 @@
---
title: Kosten
date: '2020-02-29'
---

2
layouts/partials/hero.html
View File

@@ -3,7 +3,7 @@
<div> <div>
<h1>Das erste alljährliche*<br /><img src="assets/dd_white.png">-Wochenende</DD></h1> <h1>Das erste alljährliche*<br /><img src="assets/dd_white.png">-Wochenende</DD></h1>
<h2>28.08 - 30.08.2020</h2> <h2>28.08 - 30.08.2020</h2>
<h3><a href='{{ "anmeldung/" | absURL }}' class="btn btn-light btn-lg">INFOS</a> <a href='{{ "anmeldung/" | absURL }}' class="btn btn-light btn-lg">JETZT ANMELDEN!</a></h3> <h3><a href='{{ "location/" | absURL }}' class="btn btn-light btn-lg">INFOS</a> <a href='{{ "anmeldung/" | absURL }}' class="btn btn-light btn-lg">JETZT ANMELDEN!</a></h3>
</div> </div>
</div> </div>
</div> </div>

5
layouts/partials/navigation.html
View File

@@ -13,11 +13,6 @@
<li {{$classString | safeHTMLAttr}}>Anmeldung</li> <li {{$classString | safeHTMLAttr}}>Anmeldung</li>
</a> </a>
{{ if (eq .Permalink (string ("kosten/" | absURL))) }}{{ $classString = "class='active'" }}{{else}}{{$classString = ""}}{{ end }}
<a href='{{ "kosten/" | absURL }}'>
<li {{$classString | safeHTMLAttr}}>Kosten</li>
</a>
{{ if (eq .Permalink (string ("location/" | absURL))) }}{{ $classString = "class='active'" }}{{else}}{{$classString = ""}}{{ end }} {{ if (eq .Permalink (string ("location/" | absURL))) }}{{ $classString = "class='active'" }}{{else}}{{$classString = ""}}{{ end }}
<a href='{{ "location/" | absURL }}'> <a href='{{ "location/" | absURL }}'>
<li {{$classString | safeHTMLAttr}}>Location</li> <li {{$classString | safeHTMLAttr}}>Location</li>

51
src/typescript/script.ts
View File

@@ -8,33 +8,40 @@ if (document.body.classList.contains("hero")) {
}); });
} }
// Sidebar toggle window.onload = function() {
document.querySelector('[data-action="toggle-sidebar"]').addEventListener("click",() => { // Sidebar toggle
document.body.classList.toggle("sidebar"); var sidebarToggleElement = document.querySelector('[data-action="toggle-sidebar"]');
}); if(sidebarToggleElement) {
sidebarToggleElement.addEventListener("click",() => {
document.body.classList.toggle("sidebar");
});
}
document.querySelector('form').addEventListener('submit', (e : any) => { // Form silent submit
let targetUrl = e.target.action; var formElement = document.querySelector('form');
if(formElement) {
formElement.addEventListener('submit', (e : any) => {
let targetUrl = e.target.action;
// Load form data // Load form data
let formParameter : Array<string> = GetFormParameter(e.target); let formParameter : Array<string> = GetFormParameter(e.target);
// Build url // Build url
let queryString = Object.keys(formParameter).map((k : any) => encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k])).join("&"); let queryString = Object.keys(formParameter).map((k : any) => encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k])).join("&");
let getUrl = targetUrl + "?" + queryString; let getUrl = targetUrl + "?" + queryString;
// Perform get request
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", getUrl);
xmlHttp.send();
// Cleanup
e.target.reset();
alert("Anmeldung abgeschickt");
e.preventDefault();
});
// Perform get request
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", getUrl);
xmlHttp.send();
// Cleanup
e.target.reset();
alert("Anmeldung abgeschickt");
e.preventDefault();
});
}
};
function GetFormParameter( form : any ) function GetFormParameter( form : any )
{ {

49
static/js/script.js
View File

@@ -7,26 +7,35 @@ if (document.body.classList.contains("hero")) {
document.body.classList.remove("scroll"); document.body.classList.remove("scroll");
}); });
} }
// Sidebar toggle window.onload = function () {
document.querySelector('[data-action="toggle-sidebar"]').addEventListener("click", function () { // Sidebar toggle
document.body.classList.toggle("sidebar"); var sidebarToggleElement = document.querySelector('[data-action="toggle-sidebar"]');
}); if (sidebarToggleElement) {
document.querySelector('form').addEventListener('submit', function (e) { sidebarToggleElement.addEventListener("click", function () {
var targetUrl = e.target.action; document.body.classList.toggle("sidebar");
// Load form data });
var formParameter = GetFormParameter(e.target); }
// Build url // Form silent submit
var queryString = Object.keys(formParameter).map(function (k) { return encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k]); }).join("&"); var formElement = document.querySelector('form');
var getUrl = targetUrl + "?" + queryString; if (formElement) {
// Perform get request formElement.addEventListener('submit', function (e) {
var xmlHttp = new XMLHttpRequest(); var targetUrl = e.target.action;
xmlHttp.open("GET", getUrl); // Load form data
xmlHttp.send(); var formParameter = GetFormParameter(e.target);
// Cleanup // Build url
e.target.reset(); var queryString = Object.keys(formParameter).map(function (k) { return encodeURIComponent(k) + "=" + encodeURIComponent(formParameter[k]); }).join("&");
alert("Anmeldung abgeschickt"); var getUrl = targetUrl + "?" + queryString;
e.preventDefault(); // Perform get request
}); var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", getUrl);
xmlHttp.send();
// Cleanup
e.target.reset();
alert("Anmeldung abgeschickt");
e.preventDefault();
});
}
};
function GetFormParameter(form) { function GetFormParameter(form) {
var params = new Array(); var params = new Array();
var length = form.elements.length; var length = form.elements.length;