<!doctype html>
< html >
< head >
< meta charset = "UTF-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "robots" content = "noindex, nofollow, noodp, noydir" / >
< meta name = "keywords" content = "" / >
< meta name = "description" content = "" / >
< meta name = "copyright" content = "" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" / >
< title > < / title >
<!-- Bootstrap -->
< link href = "css/bootstrap.min.css" rel = "stylesheet" >
< link href = "css/signin.css" rel = "stylesheet" >
<!-- static zone info -->
< script type = "text/javascript" src = "js/zone.js" > < / script >
< script type = "text/javascript" src = "js/jquery-1.11.2.min.js" > < / script >
< script >
function getURLparams()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length ; i + + )
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
$( document ).ready(function() {
/**
* logon action
*/
$("#signin").click(function (event) {
event.preventDefault();
// hide alerts
$("#alertMSG").addClass("hidden");
// try to login
$.ajax({
type: "POST",
url: "/api/captiveportal/access/logon/" + zoneid + "/",
dataType:"json",
data:{ user: $("#inputUsername").val(), password: $("#inputPassword").val() }
}).done(function(data) {
// redirect on successful login
if (data['clientState'] == 'AUTHORIZED') {
if (getURLparams()['redirurl'] != undefined) {
window.location = 'http://'+getURLparams()['redirurl']+'?refresh';
} else {
// no target, reload page
window.location.reload();
}
} else {
$("#inputUsername").val("");
$("#inputPassword").val("");
$("#errorMSGtext").html("authentication failed");
$("#alertMSG").removeClass("hidden");
}
}).fail(function(){
$("#errorMSGtext").html("unable to connect to authentication server");
$("#alertMSG").removeClass("hidden");
});
});
/**
* login anonymous, only applicable when server is configured without authentication
*/
$("#signin_anon").click(function (event) {
event.preventDefault();
// hide alerts
$("#alertMSG").addClass("hidden");
// try to login
$.ajax({
type: "POST",
url: "/api/captiveportal/access/logon/" + zoneid + "/",
dataType:"json",
data:{ user: '', password: '' }
}).done(function(data) {
// redirect on successful login
if (data['clientState'] == 'AUTHORIZED') {
if (getURLparams()['redirurl'] != undefined) {
window.location = 'http://'+getURLparams()['redirurl']+'?refresh';
} else {
window.location.reload();
}
} else {
$("#inputUsername").val("");
$("#inputPassword").val("");
$("#errorMSGtext").html("login failed");
$("#alertMSG").removeClass("hidden");
}
}).fail(function(){
$("#errorMSGtext").html("unable to connect to authentication server");
$("#alertMSG").removeClass("hidden");
});
});
/**
* logoff action
*/
$("#logoff").click(function (event) {
event.preventDefault();
// hide alerts
$("#alertMSG").addClass("hidden");
// try to login
$.ajax({
type: "POST",
url: "/api/captiveportal/access/logoff/" + zoneid + "/",
dataType:"json",
data:{ user: '', password: '' }
}).done(function(data) {
// refresh page
window.location.reload();
}).fail(function(){
$("#errorMSGtext").html("unable to connect to authentication server");
$("#alertMSG").removeClass("hidden");
});
});
/**
* close / hide error message
*/
$("#btnCloseError").click(function(){
$("#alertMSG").addClass("hidden");
});
/**
* execute after pageload
*/
$.ajax({
type: "POST",
url: "/api/captiveportal/access/status/" + zoneid + "/",
dataType:"json",
data:{ user: $("#inputUsername").val(), password: $("#inputPassword").val() }
}).done(function(data) {
if (data['clientState'] == 'AUTHORIZED') {
$("#logout_frm").removeClass('hidden');
} else if (data['authType'] == 'none') {
$("#login_none").removeClass('hidden');
} else {
$("#login_password").removeClass('hidden');
}
}).fail(function(){
$("#errorMSGtext").html("unable to connect to authentication server");
$("#alertMSG").removeClass("hidden");
});
});
< / script >
< / head >
< body >
< header class = "page-head" >
< nav class = "navbar navbar-default" >
< div class = "container-fluid" >
< div class = "navbar-header" >
< a class = "navbar-brand" href = "#" >
< img class = "brand-logo" src = "images/seite37-logo.png"
alt="Ferienwohnung Reich" height="80" width="280">
< / a >
< / div >
< div class = "info" >
< h3 > Kostenloser Internetzugang< / h3 >
< p > Als Gast unseres Hauses können Sie unser Gäste-WLAN kostenlos nutzen. Wir wollen hier keine ellenlangen Regeln auflisten - der Netzzugang ist mit < strong > Hausverstand< / strong > zu verwenden.< / p >
<!-- <p>Wir stellen Ihnen hier einen kostenlosen Internetzugang in Form eines WLAN - Netzes zur Verfügung. Das Netz kann frei genutzt werden, sofern folgende Regelungen eingehalten werden:</p>
< ol >
< li > Verstoßen Sie nicht gegen geltendes Recht.< / li >
< li > Verletzen Sie nicht die Rechte Dritter.< / li >
< li > Beachten Sie die Grundsätze des Jugenschutzes.< / li >
< li > Beeinträchtigen oder schädigen Sie unsere Systeme nicht.< / li >
< / ol > -->
<!-- <p>Für technische Rückfragen stehe ich Ihnen unter <a href="mailto:technik@ferienwohnung - reich.at">technik@ferienwohnung - reich.at</a> zur Verfügung - bitte haben Sie Verständnis, dass ich Ihnen nicht immer sofort antworten kann.</p> -->
<!-- Ich erkläre, bei der Nutzung dieses Gastzugangs die Nutzungsbedingungen des Anbieters zu beachten und keine Rechtsverletzungen zu begehen. Ich weiß, dass dazu meine Geräte - Identifikation (MAC - Adresse meines WLAN/LAN - Geräts) sowie Nutzungszeiten vom Anbieter des Gastzugangs protokolliert werden können. -->
< / div >
< / div >
< / nav >
< / header >
< main class = "page-content col-sm-6 col-sm-push-3" >
<!-- User option 1: login needed with name and password -->
< div id = "login_password" class = "hidden" >
< form class = "form-signin" >
< h2 class = "form-signin-heading" > Please sign in< / h2 >
< label for = "inputUsername" class = "sr-only" > Username< / label >
< input type = "text" id = "inputUsername" class = "form-control" placeholder = "Username" required autofocus autocomplete = "none" autocapitalize = "none" autocorrect = "off" >
< label for = "inputPassword" class = "sr-only" > Password< / label >
< input type = "password" id = "inputPassword" class = "form-control" placeholder = "Password" required >
< button class = "btn btn-primary btn-block" id = "signin" type = "button" > Sign in< / button >
< / form >
< / div >
<!-- User option 2: login needed, without username, password -->
< div id = "login_none" class = "hidden" >
< form class = "form-signin" >
< button class = "btn btn-primary btn-block" id = "signin_anon" type = "button" > Verstanden< / button >
< / form >
< / div >
<!-- User option 3: Already logged in, show logout button -->
< div id = "logout_frm" class = "hidden" >
< form class = "form-signin" >
< button class = "btn btn-primary btn-block" id = "logoff" type = "button" > Logout< / button >
< / form >
< / div >
<!-- Message dialog -->
< div class = "alert alert-danger alert-dismissible hidden" role = "alert" id = "alertMSG" >
< button type = "button" class = "close" id = "btnCloseError" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< span id = "errorMSGtext" > < / span >
< / div >
< / main >
<!-- bootstrap script -->
< script type = "text/javascript" src = "js/bootstrap.min.js" > < / script >
< / body >
< / html >
