| <!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></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="/"/> |
| <script type="text/javascript"> |
| try { |
| |
| (function roothead() { |
| |
| 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'); |
| // Redirect to login page if not signed in |
| document.location = '/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); |
| // Redirect to login page if not signed in |
| if (http.status == 403) |
| document.location = '/login/'; |
| 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 rootboot() { |
| |
| window.eval.call(window, 'try {\n' + appcache.get('/all-min.js') + '\n' + appcache.get('/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"></div> |
| </div> |
| |
| <div id="working" class="working" style="display: none;"></div> |
| |
| <div id="viewcontainer"></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 rootbody() { |
| |
| /** |
| * Setup page layout. |
| */ |
| (function layout() { |
| |
| document.title = config.windowtitle(); |
| $('viewcontainer').className = ui.isMobile()? 'viewcontainer3dm' : 'viewcontainer3d'; |
| $('status').className = ui.isMobile()? 'status3dm' : 'status3d'; |
| |
| })(); |
| |
| /** |
| * Initialize service references. |
| */ |
| var editorComp = sca.component("Editor"); |
| var user = sca.defun(sca.reference(editorComp, "user")); |
| var accounts = sca.reference(editorComp, "accounts"); |
| |
| /** |
| * The current user name. |
| */ |
| window.username = 'anonymous'; |
| |
| /** |
| * The current store category. |
| */ |
| var storecat = 'top'; |
| var storeidx = 0; |
| |
| /** |
| * The current search query. |
| */ |
| var searchquery = ''; |
| |
| /** |
| * Populate cache with app resources. |
| */ |
| var appresources = [ |
| ['/all-min.js'], |
| ['/ui-min.css'], |
| ['/account/', 9], |
| ['/clone/', 4], |
| ['/create/', 3], |
| ['/delete/', 4], |
| ['/graph/', 5], |
| ['/config-min.js'], |
| ['/home/', 0], |
| ['/page/', 4], |
| ['/public/app.b64'], |
| ['/public/config-min.js'], |
| ['/public/img.b64'], |
| ['/public/rate.b64'], |
| ['/public/ratings.b64'], |
| ['/public/user.b64'], |
| ['/rate/', 4], |
| ['/search/', 2], |
| ['/info/', 3], |
| ['/store/', 1] |
| ]; |
| |
| /** |
| * Init 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'); |
| }; |
| |
| /** |
| * Handle view transitions. |
| */ |
| var viewurl = ''; |
| var viewuri = ''; |
| var viewidx = 0; |
| var viewdiv; |
| |
| /** |
| * Record which transitions should be applied to each resource. |
| */ |
| var apptransitions = {}; |
| map(function(res) { |
| if (res.length > 1) |
| apptransitions[res[0]] = res[1]; |
| }, append(appresources, config.appresources())); |
| |
| /** |
| * Return the transition that should be applied to a resource. |
| */ |
| function viewtransition(ouri, uri) { |
| var ot = apptransitions[ouri]; |
| if (isNull(ot)) |
| return 'left'; |
| var t = apptransitions[uri]; |
| if (isNull(t)) |
| return 'left'; |
| return t < ot? 'right' : 'left'; |
| } |
| |
| /** |
| * Create a new view div. |
| */ |
| function mkviewdiv(cname) { |
| var vdiv = document.createElement('div'); |
| vdiv.className = cname; |
| if (!ui.isMobile()) |
| return vdiv; |
| |
| // Handle view transition end |
| function viewdivtransitionend(e) { |
| if (e.target.className == 'leftviewunloaded3dm' || e.target.className == 'rightviewunloaded3dm') |
| e.target.parentNode.removeChild(e.target); |
| } |
| vdiv.addEventListener('webkitTransitionEnd', viewdivtransitionend, false); |
| vdiv.addEventListener('transitionend', viewdivtransitionend, false); |
| return vdiv; |
| } |
| |
| /** |
| * Return the last visited location. |
| */ |
| function lastvisited() { |
| if (username != lstorage.getItem('ui.v.user')) |
| return null; |
| return lstorage.getItem('ui.v.url'); |
| } |
| |
| /** |
| * Build and show the menu bar. |
| */ |
| function showmenu(view, appname) { |
| $('menu').innerHTML = ui.menubar( |
| append(mklist(ui.menu('menuhome', 'Home', '/', '_view', view == 'home'), |
| ui.menu('menustore', 'Store', '/#view=store&category=' + storecat + '&idx=' + storeidx, '_view', view == 'store'), |
| ui.menu('menusearch', 'Search', '/#view=search&q=' + searchquery, '_view', view == 'search')), |
| (isNull(appname) || appname == 'undefined')? |
| mklist() : |
| mklist( |
| /* TODO disabled for now |
| ui.menu('menuinfo', 'Info', '/#view=info&app=' + appname, '_view', view == 'info'), |
| ui.menu('menupage', 'Edit', '/#view=page&app=' + appname, '_view', view == 'page'), |
| ui.menu('menulogic', config.logic(), '/#view=graph&app=' + appname, '_view', view == 'graph'), |
| ui.menu('menurun', '<span class="greentext" style="font-weight: bold">Run!</span>', '/' + appname + '/', '_blank', false) |
| */ |
| )), |
| (true || isNull(appname) || appname == 'undefined')? mklist( |
| ui.menufunc('menusignout', 'Sign out', 'return logout();', false), |
| ui.menu('menuaccount', 'Account', '/#view=account', '_view', view == 'account')) : |
| mklist()); |
| |
| $('viewfoot').innerHTML = config.viewfoot(); |
| } |
| |
| /** |
| * Get the current user's account. |
| */ |
| function getaccount() { |
| var doc = accounts.get(); |
| |
| // Stop now if we didn't get an account |
| if (doc == null) |
| return false; |
| |
| var accountentry = car(elementsToValues(atom.readATOMEntry(mklist(doc)))); |
| username = cadr(assoc("'id", accountentry)); |
| return true; |
| } |
| |
| /** |
| * Show a view. |
| */ |
| function showview(url) { |
| //debug('showview', url); |
| |
| // Save last visited location |
| lstorage.setItem('ui.v.user', username); |
| lstorage.setItem('ui.v.url', url); |
| |
| // Determine the view to show |
| var params = ui.fragmentParams(url); |
| var view = isNull(params['view'])? 'home' : params['view'];; |
| var uri = '/' + view + '/'; |
| var idx = isNull(params['idx'])? 0 : parseInt(params['idx']); |
| |
| // Track store category |
| if (view == 'store') { |
| storecat = isNull(params['category'])? 'top' : params['category']; |
| storeidx = idx; |
| } |
| |
| // Track search query |
| if (view == 'search') |
| searchquery = isNull(params['q'])? '' : params['q']; |
| |
| // Determine the transition to use |
| var vtransition = uri == viewuri? (idx >= viewidx? 'left' : 'right') : viewtransition(viewuri, uri); |
| |
| // Track current view url and uri |
| viewurl = url; |
| viewuri = uri; |
| viewidx = idx; |
| |
| // Show the menu bar |
| var appname = params['app']; |
| showmenu(view, appname); |
| |
| // Make sure that the document is visible |
| if (document.body.style.display != 'block') |
| document.body.style.display = 'block'; |
| |
| // Start to unload the front view and create a new view |
| if (ui.isMobile()) { |
| // Prepare current view for transition out |
| var ovdiv = viewdiv; |
| if (!isNull(ovdiv)) { |
| ui.removeElementIDs(ovdiv); |
| ovdiv.className = 'viewunloading3dm'; |
| } |
| |
| // Load the requested doc into a new view |
| var vdiv = mkviewdiv(vtransition + 'viewloading3dm'); |
| var vdoc = appcache.get(uri); |
| vdiv.innerHTML = vdoc; |
| $('viewcontainer').appendChild(vdiv); |
| |
| ui.async(function mtransitionview() { |
| // Transition the old view out |
| if (!isNull(ovdiv)) |
| ovdiv.className = vtransition + 'viewunloaded3dm'; |
| |
| // Transition the new view in |
| vdiv.className = 'viewloaded3dm'; |
| |
| ui.async(function mtransitioneval() { |
| map(ui.evalScript, ui.innerScripts(vdiv)); |
| }); |
| }); |
| |
| } else { |
| // Prepare current view for transition out |
| var ovdiv = viewdiv; |
| if (!isNull(ovdiv)) |
| ui.removeElementIDs(ovdiv); |
| |
| // Load the requested doc into the view |
| var vdiv = mkviewdiv('viewloading3d'); |
| var vdoc = appcache.get(uri); |
| vdiv.innerHTML = vdoc; |
| $('viewcontainer').appendChild(vdiv); |
| |
| ui.async(function transitionview() { |
| // Transition the new view in |
| vdiv.className = 'viewloaded3d'; |
| |
| // Transition the old view out |
| if (!isNull(ovdiv)) |
| ovdiv.parentNode.removeChild(ovdiv); |
| |
| ui.async(function mtransitioneval() { |
| map(ui.evalScript, ui.innerScripts(vdiv)); |
| }); |
| }); |
| } |
| |
| // Track the current visible view |
| viewdiv = vdiv; |
| |
| return true; |
| } |
| |
| /** |
| * Update the browser window location. |
| */ |
| function updatelocation(url) { |
| //debug('updatelocation', url); |
| |
| // Add url to the history if necessary |
| if (url != ui.pathandparams(location)) { |
| if (history.pushState) { |
| history.pushState(null, null, url); |
| //debug('pushstate', history.length); |
| } |
| |
| // Update the location hash if necessary |
| var f = ui.fragment(url); |
| if (f != location.hash) { |
| location.hash = f; |
| //debug('hash', f); |
| } |
| } |
| return url; |
| } |
| |
| /** |
| * Handle navigations. |
| */ |
| window.onnavigate = function(url) { |
| //debug('onnavigate', url); |
| |
| // Cleanup installer |
| if ($('installer').innerHTML != '') |
| $('installer').innerHTML = ''; |
| |
| // Update the browser window location |
| updatelocation(url); |
| |
| // Show the specified view |
| if (url == viewurl) |
| return true; |
| return showview(url); |
| }; |
| |
| /** |
| * Handle login redirect. |
| */ |
| window.onloginredirect = function(e) { |
| document.location = '/login/'; |
| }; |
| |
| /** |
| * Log the current user out. |
| */ |
| window.logout = function() { |
| // Clear session cookie and user-specific local storage entries |
| lstorage.removeItem('/r/Editor/accounts'); |
| lstorage.removeItem('/r/Editor/dashboards'); |
| document.location = '/logout/dologout/'; |
| return false; |
| }; |
| |
| /** |
| * Handle history. |
| */ |
| window.addEventListener('popstate', function(e) { |
| //debug('onpopstate', history.length); |
| var furl = ui.fragment(location); |
| var url = location.pathname + (furl == ''? '' : '#' + furl); |
| if (url == viewurl) |
| return true; |
| |
| // Cleanup element lookups memoized in current document |
| ui.unmemo$(); |
| |
| // Show the current view |
| return showview(url); |
| |
| }, false); |
| |
| window.addEventListener('hashchange', function(e) { |
| //debug('onhashchange'); |
| var furl = ui.fragment(location); |
| var url = location.pathname + (furl == ''? '' : '#' + furl); |
| if (url == viewurl) |
| return true; |
| |
| // Cleanup element lookups memoized in current document |
| ui.unmemo$(); |
| |
| // Show the current view |
| return showview(url); |
| |
| }, false); |
| |
| /** |
| * Handle orientation change. |
| */ |
| document.body.onorientationchange = function(e) { |
| //debug('onorientationchange'); |
| return ui.onorientationchange(e); |
| }; |
| |
| /** |
| * 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('Installing'); |
| 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="/cache/" class="installer"></iframe>'; |
| }); |
| |
| } else { |
| // On non-mobile devices, check for cache-manifest changes ourselves. |
| workingstatus(true); |
| showstatus('Checking'); |
| var lcmf = appcache.get('/cache/cache-manifest.cmf', 'local'); |
| var rcmf = appcache.get('/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', history.length); |
| ui.onload(); |
| |
| // Get the current user account |
| getaccount(); |
| |
| // Show the view specified in the given url fragment |
| var furl = ui.fragment(location); |
| if (furl != '') { |
| var url = location.pathname + '#' + furl; |
| if (url == viewurl) |
| return true; |
| return showview(url); |
| } |
| |
| // Show the last visited view |
| if (ui.isMobile() && (document.referrer == null || document.referrer == '' || |
| document.referrer.indexOf('//' + location.hostname + '/login/') != -1 || |
| document.referrer.indexOf('//accounts.google.com/ServiceLogin') != -1 || |
| document.referrer.indexOf('//www.facebook.com/login.php') != -1)) { |
| var lv = lastvisited(); |
| var url = isNull(lv)? location.pathname : lv; |
| updatelocation(url); |
| if (url == viewurl) |
| return true; |
| return showview(url); |
| } |
| |
| // Show the main home view |
| var url = location.pathname; |
| if (url == viewurl) |
| return true; |
| return showview(url); |
| }; |
| |
| })(); |
| |
| } catch(e) { |
| debug(e.stack); |
| throw e; |
| } |
| </script> |
| |
| </body> |
| </html> |
