summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2014-03-14 18:39:40 +0100
committerschneefux <schneefux+commit@schneefux.xyz>2016-08-15 19:46:41 +0200
commit0e267a97dd42e5381e7704e151057e674fa8e0c3 (patch)
tree51185b363369d2795ac41dcaad5901efb8a413ca
parent4e1936f740d6ed3499df59e4f76efa91f49c5cb3 (diff)
downloadwvs-vplan-0e267a97dd42e5381e7704e151057e674fa8e0c3.tar.gz
wvs-vplan-0e267a97dd42e5381e7704e151057e674fa8e0c3.zip
füge Flip-Effekt hinzu
-rw-r--r--css/index.css3
-rw-r--r--index.html8
-rw-r--r--js/index.js3
3 files changed, 9 insertions, 5 deletions
diff --git a/css/index.css b/css/index.css
index 627220e..0f732cf 100644
--- a/css/index.css
+++ b/css/index.css
@@ -46,3 +46,6 @@ body {
right: 0;
}
}
+
+.viewLayout {
+}
diff --git a/index.html b/index.html
index 7811cd9..9cf66bb 100644
--- a/index.html
+++ b/index.html
@@ -29,13 +29,13 @@
<body>
<div class="app">
<x-flipbox id="viewFlipBox">
- <div>
+ <div>
<x-appbar>
<h1>WvS VPlan | Login</h1>
<button>=</button>
</x-appbar>
- <x-layout>
- <form action="javascript:document.getElementById('viewFlipBox').toggle();" onsubmit="login()">
+ <x-layout class="viewLayout">
+ <form action="javascript:login()">
<section>
<input type="text" id="username" hint="Benutzername" autofocus required>
<input type="password" id="password" hint="Passwort" required>
@@ -50,7 +50,7 @@
<h1>WvS VPlan | Vertretungsplan</h1>
<button>=</button>
</x-appbar>
- <x-layout>
+ <x-layout class="viewLayout">
Hier steht der V-Plan.
</x-layout>
</div>
diff --git a/js/index.js b/js/index.js
index ab4d48e..7d66553 100644
--- a/js/index.js
+++ b/js/index.js
@@ -31,6 +31,7 @@ function login(){
console.log("Etwas ist schiefgelaufen :(");
}else{
console.log('Request erfolgreich');
+ document.getElementById('viewFlipBox').toggle();
}
}
}
@@ -38,7 +39,7 @@ function login(){
req.open("POST", "https://***REMOVED***/moodle/login/index.php", true);
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
req.send(params);
-}
+};
var app = {
// Application Constructor