hosting/server/htdocs/login/index.html (430 lines of code) (raw):
<!DOCTYPE html>
<!--
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
-->
<html>
<head>
<!-- Firebug inspector -->
<!--
<script type="text/javascript" src="https://getfirebug.com/releases/lite/1.3/firebug-lite.js"></script>
-->
<!-- Weinre inspector -->
<!--
<script src="http://www.example.com:9998/target/target-script-min.js#anonymous"></script>
-->
<title>Sign in</title>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="apple-touch-icon-precomposed" href="/public/touchicon.png"/>
<base href="/login/"/>
<script type="text/javascript">
try {
(function loginhead() {
window.appcache = {};
/**
* Get and cache a resource.
*/
appcache.get = function(uri, mode) {
var h = uri.indexOf('#');
var u = h == -1? uri : uri.substring(0, h);
// Get resource from local storage first
var ls = window.lstorage || localStorage;
if (mode != 'remote') {
var item = null;
try { item = ls.getItem('ui.r.' + u); } catch(e) {}
if (item != null && item != '')
return item;
if (mode == 'local')
return null;
}
// Get resource from network
//if (window.debug) debug('appcache.get', u);
var http = new XMLHttpRequest();
http.open("GET", mode == 'remote'? (u + '?t=' + new Date().getTime() + '&r=' + Math.random()) : u, false);
http.setRequestHeader("Accept", "*/*");
http.send(null);
if (http.status == 200) {
var xl = http.getResponseHeader("X-Login");
if (xl != null && xl != '') {
if (window.debug) debug('http error', u, 'X-Login');
return null;
}
var ct = http.getResponseHeader("Content-Type");
if (http.responseText == '' || ct == null || ct == '') {
if (window.debug) debug('http error', u, 'No-Content');
return null;
}
try { ls.setItem('ui.r.' + u, http.responseText); } catch(e) {}
return http.responseText;
}
if (window.debug) debug('http error', u, http.status, http.statusText);
return null;
};
appcache.remove = function(uri) {
var h = uri.indexOf('#');
var u = h == -1? uri : uri.substring(0, h);
var ls = window.lstorage || localStorage;
try { ls.removeItem(u); } catch(e) {}
return true;
};
})();
/**
* Load Javascript and CSS.
*/
(function loginboot() {
window.eval.call(window, 'try {\n' + appcache.get('/all-min.js') + '\n' + appcache.get('/public/config-min.js') + '\n} catch(e) { console.log(e.stack); throw e; }\n');
ui.includeCSS(appcache.get('/ui-min.css'));
// Disable cache for testing
//lstorage.enabled = false;
})();
} catch(e) {
if (window.debug) debug(e.stack);
throw e;
}
</script>
</head>
<body class="delayed">
<div id="menucontainer" class="tbarmenu">
<div id="menu"></div>
</div>
<div id="viewheadcontainer" class="viewhead">
<div id="viewhead">
<span class="cmenu">Sign in</span>
</div>
</div>
<div id="working" class="working" style="display: none;"></div>
<div id="viewcontainer">
<div id="view">
<div id="viewcontent" class="viewcontent" style="margin-left: auto; margin-right: auto; text-align: center;">
<br/>
<form id="formSignin" name="formSignin" method="POST" action="/login/dologin" style="width: 100%;">
<table style="width: 100%;">
<tr><td><span id="loginprompt" style="font-size: 16px;"></span></tr></td>
<tr><td><input type="text" class="flatentry" name="httpd_username" value="" placeholder="Username or email"/></td></tr>
<tr><td><input type="password" class="flatentry" name="httpd_password" value="" placeholder="Password"/></td></tr>
<tr><td><input type="submit" class="bluebutton" style="font-size: 16px; line-height: 16px;" value="Sign in"/></td></tr>
</table>
<input type="hidden" name="httpd_location" value="/"/>
</form>
<br/>
<form name="facebookOAuth2Form" style="width: 100%;">
<table style="width: 100%;">
<tr><td><span style="font-size: 16px;">Sign in with your <span style="font-weight: bold;">Facebook</span> account</span></td></tr>
<tr><td><input type="button" id="facebookOAuth2Signin" value="Sign in" class="bluebutton" style="font-size: 16px;"/></td></tr>
</table>
</form>
<br/>
<form name="googleOAuth2Form" style="width: 100%;">
<table style="width: 100%;">
<tr><td><span style="font-size: 16px;">Sign in with your <span style="font-weight: bold;" >Google</span> account</span></td></tr>
<tr><td><input type="button" id="googleOAuth2Signin" value="Sign in" class="bluebutton" style="font-size: 16px;"/></td></tr>
</table>
</form>
<br/>
<form name="oauth2Signin" action="/oauth2/authorize/" method="GET">
<input type="hidden" name="oauth2_authorize" value=""/>
<input type="hidden" name="oauth2_access_token" value=""/>
<input type="hidden" name="oauth2_client_id" value=""/>
<input type="hidden" name="oauth2_info" value=""/>
<input type="hidden" name="oauth2_display" value=""/>
<input type="hidden" name="oauth2_scope" value=""/>
<input type="hidden" name="openauth_referrer" value=""/>
</form>
</div>
</div>
</div>
<div id="viewfootcontainer" class="viewfoot">
<div id="viewfoot"></div>
<div id="status"></div>
</div>
<div id="installer" class="installer"></div>
<script type="text/javascript">
try {
(function loginbody() {
/**
* Setup page layout.
*/
(function layout() {
$('viewcontainer').className = ui.isMobile()? 'viewcontainer3dm' : 'viewcontainer3d';
$('view').className = ui.isMobile()? 'viewloaded3dm' : 'viewloaded3d';
$('loginprompt').innerHTML = config.loginprompt();
document.title = config.windowtitle() + ' - Sign in';
$('viewhead').innerHTML = '<span class="bcmenu">' + config.pagetitle() + '</span>' +
'<input type="button" id="signUp" class="redbutton" style="position: absolute; top: 4px; right: 2px; font-size: 16px;" title="' + config.signuptitle() + '" value="Sign up"/>';
if (!ui.isMobile())
$('viewcontent').className = 'viewcontent flatscrollbars';
$('status').className = ui.isMobile()? 'status3dm' : 'status3d';
})();
/**
* Setup menu bar.
*/
(function showmenu() {
$('menu').innerHTML = ui.menubar(mklist(ui.menu('menuhome', 'Home', '/', '_self', false)), mklist());
$('viewfoot').innerHTML = config.viewfoot();
})();
/**
* Initialize status message area.
*/
(function initstatus() {
if (isNull($('status')))
return;
$('status').style.display = 'none';
function divtransitionend(e) {
e.target.style.display = 'none';
e.target.className = ui.isMobile()? 'status3dm' : 'status3d';
e.target.error = false;
}
$('status').addEventListener('webkitTransitionEnd', divtransitionend, false);
$('status').addEventListener('transitionend', divtransitionend, false);
})();
/**
* Show a status message.
*/
window.showstatus = function(s, c) {
//debug('show status', s);
if (isNull($('status')) || $('status').error)
return s;
$('status').innerHTML = '<span class="' + (c? c : 'okstatus') + '">' + s + '</span>';
$('status').className = ui.isMobile()? 'status3dm' : 'status3d';
$('status').style.display = 'block';
$('status').error = c == 'errorstatus';
if ($('status').delay)
ui.cancelDelay($('status').delay);
$('status').delay = ui.delay(function hidestatus() {
$('status').className = ui.isMobile()? 'statusout3dm' : 'statusout3d';
$('status').error = false;
}, 3000);
return s;
};
/**
* Show an error message.
*/
window.errorstatus = function(s) {
//debug('error', s);
return showstatus(s, 'errorstatus');
};
/**
* Show working status.
*/
window.workingstatus = function(w, c) {
//debug('show working', w);
if (isNull($('working')))
return w;
if (!ui.isMobile())
$('working').style.top = ui.pixpos(Math.round(window.clientHeight / 2));
$('working').style.display = w? 'block' : 'none';
return w;
};
/**
* Show the online/offline status.
*/
window.onlinestatus = function() {
return navigator.onLine? (ui.isMobile()? showstatus('Online') : showstatus('Online')) : errorstatus('Offline');
};
/**
* Parse the query parameters.
*/
function qparams() {
var qp = new Array();
var qs = window.location.search.substring(1).split('&');
for (var i = 0; i < qs.length; i++) {
var e = qs[i].indexOf('=');
if (e > 0)
qp[qs[i].substring(0, e)] = unescape(qs[i].substring(e + 1));
}
return qp;
}
/**
* Show login status.
*/
function loginstatus() {
var a = qparams()['openauth_attempt'];
if (typeof(a) != 'undefined' && a == '1')
errorstatus('Incorrect email or password, please try again');
}
/**
* Return the referrer URL.
*/
function openauthreferrer() {
var r = qparams()['openauth_referrer'];
if (typeof(r) == 'undefined' || domainname(r) != domainname(window.location.hostname))
return '/';
var q = r.indexOf('?');
if (q > 0)
return r.substring(0, q);
return r;
}
/**
* Signin with OAuth 2.0.
*/
function submitoauth2signin(w) {
parms = w();
lstorage.removeItem('/r/Editor/accounts');
lstorage.removeItem('/r/Editor/dashboards');
document.oauth2Signin.oauth2_authorize.value = parms[0];
document.oauth2Signin.oauth2_access_token.value = parms[1];
document.oauth2Signin.oauth2_client_id.value = parms[2];
document.oauth2Signin.oauth2_info.value = parms[3];
document.oauth2Signin.oauth2_scope.value = parms[4];
document.oauth2Signin.oauth2_display.value = parms[5];
document.oauth2Signin.openauth_referrer.value = openauthreferrer();
document.oauth2Signin.action = '/oauth2/authorize/';
document.oauth2Signin.submit();
}
function withfacebook() {
var parms = ['https://graph.facebook.com/oauth/authorize', 'https://graph.facebook.com/oauth/access_token', 'facebook.com', 'https://graph.facebook.com/me', 'email', ui.isMobile()? 'touch' : 'page'];
return parms;
}
function withgoogle() {
var parms = ['https://accounts.google.com/o/oauth2/auth', 'https://accounts.google.com/o/oauth2/token', 'google.com', 'https://www.googleapis.com/oauth2/v1/userinfo', 'https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile', ''];
return parms;
}
ui.onclick($('facebookOAuth2Signin'), function(e) {
return submitoauth2signin(withfacebook);
});
ui.onclick($('googleOAuth2Signin'), function(e) {
return submitoauth2signin(withgoogle);
});
/**
* Signin with a username and password.
*/
$('formSignin').onsubmit = function submitformsignin() {
document.formSignin.httpd_location.value = '/';
document.formSignin.submit();
};
/**
* Signup.
*/
ui.onclick($('signUp'), function submitsignup(e) {
ui.navigate('/public/notyet/', '_self');
});
/**
* Handle orientation change.
*/
document.body.onorientationchange = function(e) {
//debug('onorientationchange');
return ui.onorientationchange(e);
};
/**
* Populate cache with app resources.
*/
var appresources = [
['/all-min.js'],
['/ui-min.css'],
['/public/config-min.js']
];
/**
* Install the application cache.
*/
(function installappcache() {
if (ui.isMobile()) {
// On mobile devices, trigger usage of an application cache manifest
window.onappcachechecking = function(e) {
//debug('appcache checking', e);
workingstatus(true);
showstatus('Checking');
};
window.onappcacheerror = function(e) {
//debug('appcache error', e);
onlinestatus();
workingstatus(false);
};
window.onappcachenoupdate = function(e) {
//debug('appcache noupdate', e);
onlinestatus();
workingstatus(false);
};
window.onappcachedownloading = function(e) {
//debug('appcache downloading', e);
workingstatus(true);
showstatus('Updating');
};
window.onappcacheprogress = function(e) {
//debug('appcache progress', e);
workingstatus(true);
showstatus('Updating');
};
window.onappcacheupdateready = function(e) {
//debug('appcache updateready', e);
try {
applicationCache.swapCache();
} catch(e) {}
onlinestatus();
workingstatus(false);
//debug('appcache swapped', e);
// Update offline resources in local storage and reload the page
map(function(res) {
showstatus('Updating');
appcache.remove(res[0]);
appcache.get(res[0], 'remote');
}, append(appresources, config.appresources()));
window.location.reload();
};
window.onappcachecached = function(e) {
//debug('appcache cached', e);
onlinestatus();
workingstatus(false);
// Install offline resources in local storage
map(function(res) {
showstatus('Updating');
appcache.remove(res[0]);
appcache.get(res[0], 'remote');
}, append(appresources, config.appresources()));
};
window.onloadappcache = function() {
//debug('appcache iframe loaded');
};
ui.async(function() {
$('installer').innerHTML = '<iframe src="/public/cache/" class="installer"></iframe>';
});
} else {
// On non-mobile devices, check for cache-manifest changes ourselves.
workingstatus(true);
showstatus('Checking');
var lcmf = appcache.get('/public/cache/cache-manifest.cmf', 'local');
var rcmf = appcache.get('/public/cache/cache-manifest.cmf', 'remote');
if (lcmf == rcmf) {
onlinestatus();
workingstatus(false);
return true;
}
//debug('cache-manifest changed, reloading');
ui.async(function() {
workingstatus(true);
showstatus('Updating');
ui.async(function() {
workingstatus(true);
showstatus('Updating');
map(function(res) {
appcache.remove(res[0]);
appcache.get(res[0], 'remote');
}, append(appresources, config.appresources()));
if (!isNull(lcmf)) {
//debug('reloading');
window.location.reload();
}
onlinestatus();
workingstatus(false);
});
});
}
})();
/**
* Handle network offline/online events.
*/
window.addEventListener('offline', function(e) {
//debug('going offline');
showstatus('Offline');
}, false);
window.addEventListener('online', function(e) {
//debug('going online');
showstatus('Online');
}, false);
/**
* Initialize the document.
*/
window.onload = function() {
//debug('onload');
ui.onload();
// Show the login status
loginstatus();
return true;
};
})();
} catch(e) {
debug(e.stack);
throw e;
}
</script>
</body>
</html>