| <!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> |