2018-11-06 01:07:54 +00:00
<!doctype html>
< html >
< head >
< meta charset = "UTF-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< 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, minimum-scale=1" / >
< title > < / title >
<!-- Bootstrap -->
< link href = "css/bootstrap.min.css" rel = "stylesheet" >
< link href = "css/signin.css" rel = "stylesheet" >
<!-- static zone info -->
< script src = "js/zone.js" > < / script >
< script 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 >
2018-11-09 20:41:54 +00:00
< body > < nav class = "navbar navbar" role = "navigation" >
< div class = "container-fluid" >
< div class = 'col-sx-12 ' id = 'logo_cabecera' >
2018-11-09 20:23:52 +00:00
2018-11-09 20:41:54 +00:00
< div class = 'pull-right' >
< div >
< a id = 'redes' title = "Email" target = "_redes" href = "mailto:<?php echo $email[0];?>" > < span > < i class = "fas fa-envelope" > < / i > < / span > < / a >
< a id = 'redes' title = "Facebook" target = "_redes" href = "<?php echo $facebook[0];?>" > < span > < i class = 'fab fa-facebook-square' > < / i > < / span > < / a >
< a id = 'redes' title = "Twitter" target = "_redes" href = "https://twitter.com/<?php echo $twitter[0];?>" > < span > < i class = 'fab fa-twitter' > < / i > < / span > < / a >
< a id = 'redes' title = "Mapa" target = "_redes" href = "https://mapas.nuestrared.org/es/map/nuestrared-nodos_1#15/4.7162/-75.7063" > < span > < i class = "fas fa-map-marked-alt" > < / i > < / span > < / a >
< / div >
< / div >
< / div >
< div class = "navbar-header" style = " " >
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = ".navbar-collapse" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a id = 'redes' title = "Inicio" target = "" href = "?" > < span > < i class = 'fa fa-home' > < / i > < / span > < / a >
< / div >
< div class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li > < / li >
< / ul >
< / div > <!-- /.nav - collapse -->
< / div >
< / nav >
2018-11-06 01:07:54 +00:00
< header class = "page-head" >
< nav class = "navbar navbar-default" >
< div class = "container-fluid" >
< div class = "navbar-header" >
< a class = "navbar-brand" href = "#" >
2018-11-09 01:57:53 +00:00
< img class = "brand-logo" src = "images/logoNR.png" height = "48" width = "200" >
2018-11-06 01:07:54 +00:00
< / a >
< / div >
< / div >
< / nav >
< / header >
< main class = "page-content col-sm-6 col-sm-push-3" >
2018-11-09 20:41:54 +00:00
NuestraRed.org ofrece acceso a diferentes contenidos locales a los que puedes acceder sin Interntet o datos en tu celular escribe en tu navegador: < a href = "http://nuestrared.org" target = "_blank" > NuestraRed.org< / a >
2018-11-06 01:07:54 +00:00
<!-- 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" > Sign in< / 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 src = "js/bootstrap.min.js" > < / script >
< / body >
< / html >
