You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@usergrid.apache.org by sn...@apache.org on 2014/01/28 01:21:58 UTC
[47/58] [partial] updated to latest Angular-based admin portal
http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/508ef2f7/portal/index.html
----------------------------------------------------------------------
diff --git a/portal/index.html b/portal/index.html
index 91d4390..99a5577 100644
--- a/portal/index.html
+++ b/portal/index.html
@@ -1,1412 +1,238 @@
-<!DOCTYPE html>
-<meta charset="utf-8" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
- xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
-<html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>Apigee App Services Admin Portal </title>
- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
- <link rel="stylesheet" type="text/css" href="css/usergrid.css"/>
- <script src="config.js" type="text/javascript"></script>
- <script src="js/app/usergrid.appSDK.js" type="text/javascript"></script>
- <script src="js/app/session.js" type="text/javascript"></script>
- <script src="js/app/quickLogin.js" type="text/javascript"></script>
- <script src="js/app/params.js" type="text/javascript"></script>
- <script src="js/app/sso.js" type="text/javascript"></script>
- <script type="text/javascript">
- /*
- Quick Login: script loads the minimal amount of resources to be able to detect if the user is logged in
- and if not, send him directly to the SSO page
- */
- Usergrid.Params.parseParams();
- Usergrid.SSO.setUseSSO(Usergrid.Params.queryParams.use_sso);
- Usergrid.QuickLogin.init(Usergrid.Params.queryParams,Usergrid.userSession.loggedIn(),
- Usergrid.SSO.usingSSO());
-
- </script>
- <script src="js/lib/jquery-1.7.2.min.js" type="text/javascript"></script>
- <script src="js/lib/underscore-min.js" type="text/javascript"></script>
- <script src="js/lib/backbone.js" type="text/javascript"></script>
- <script src="js/lib/jquery-ui-1.8.18.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.jsonp-2.3.1.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.dataset.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.tmpl.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.dform-0.1.3.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.ui.timepicker.min.js" type="text/javascript"></script>
- <script src="js/lib/jquery.ui.statusbar.min.js" type="text/javascript"></script>
- <script src="js/lib/date.min.js" type="text/javascript"></script>
- <script src="js/app/helpers.js" type="text/javascript"></script>
- <script src="js/app/navigation.js" type="text/javascript"></script>
- <script src="js/app/console.js" type="text/javascript"></script>
- <script src="js/app/ui/ui.js" type="text/javascript"></script>
-
-<style type="text/css">
-
-
-</style>
-
+<!doctype html>
+<html lang="en" ng-app="appservices">
+<head>
+ <meta charset="utf-8">
+ <title>Apigee App Services</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <link href="js/libs/bootstrap/custom/css/bootstrap.css" rel="stylesheet">
+ <link href="css/dash.min.css" rel="stylesheet">
+ <link id="perf-script" href="bower_components/apigee.performance.ui/dist/css/performance.min.css" rel="stylesheet">
+
+ <!--styles for jquery ui calendar component-->
+ <link rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-1.8.9.custom.css">
+ <link rel="stylesheet" type="text/css" href="js/libs/jqueryui/jquery-ui-timepicker.css">
</head>
-<body>
-
-<div id="alert-error-message-container" class="alert alert-error" style="width:96.5%; z-index: 99; position: fixed; top: 84px;display: none;">
- <a href="#" class="close" data-dismiss="alert">×</a>
- <strong id="alert-error-header"></strong>
- <span id="alert-error-message"></span>
-</div>
-
-<div id="header">
- <div class="column-in">
- <div data-dropdown="dropdown" class="main-nav navbar navbar-fixed-top">
- <div class="header-menus">
- <div id="publicMenu" class="navbar-inner">
- <div class="left-header">
- <h1 class="apigee"><a href="https://apigee.com" target="_blank"><img src="images/logo-white.png">apigee</a></h1>
- <h2 id="ActualPage1">Admin Portal</h2>
- </div>
- <div class="right-header">
- <ul id="loginMenu" class="nav secondary-nav">
- <li><a id="login-link" ><i class="icon-user"></i> Login</a></li>
- <li><a id="signup-link" > Sign Up</a></li>
- <li><a id="forgot-password-link" ><i class="icon-lock"></i> Forgot Password</a></li>
- </ul>
- </div>
- </div>
- <div class="navbar-inner privateMenu">
- <div class="left-header">
- <h1 class="apigee"><a href="https://apigee.com" target="_blank"><img class="logo" src="images/logo-white.png">apigee</a></h1>
- <ul class="nav">
- <li class="portal-name" ><a class="go-home">App Services</a></li>
- <li><a href="http://mobileanalytics.apigee.com/pages/signin.seam " target="_blank"> Mobile Analytics</a></li>
- </ul>
- </div>
- <div class="right-header">
- <ul id="profileMenu" class="nav secondary-nav">
- <li ><a href="#">Dashboard</a></li>
- <li class="dropdown">
- <a id="account-link1" class="dropdown-toggle" data-toggle="dropdown" ><span id="userEmail">test</span> <span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a id="account-link" ><i class="icon-user"></i> Profile</a></li>
- <li><a id="logout-link" ><i class="icon-off"></i> Sign Out</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
- <div id="api-activity" class="alert">Loading...</div>
- </div>
- </div>
- <div class="sub-nav navbar navbar-fixed privateMenu" style="display: none">
- <div class="left-header nav pull-left">
- <li id="organizations-menu" class="dropdown">
- <a id="console-links" class="dropdown-toggle" data-toggle="dropdown">
- <i class="icon-folder-close icon-white"></i>
- <span>Organizations</span>
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu">
- <li><a >loading...</a></li>
- </ul>
- </li>
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown">
- <i class="icon-cog icon-white"></i>
- <span id="nav-app-name">App Name</span>
- <span class="caret"></span>
- </a>
- <ul class="dropdown-menu applications-menu" >
- <li><a >loading apps...</a></li>
- </ul>
- </li>
+<body ng-controller="PageCtrl">
+<!-- Google Tag Manager -->
+<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N52333" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+ '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+})(window,document,'script','dataLayer','GTM-N52333');</script>
+<!-- End Google Tag Manager -->
+<header>
+ <nav class="navbar navbar-static-top">
+ <div class="container-fluid">
+ <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="brand" href="#"><img src="img/logo.gif"></a>
+
+ <div appswitcher=""></div>
+
+
+ <div class="nav-collapse collapse" ng-show="loaded">
+
+ <div class="navbar-text pull-right" ng-if="activeUI">
+ <span class="navbar-text" id="userEmail">{{userEmail || 'anonymous'}}</span> |
+ <span ng-controller="LoginCtrl"><a id="logout-link" ng-click="logout()" title="logout"><i class="pictogram"></i></a></span>
+ <span><a ng-click="profile()" title="profile"><i class="pictogram"></i></a></span> |
+ <span><a href="archive/" target="_blank">Legacy Portal</a></span>
</div>
- <div class="right-header pull-right">
- <ul class="nav">
- <li id="switchTo-menu" class="dropdown">
- <a id="switchTo-link" class="dropdown-toggle" data-toggle="dropdown" ><span>Switch to...
- </span> <span class="caret"></span></a>
- <ul class="dropdown-menu">
- <li><a href="http://mobileanalytics.apigee.com/pages/signin.seam " target="_blank"> Mobile Analytics</a></li>
- <li><a href="http://apigee.com/console/others" target="_blank"> API Consoles</a></li>
- </ul>
- </li>
- <li><a href="http://support.apigee.com/apigee" target="_blank"> Support</a></li>
- <li><a href="http://apigee.com/docs/app_services" target="_blank"> Docs</a></li>
- <li><a href="http://apigee.com/docs/usergrid/codesamples" target="_blank">Examples & SDKs</a></li>
- <li><a href="https://groups.google.com/forum/?fromgroups#!forum/usergrid" target="_blank"> Google Group</a></li>
- <li><a href="http://apigee.com/about/products/usergrid" target="_blank"> About</a></li>
- </ul>
- </div>
- </div>
- </div>
-</div>
-
-<div id="pages">
-
- <div id="message-page" class="container-fluid">
- <div id="message-area" class="alert alert-info curl-data" style="padding: 20px;">
- Whoops! We encounterd an error connecting to the API. Press refresh to try loading the Admin Portal again.
- <button id="reload-button" class="btn btn-primary" style="float: right; margin: -4px 30px;" onClick="window.location.reload()">Refresh</button>
- </div>
- </div>
- <div id="login-page" class="container-fluid">
- <div class="row">
- <div id="login-area" class="span6 offset1">
- <div id="login-message" class="alert alert-error">
- <strong>ERROR</strong>: Your details were incorrect.<br/>
- </div>
- <div class="console-section">
- <div class="well thingy"><span style="margin-left: 30px" class="title">Login</span></div>
- <form name="login-form" id="login-form" class="form-horizontal">
- <div class="control-group">
- <label class="control-label" for="login-email">Email:</label>
- <div class="controls">
- <input type="text" name="login-email" id="login-email" class="" value="" size="20"/>
- </div>
-
- </div>
- <div class="control-group">
- <label class="control-label" for="login-password">Password:</label>
- <div class="controls">
- <input type="password" name="login-password" id="login-password" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <div class="controls">
- <input type="checkbox" value="true" id="remember" name="remember"/>
- <span>Remember me</span>
- </div>
- </div>
- <div class="form-actions">
- <div class="submit">
- <input type="submit" name="button-login" id="button-login" value="Log In" class="btn btn-usergrid"/>
- </div>
- </div>
- </form>
- </div>
</div>
</div>
- </div>
- <div id="post-signup-page" class="container-fluid">
- <div class="row">
- <div id="login-area" class="span6 offset1">
- <div class="console-section well thingy">
- <span class="title">We're holding a seat for you!</span>
- <br /><br />
- <p>Thanks for signing up for a spot on our private beta. We will send you an email as soon as we're ready for you!</p>
- <p>In the mean time, you can stay up to date with App Services on our <a href="https://groups.google.com/forum/?fromgroups#!forum/usergrid">Google Group</a>.</p>
- </div>
- </div>
- </div>
- </div>
- <div id="signup-page" class="container-fluid">
- <div class="row">
- <div id="signup-area" class="span6 offset1">
- <div id="signup-message" class="alert alert-error"></div>
- <div class="console-section">
- <div class="well thingy"><span class="title">Register</span> </div>
- <form name="signup-form" id="signup-form" onsubmit="return false;" class="form-horizontal">
- <div class="control-group">
- <label class="control-label" for="signup-organization-name">Organization Account</label>
- <div class="controls">
- <input type="text" name="signup-organization-name" id="signup-organization-name" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="signup-username">Username</label>
- <div class="controls">
- <input type="text" name="signup-username" id="signup-username" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="signup-name">Name </label>
- <div class="controls">
- <input type="text" name="signup-name" id="signup-name" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="signup-email">Email </label>
- <div class="controls">
- <input type="text" name="signup-email" id="signup-email" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="signup-password">Password </label>
- <div class="controls">
- <input type="password" name="signup-password" id="signup-password" class="" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="signup-password-confirm">Confirm </label>
- <div class="controls">
- <input type="password" name="signup-password-confirm" id="signup-password-confirm" class="" value="" size="20"/>
- </div>
- </div>
- <div class="form-actions">
- <div class="submit">
- <input type="button" name="button-signup" id="button-signup" value="Sign up" class="btn btn-usergrid"/>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <div id="forgot-password-page" class="container">
- <iframe class="container"></iframe>
- </div>
-
- <div id="console-page" class="">
- <div id="main1">
- <div id="main2">
-
+ </nav>
+</header>
+<section class="side-menu" ng-show="activeUI">
+ <div class="sidebar-nav">
+ <div class="nav-collapse collapse">
- <div id="left" style="">
- <div class="column-in">
+ <org-menu context="orgmenu"></org-menu>
-
- <div id="sidebar-menu" style="padding-top: 10px;">
- <ul id="application-panel-buttons" class="nav nav-list" style="margin: 0 0 5px -2px;">
- <h4 class="panel-title">Organization</h4>
- <div class="panel-desc">View your org's apps, activities, administrators and more.</div>
- <hr class="col-divider">
- <li id="application-panel-button-dashboard"><a href="#"><i class="icon-th"></i> Org Overview</a></li>
- <br/>
- <h4 class="panel-title">Application</h4>
- <p class="panel-desc">View your app's data, scripts, analytics and more.</p>
- <hr class="col-divider">
-
- <li id="application-panel-button-dashboard"><a href="#dashboard" id="dashboard-link"><i class="icon-th"></i> App Overview</a></li>
-
- <li><a href="#users" id="users-link"><i class="icon-user"></i> <span class="nav-menu-text">App End-Users</span></a></li>
- <li><a href="#collections" id="collections-link"><i class="icon-book"></i> <span class="nav-menu-text">App Data</span></a></li>
- <li><a href="#activities" id="activities-link"><i class="icon-calendar"></i> <span class="nav-menu-text">Activities</span></a></li>
- <li><a href="#analytics" id="analytics-link"><i class="icon-signal"></i> <span class="nav-menu-text">Analytics</span></a></li>
- <li><a href="#properties" id="properties-link"><i class="wrench "></i> <span class="nav-menu-text">App Settings</span></a></li>
- <li><a href="#shell" id="shell-link"><i class="icon-warning-sign"></i> <span class="nav-menu-text">Shell</span></a></li>
- </ul>
- </div>
+ </div>
+ <div class="nav-collapse collapse">
+ <ul class="nav nav-list" menu="sideMenu">
+ <li class="option active">
+ <a href="#!/org-overview"><i class="pictogram">📁</i>Org Overview</a>
+ </li>
+ <li class="option active">
+ <a href="#!/getting-started/setup"><i class="pictogram">🚀</i>Getting Started</a>
+ </li>
+
+ <li class="option">
+ <a href="#!/app-overview/summary"><i class="pictogram"></i>App Overview</a>
+ <ul class="nav nav-list">
+ <li>
+ <a href="#!/app-overview/summary"><i class="pictogram sub">📱</i> Summary</a>
+ </li>
+ </ul>
+ </li>
- </div>
- </div>
+ <li class="option">
+ <a href="#!/users"><i class="pictogram">👤</i>Users</a>
+ <ul class="nav nav-list">
+ <li>
+ <a href="#!/users"><i class="pictogram sub">👤</i>Users</a>
+ </li>
+ <li>
+ <a href="#!/groups"><i class="pictogram sub">👥</i>Groups</a>
+ </li>
+ <li>
+ <a href="#!/roles"><i class="pictogram sub"></i>Roles</a>
+ </li>
+ </ul>
+ </li>
+
+ <li class="option" id="perf-script">
+ <a href="#!/performance/app-usage?timeFilter={{selectedtimefilter.value}}&sessionChartFilter={{selectedChartCriteria.chartCriteriaId}}&currentCompare={{currentCompare}}"><i class="pictogram">🛇</i>Monitoring <div class="new-tag">new</div></a>
+ <ul class="nav nav-list">
+ <li><a href="#!/performance/app-usage?timeFilter={{selectedtimefilter.value}}&sessionChartFilter={{selectedChartCriteria.chartCriteriaId}}&currentCompare={{currentCompare}}"><i class="pictogram sub">📊</i>App Usage</a></li>
+ <li><a href="#!/performance/errors-crashes?timeFilter={{selectedtimefilter.value}}&logChartFilter={{selectedChartCriteria.chartCriteriaId}}&currentCompare={{currentCompare}}"><i class="pictogram sub">⚡</i>Errors &
+ Crashes</a></li>
+ <li><a href="#!/performance/api-perf?timeFilter={{selectedtimefilter.value}}&networkChartFilter={{selectedChartCriteria.chartCriteriaId}}&currentCompare={{currentCompare}}"><i class="pictogram sub">📈</i>API Performance</a>
+ </li>
+ </ul>
+ </li>
- <div id="left2" style="display: none;">
- <div id="left2-content" class="column-in">
- <div id="sidebar-menu2" style="padding-top: 10px; display: none;">
- <h4 class="panel-title">End-Users</h4>
- <p class="panel-desc">Data related to your application end-users.</p>
- <hr style="margin: 0 0 0 1px;">
- <ul id="app-end-users-buttons" class="nav nav-list" style="margin-bottom: 5px;">
- <li><a href="#users" id="users-sublink"><span class="nav-menu-text">/users</span></a></li>
- <li><a href="#groups" id="groups-sublink"><span class="nav-menu-text">/groups</span></a></li>
- <li><a href="#roles" id="roles-sublink"> <span class="nav-menu-text">/roles</span></a></li>
- </ul>
- </div>
+ <li class="option">
+ <a href="#!/push/sendNotification"><i class="pictogram"></i>Push</a>
+ <ul class="nav nav-list">
+ <li>
+ <a href="#!/push/sendNotification"><i class="pictogram sub">🔿</i>Send
+ Notification</a>
+ </li>
+ <li>
+ <a href="#!/push/history"><i class="pictogram sub">✇</i>Message History</a>
+ </li>
+ <li>
+ <a href="#!/push/configuration"><i class="pictogram sub">⚒</i>Configuration</a>
+ </li>
+ <li>
+ <a href="#!/push/getStarted"><i class="pictogram sub"></i>Getting Started</a>
+ </li>
+ </ul>
+ </li>
- <div id="left-collections-menu" style="display: none;">
- <h4 class="panel-title">Data Collections</h4>
- <p class="panel-desc">Explore your application's data collections.</p>
- <hr class="col-divider">
- <div style="padding:10px 0 10px 10px;">
- <a id="data-explorer-link"><i class="icon-user"></i> <span class="nav-menu-text">Data Explorer</span></a>
- </div>
- <hr class="col-divider">
- <div id="collections-menu" style="padding: 10px">
- <a class="btn" data-toggle="modal" href="#dialog-form-new-collection">Add Collection</a>
- </div>
- <hr class="col-divider">
- <div id="left-collections-content">
+ <li class="option">
+ <a href="#!/data"><i class="pictogram">📸</i>Data</a>
+ <ul class="nav nav-list">
+ <li>
+ <a href="#!/data"><i class="pictogram sub">📾</i>Collections</a>
+ </li>
+ <!--li>
+ <a href="#!/data/shell"><i class="pictogram sub">📾</i>Shell</a>
+ </li-->
+ </ul>
+ </li>
+
+ <li class="option">
+ <a href="#!/activities"><i class="pictogram "></i> Activities</a>
+ </li>
+
+
+ <li class="option" id="perf-script">
+ <a href="#!/configure/default-configs"><i class="pictogram">⚒</i>Configure</a>
+ <ul class="nav nav-list">
+ <li><a href="#!/configure/default-configs"><i class="pictogram sub">📖</i>Default
+ Configs</a></li>
+ <li><a href="#!/configure/beta-configs"><i class="pictogram sub"></i>Beta Testing Configs</a>
+ </li>
+ <li><a href="#!/configure/ab-configs"><i class="pictogram sub"></i>A/B Testing
+ Configs</a></li>
+ </ul>
+ </li>
+ <li class="option">
+ <a href="#!/shell"><i class="pictogram">⌨</i>Shell</a>
+ </li>
+
+ </ul>
+ </div>
+ </div>
+</section>
+
+<section class="main-content" ng-show="loaded">
+ <div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span12">
+
+ <!--header app/org context nav-->
+
+ <nav class="navbar secondary" ng-show="activeUI">
+ <div class="container-fluid">
+ <div class="row-fluid">
+ <div class="span12">
+ <div class="span5">
+ <app-menu></app-menu>
+ </div>
+ <div class="span7 button-area">
+ <div class="nav-collapse collapse">
+ <ul class="helper-links nav span12">
+ <li class="sdks span12">
+ <ul class="pull-right">
+ <li class="title"><label>SDKs and Modules</label></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ios"><i class="sdk-icon-ios"></i></a></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#android"><i class="sdk-icon-android"></i></a></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#javascript"><i class="sdk-icon-js"></i></a></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#nodejs"><i class="sdk-icon-node"></i></a></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#ruby"><i class="sdk-icon-ruby"></i></a></li>
+ <li><a target="_blank" href="http://apigee.com/docs/usergrid/content/sdks-and-examples#c"><i class="sdk-icon-net"></i></a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
</div>
- </div>
-
- </div>
- </div>
-
-
- <div id="right">
- <div class="column-in">
- <div style="padding-top: 10px;">
- <h4 class="panel-title">Quick Start Guide</h4>
- <div class="panel-desc">Need help getting started? Follow our Quick Start Guide</div>
- <hr class="col-divider">
-
- <div class="panel-desc" style="height: 50px; text-align:center; width:100px;margin: 20px auto;">
- <a href="http://apigee.com/docs/usergrid/content/quick-start" target="_blank">App Services: Quick Start Guide</a>
- </div>
-
- <h4 class="panel-title">SDKs & Modules</h4>
- <div class="panel-desc">Download an SDK or module to get up-and-running quickly</div>
- <hr class="col-divider">
-
- <div class="sdk-download">
- <img src="images/ios-sdk-download.png">
- <br>
- <a href="https://github.com/apigee/usergrid-ios-sdk/archive/master.zip" target="_blank">iOS SDK: Download</a>
- </div>
-
- <div class="sdk-download">
- <img src="images/android-sdk-download.png">
- <br>
- <a href="https://github.com/apigee/usergrid-java-sdk/archive/master.zip" target="_blank">Android SDK: Download</a>
- </div>
-
- <div class="sdk-download">
- <img src="images/javascript-sdk-download.png">
- <br>
- <a href="https://github.com/apigee/usergrid-javascript-sdk/archive/master.zip">Javascript SDK: Download</a>
- </div>
-
- <div class="sdk-download">
- <img src="images/nodejs-sdk-download.png">
- <br>
- <a href="http://npmjs.org/usergrid" target="_blank">Node.js Module</a>
- </div>
-
- <div class="sdk-download">
- <img src="images/ruby-sdk-download.png">
- <br>
- <a href="https://github.com/scottganyo/usergrid_iron" target="_blank">Ruby SDK: Download</a>
- </div>
-
- <div class="sdk-download">
- <img src="images/dotnet-sdk-download.png">
- <br>
- <a href="https://github.com/apigee/Apigee.Net" target="_blank">C# SDK: Download</a>
</div>
</div>
</div>
+ </nav>
+ <!--for demo mode-->
+ <!--todo - this needs a style applied only when shown ng-class-->
+ <div ng-controller="AlertCtrl" ng-cloak="" class="alert-holder main-alert">
+ <alerti ng-repeat="alert in alerts" type="alert.type" closeable="true" index="$index" ng-cloak="">{{alert.msg}}</alerti>
</div>
- <div id="middle">
- <div class="column-in" style="border-right: 1px solid #cacaca; border-left: 1px solid #cacaca; padding-top: 10px;">
-
-
- <div id="console-panels" class="container-fluid">
- <div id="organization-panel" style="display: none">
- <div id="console-panel-nav-bar"></div>
- <div id="home-messages" class="alert" style="display: none;"></div>
- <div class="console-section">
- <div class="well thingy"><span class="title"> Current Organization </span></div>
- <table id="organizations-table" class="hideable table">
- <tbody></tbody>
- </table>
- </div>
- <div class="console-section">
- <div class="well thingy"><span class="title"> Applications </span>
- <div class="bar">
- <a class="btn button bottom-space" data-toggle="modal" href="#dialog-form-new-application"> New Application</a>
- </div>
- </div>
- <table id="organization-applications-table" class="hideable table">
- <tbody></tbody>
- </table>
- </div>
- <div class="console-section">
- <div class="well thingy">
- <span class="title"> Activities </span>
- </div>
- <table id="organization-feed-table" class="hideable table">
- <tbody></tbody>
- </table>
- </div>
- <div class="console-section">
- <div class="well thingy"><span class="title"> Organization's Administrators </span>
- <div class="bar">
- <a class="btn button bottom-space" data-toggle="modal" href="#dialog-form-new-admin"> New Administrator</a>
- </div>
- </div>
- <table id="organization-admins-table" class="hideable table">
- <tbody></tbody>
- </table>
- </div>
- <div class="console-section">
- <div class="well thingy"><span class="title"> Organization API Credentials </span>
- <div class="bar">
- <a class="btn button bottom-space" onclick="Usergrid.console.newOrganizationCredentials(); return false;"> Regenerate Credentials</a>
- </div>
- </div>
- <table class="hideable table">
- <tbody>
- <tr>
- <td>
- <span class="span2">Client ID</span>
- </td>
- <td>
- <span id="organization-panel-key">...</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="span2">Client Secret</span>
- </td>
- <td>
- <span id="organization-panel-secret">...</span>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <form id="dialog-form-force-new-application" class="modal hide fade" action="#">
- <div class="modal-header">
- <h4>No applications for this organization</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All organizations require at least one application. Please create one.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-application-name">Name</label>
- <div class="controls">
- <input type="text" name="name" id="" value="" class="input-xlarge new-application-name"/>
- <p class="help-block">Length of name must be between 4 and 80</p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="dialog-form-new-admin" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new administrator</h4>
- </div>
- <div class="modal-body">
- <fieldset>
- <div class="control-group">
- <label for="new-admin-email">Email</label>
- <div class="controls">
- <input type="text" name="email" id="new-admin-email" value="" class="input-xlarge"/>
- <input type="hidden" name="password" id="new-admin-password" value=""/>
- <input type="hidden" name="" id="new-admin-password-confirm" value=""/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
-
- <div id="dashboard-panel" style="display: none">
- <div class="console-section">
- <div class="well thingy">
- <span class="title"> Application Dashboard: <span class="app_title"></span> </span>
- </div>
- <div class="console-section-contents">
- <div id="application-panel-table" style="overflow: hidden;">
- <div id="application-panel-entity-graph" class="span graph"></div>
- <div id="application-panel-text" class="span">...</div>
- </div>
-
- <div style="max-width: 680px; overflow: hidden;">
- <div>
- <div id="application-entities-timeline" class="span graph"></div>
- <div id="application-cpu-time" class="span graph"></div>
- </div>
- <div>
- <div id="application-data-uploaded" class="span graph"></div>
- <div id="application-data-downloaded" class="span graph"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="account-panel" class="container-fluid hide">
- <div id="account-update-modal" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Account Settings</h4>
- </div>
- <div class="modal-body">
- <p>Account settings updated.</p>
- </div>
- <div class="modal-footer">
- <button class="btn btn-usergrid" data-dismiss="modal">OK</button>
- </div>
- </div>
- <div class="span offset1">
- <h2>Account Settings </h2>
- <div id="account-panels">
- <div class="panel-content">
- <div class="console-section">
- <div class="well thingy"><span class="title"> Personal Account </span> </div>
- <div class="console-section-contents">
- <form name="update-account-form" id="update-account-form" class="form-horizontal">
- <fieldset>
- <div class="control-group">
- <label id="update-account-id-label" class="control-label" for="update-account-id">UUID</label>
- <div class="controls">
- <span id="update-account-id" class="monospace"></span>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-username">Username </label>
- <div class="controls">
- <input type="text" name="update-account-username" id="update-account-username" class="span4" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-name">Name </label>
- <div class="controls">
- <input type="text" name="update-account-name" id="update-account-name" class="span4" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-email"> Email</label>
- <div class="controls">
- <input type="text" name="update-account-email" id="update-account-email" class="span4" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-picture-img">Picture <br />(from <a href="http://gravatar.com">gravatar.com</a>) </label>
- <div class="controls">
- <img id="update-account-picture-img" src="" class="" width="50" />
- </div>
- </div>
- <span class="help-block">Leave blank any of the following to keep the current password unchanged</span>
- <br />
- <div class="control-group">
- <label class="control-label" for="old-account-password">Old Password</label>
- <div class="controls">
- <input type="password" name="old-account-password" id="old-account-password" class="span4" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-password">New Password</label>
- <div class="controls">
- <input type="password" name="update-account-password" id="update-account-password" class="span4" value="" size="20"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="update-account-password-repeat">Confirm New Password</label>
- <div class="controls">
- <input type="password" name="update-account-password-repeat" id="update-account-password-repeat" class="span4" value="" size="20"/>
- </div>
- </div>
- </fieldset>
- <div class="form-actions">
- <input type="button" name="button-update-account" id="button-update-account" value="Update" class="btn btn-usergrid span"/>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <div class="panel-content">
- <div class="console-section">
- <div class="well thingy"><span class="title"> Organizations </span>
- <div class="bar">
- <a class="" data-toggle="modal" href="#dialog-form-new-organization"> Add </a>
- </div>
- </div>
- <table class="table" id="organizations">
- </table>
- </div>
- </div>
- <form id="dialog-form-new-organization" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new organization</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All form fields are required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-organization-name">Name</label>
- <div class="controls">
- <input type="text" name="organization" id="new-organization-name" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
- </div>
- <div id="users-panel" class="panel-buffer">
-
- <div id="users-panel-list" class="panel-content">
- <div id="users-messages" class="alert" style="display: none;"></div>
-
- <div class="console-section">
- <span class="title"> Collection: /users </span>
- <div class="well thingy">
- <div class="bar">
- <input onkeyup="Usergrid.console.searchUsers();" type="text" name="search-user-username" id="search-user-username" class="input-small search" placeholder="Search"/>
- <select id="search-user-type" onChange="Usergrid.console.searchUsers();" class="input-medium search">
- <option value="username">Username</option>
- <option value="name">Full Name</option>
- </select>
-
- <a class="btn " data-toggle="modal" id="delete-users-link" > Delete</a>
- <a style="margin-right: 15px;" class="btn btn-primary" data-toggle="modal" href="#dialog-form-new-user"> Create new user</a>
-
-
-
- </div>
- </div>
- <table id="users-table" class="table">
- <tbody></tbody>
- </table>
- <ul id="users-pagination" class="pager">
- <li id="users-previous" class="previous"><a >← Previous</a></li>
- <li id="users-next" class="next"><a >Next →</a></li>
- </ul>
- </div>
- <div id="users-curl-container" class="row-fluid curl-container ">
- </div>
- </div>
- <form id="dialog-form-new-user" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new user</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Username is required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-user-username">Username</label>
- <div class="controls">
- <input type="text" name="username" id="new-user-username" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-user-fullname">Full name</label>
- <div class="controls">
- <input type="text" name="name" id="new-user-fullname" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-user-email">Email</label>
- <div class="controls">
- <input type="text" name="email" id="new-user-email" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-user-password">Password</label>
- <div class="controls">
- <input type="password" name="password" id="new-user-password" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-user-validate-password">Confirm password</label>
- <div class="controls">
- <input type="password" name="validate-password" id="new-user-validate-password" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
-
- <form id="confirmAction" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4></h4>
- </div>
- <div class="modal-body">
- <p></p>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-danger" value="Yes, continue"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="confirmDialog" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Are you sure?</h4>
- </div>
- <div class="modal-body">
- <p></p>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-danger" value="Yes, delete"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="alertModal" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4></h4>
- </div>
- <div class="modal-body">
- <p></p>
- </div>
- <div class="modal-footer">
- <input type="reset" class="btn btn-usergrid" value="OK" data-dismiss="modal"/>
- </div>
- </form>
-
- <form id="dialog-form-new-application" class="modal hide fade" action="#">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new application</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All form fields are required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-application-name">Name</label>
- <div class="controls">
- <input type="text" name="name" id="" value="" class="input-xlarge new-application-name"/>
- <p class="help-block">Length of name must be between 4 and 80</p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
-
- <div id="user-panel" class="panel-buffer">
- <div id="user-panel-tab-bar">
- <a class="tab-button btn" id="button-user-list" >List</a>
- <a class="tab-button btn active" id="button-user-profile" >Profile</a>
- <a class="tab-button btn" id="button-user-memberships" >Groups</a>
- <a class="tab-button btn" id="button-user-activities" >Activities</a>
- <a class="tab-button btn" id="button-user-graph" >Graph</a>
- <a class="tab-button btn" id="button-user-permissions" >Roles & Permissions</a>
- </div>
- <div id="user-panel-profile" class="panel-content"></div>
- <div id="user-panel-memberships" class="panel-content" style="display: none;"></div>
- <div id="user-panel-activities" class="panel-content" style="display: none;"></div>
- <div id="user-panel-graph" class="panel-content" style="display: none;"></div>
- <div id="user-panel-permissions" class="panel-content" style="display: none;"></div>
- <form id="dialog-form-add-user-to-role" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add this user to a Role</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the role you want to add to this user.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-role-name-input">Role</label>
- <div class="controls">
- <input type="text" name="search-role-name-input" id="search-role-name-input" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="dialog-form-add-group-to-user" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add this user to a Group</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the group you want to add this user to.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-group-name-input">Group</label>
- <div class="controls">
- <input type="text" name="search-group-name-input" id="search-group-name-input" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="dialog-form-follow-user" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Follow this User</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the user you want to Follow.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-follow-username-input">User</label>
- <div class="controls">
- <input type="text" name="search-follow-username-input" id="search-follow-username-input"
- class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Follow"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
-
-
-
- <div id="groups-panel" class="panel-buffer">
- <div id="groups-panel-list" class="panel-content">
- <div id="groups-messages" class="alert" style="display: none;"></div>
- <div class="console-section">
- <span class="title"> Collection: /groups </span>
- <div class="well thingy">
- <div class="bar">
- <input onkeyup="Usergrid.console.searchGroups();" type="text" name="search-user-groupname" id="search-user-groupname" class="input-small search" placeholder="Search"/>
- <select id="search-group-type" onChange="Usergrid.console.searchGroups();" class="input-medium search">
- <option value="path">Path</option>
- <option value="title">Group Name</option>
- </select>
-
- <a class="btn" id="delete-groups-link" > Delete</a>
- <a style="margin-right: 15px;" class="btn btn-primary" data-toggle="modal" href="#dialog-form-new-group"> Create new group</a>
-
- </div>
- </div>
- <table id="groups-table" class="table">
- <tbody></tbody>
- </table>
- <ul id="groups-pagination" class="pager">
- <li id="groups-previous" class="previous"><a >← Previous</a></li>
- <li id="groups-next" class="next"><a >Next →</a></li>
- </ul>
- </div>
- <div id="groups-curl-container" class="row-fluid curl-container ">
- </div>
- </div>
- <form id="dialog-form-new-group" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new group</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All form fields are required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-group-title">Display Name</label>
- <div class="controls">
- <input type="text" name="title" id="new-group-title" value="" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-group-path">Group Path</label>
- <div class="controls">
- <input type="text" name="path" id="new-group-path" value="" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
- <div id="group-panel" class="panel-buffer">
- <!--ul id="group-panel-tab-bar" class="nav nav-tabs">
- <li><a id="button-group-list" >List</a></li>
- <li><a id="button-group-details" >Details</a></li>
- <li><a id="button-group-memberships" >Members</a></li>
- <li><a id="button-group-activities" >Activities</a></li>
- <li><a id="button-group-permissions" >Roles & Permissions</a></li>
- </ul-->
- <div id="group-panel-tab-bar">
- <a class="tab-button btn" id="button-group-list" >List</a>
- <a class="tab-button btn active" id="button-group-details" >Details</a>
- <a class="tab-button btn" id="button-group-memberships" >Members</a>
- <a class="tab-button btn" id="button-group-activities" >Activities</a>
- <a class="tab-button btn" id="button-group-permissions" >Roles & Permissions</a>
- </div>
-
- <div id="group-panel-details" class="panel-content"></div>
- <div id="group-panel-memberships" class="panel-content" style="display: none;"></div>
- <div id="group-panel-activities" class="panel-content" style="display: none;"></div>
- <div id="group-panel-permissions" class="panel-content" style="display: none;"></div>
- <form id="dialog-form-add-user-to-group" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add a User to this Group</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the user you want to add to this group.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-user-name-input">User</label>
- <div class="controls">
- <input type="text" name="search-user-name-input" id="search-user-name-input" class="input-xlarge" autocomplete="off"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="dialog-form-add-role-to-group" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add a Role to this Group</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the role you want to add to this group.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-groups-role-name-input">Role</label>
- <div class="controls">
- <input type="text" name="search-groups-role-name-input" id="search-groups-role-name-input" class="input-xlarge" autocomplete="off"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
- <div id="roles-panel" class="panel-buffer">
- <div id="roles-panel-list" class="panel-content">
- <div id="roles-messages" class="alert" style="display: none;"></div>
- <div class="console-section">
- <span class="title"> Collection: /roles </span>
- <div class="well thingy">
- <div class="bar">
-
- <a class="btn" id="delete-roles-link" > Delete</a>
- <a style="margin-right: 15px;" class="btn btn-primary" data-toggle="modal" href="#dialog-form-new-role"> Add Role</a>
-
-
- </div>
- </div>
- <table id="roles-table" class="table">
- <tbody></tbody>
- </table>
- <ul id="roles-pagination" class="pager">
- <li id="roles-previous" class="previous"><a >← Previous</a></li>
- <li id="roles-next" class="next"><a >Next →</a></li>
- </ul>
- </div>
- <div id="roles-curl-container" class="row-fluid curl-container ">
- </div>
- </div>
- <div id="roles-panel-search" class="panel-content" style="display: none;">
- <div class="console-section">
- <div class="well thingy"><span class="title"> Role Settings: <span class="app_title"></span></span></div>
- <div class="console-section-contents">
- <div id="roles-settings">
- <h2>No Permissions.</h2>
- </div>
- </div>
- </div>
- </div>
- <form id="dialog-form-new-role" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new Role</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All form fields are required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-role-title">Display Name</label>
- <div class="controls">
- <input type="text" name="title" id="new-role-title" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- <div class="control-group">
- <label for="new-role-name">Name</label>
- <div class="controls">
- <input type="text" name="name" id="new-role-name" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
- <div id="role-panel" class="panel-buffer">
- <div id="role-panel-tab-bar">
- <a class="tab-button btn" id="button-role-list" >List</a>
- <a class="tab-button btn active" id="button-role-settings" >Settings</a>
- <a class="tab-button btn" id="button-role-users" >Users</a>
- <a class="tab-button btn" id="button-role-groups" >Groups</a>
- </div>
-
- <div id="role-panel-settings" class="panel-content">
- <div class="console-section">
- <div class="well thingy"> <span id="role-section-title" class="title">Role</span> </div>
- <div class="console-section-contents">
- <div id="role-permissions-messages" class="alert" style="display: none"></div>
- <div id="role-permissions">
- <h2>...</h2>
- </div>
- </div>
- </div>
- <div id="role-permissions-curl-container" class="curl-container">
- </div>
- </div>
- <div id="role-panel-users" class="panel-content">
- <div class="console-section" id="role-users"></div>
- <div id="role-users-curl-container" class="curl-container">
- </div>
- </div>
- <div id="role-panel-groups" class="panel-content"></div>
- <form id="dialog-form-add-group-to-role" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add a Group to this Role</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the group you want to add to this role.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-roles-group-name-input">Group</label>
- <div class="controls">
- <input type="text" name="search-roles-group-name-input" id="search-roles-group-name-input" class="input-xlarge" autocomplete="off"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- <form id="dialog-form-add-role-to-user" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Add a user to this Role</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">Search for the user you want to add to this role.</p>
- <fieldset>
- <div class="control-group">
- <label for="search-roles-user-name-input">User</label>
- <div class="controls">
- <input type="text" name="search-roles-user-name-input" id="search-roles-user-name-input" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Add"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
- </div>
- <div id="activities-panel" style="display: none">
- <div id="activities-panel-list" class="panel-content">
- <div class="console-section">
- <span class="title"> Activities </span>
- <div class="well thingy">
- <div class="bar" style="margin-bottom: 25px;">
- <input onkeyup="Usergrid.console.searchActivities();" type="text" name="search-activities" id="search-activities" class="input-small search" placeholder="Search"/>
- <select id="search-activities-type" onChange="Usergrid.console.searchActivities();" class="input-medium search">
- <option value="content">Content</option>
- <option value="actor">Actor</option>
- </select>
- <a class="btn" onclick="Usergrid.console.requestActivities(); return false;">Update Activities</a>
- </div>
- </div>
- <table id="activities-table" class="table">
- <tbody></tbody>
- </table>
- <ul id="activities-pagination" class="pager">
- <li id="activities-previous" class="previous"><a >← Previous</a></li>
- <li id="activities-next" class="next"><a >Next →</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div id="analytics-panel" style="display: none">
- <div class="panel-content">
- <div class="console-section">
- <div class="well thingy"><span class="title"> Analytics </span></div>
- <div class="console-section-contents">
- <div id="analytics-time">
- <form id="resolutionSelectForm" action="" class="form-horizontal">
- <div class="row">
- <fieldset class="span">
- <div id="analytics-start-time-span" class="control-group">
- <label class="control-label" for="start-date">Start:</label>
- <div class="controls">
- <input type="text" id="start-date" class="fixSpan2"/>
- <input type="text" id="start-time" value="12:00 AM" class="fixSpan2"/>
- </div>
- </div>
- <div id="analytics-end-time-span" class="control-group">
- <label class="control-label" for="end-date">End:</label>
- <div class="controls">
- <input type="text" id="end-date" class="fixSpan2"/>
- <input type="text" id="end-time" value="12:00 AM" class="fixSpan2"/>
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="resolutionSelect">Resolution</label>
- <div class="controls">
- <select name="resolutionSelect" id="resolutionSelect">
- <option value="all">All</option>
- <option value="minute">Minute</option>
- <option value="five_minutes">5 Minutes</option>
- <option value="half_hour">30 Minutes</option>
- <option value="hour">Hour</option>
- <option value="six_hour">6 Hours</option>
- <option value="half_day">Half Day</option>
- <option value="day" selected="selected">Day</option>
- <option value="week">Week</option>
- <option value="month">Month</option>
- </select>
- </div>
- </div>
- </fieldset>
- <fieldset class="span offset1">
- <div id="analytics-counter-names"></div>
- </fieldset>
- </div>
- <div class="form-actions">
- <button class="btn btn-primary" id="button-analytics-generate">Generate</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- <div class="console-section">
- <div class="well thingy"><span class="title"> Result Analytics <span class="app_title"></span></span></div>
- <div class="console-section-contents">
- <div id="analytics-graph"></div>
- <div id="analytics-graph-area" style="overflow-x: auto;"></div>
- </div>
- </div>
- </div>
- </div>
- <div id="properties-panel" style="display: none">
- <div class="console-section">
- <div class="well thingy"><span class="title"> Application Properties: <span class="app_title"></span></span>
- <div class="bar" style="margin-bottom: 25px;">
- <a class="btn" onclick="Usergrid.console.newApplicationCredentials(); return false;">Regenerate Credentials</a>
- </div>
- </div>
- <div class="console-section-contents">
- <table id="application-panel-key-table" class="table">
- <tr>
- <td>
- <span class="span3">Client ID</span>
- </td>
- <td>
- <span id="application-panel-key">...</span>
- </td>
- </tr>
- <tr>
- <td>
- <span class="span3">Client Secret</span>
- </td>
- <td>
- <span id="application-panel-secret">...</span>
- </td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- <div id="shell-panel" style="display: none">
- <div id="shell-content" class="console-section">
- <div class="well thingy"> <span class="title"> Interactive Shell </span></div>
- <div class="console-section-contents">
- <div id="shell-input-div">
- <p> Type "help" to view a list of the available commands.</p><hr />
- <span> >> </span>
- <textarea id="shell-input" rows="2" autofocus="autofocus"></textarea>
- </div>
- <pre id="shell-output" class="prettyprint lang-js" style="overflow-x: auto; height: 400px;">
- <p> Response:</p><hr />
- </pre>
- </div>
- </div>
- </div>
-
-
- <div id="collections-panel" style="display: none; margin-left: 151px; padding-left: 30px;">
- <div id="query-path-area" class="console-section query-path-area">
-
- <form id="dialog-form-new-collection" class="modal hide fade">
- <div class="modal-header">
- <a class="close" data-dismiss="modal">×</a>
- <h4>Create new collection</h4>
- </div>
- <div class="modal-body">
- <p class="validateTips">All form fields are required.</p>
- <fieldset>
- <div class="control-group">
- <label for="new-collection-name">Name</label>
- <div class="controls">
- <input type="text" name="name" id="new-collection-name" value="" class="input-xlarge"/>
- <p class="help-block hide"></p>
- </div>
- </div>
- </fieldset>
- </div>
- <div class="modal-footer">
- <input type="submit" class="btn btn-usergrid" value="Create"/>
- <input type="reset" class="btn" value="Cancel" data-dismiss="modal"/>
- </div>
- </form>
-
-
- <!--a class="data-explorer-link" style="float: right" onclick="$('#data-explorer').toggle(); return false;">Data Explorer</a -->
-
-
- <div id="data-explorer" class="">
- <div class="well thingy">
- <span class="title">Data Explorer</span>
- </div>
-
-
- <form id="query-inputs" class="">
- <div class="control-group">
- <div class="" data-toggle="buttons-radio">
- <!--a class="btn" id="button-query-back">◀ Back</a-->
- <!--Added disabled class to change the way button looks but their functionality is as usual -->
- <label class="control-label"><strong>Method </strong></label>
- <input type="radio" name="query-action" value="get" style="margin-top: -2px;" id="button-query-get" checked> GET
- <input type="radio" name="query-action" value="post" style="margin-top: -2px;" id="button-query-post"> POST
- <input type="radio" name="query-action" value="put" style="margin-top: -2px;" id="button-query-put"> PUT
- <input type="radio" name="query-action" value="delete" style="margin-top: -2px;" id="button-query-delete"> DELETE
- </div>
- </div>
- <div class="control-group">
- <label class="control-label" for="query-path"><strong>Path </strong></label>
- <div class="controls">
- <div class="input-append">
- <input id="query-path" type="text" name="path" class="span6" autocomplete="off" placeholder="ex: /users"/>
- </div>
- </div>
- </div>
- <div class="control-group">
- <a id="back-to-collection" class="outside-link" style="display:none">Back to collection</a>
- </div>
- <div class="control-group" id="query-ql-box">
- <label class="control-label" for="query-ql"><strong>Query String</strong></label>
- <div class="controls">
- <div class="input-append">
- <input id="query-ql" type="text" name="query" class="span5" placeholder="ex: select * where name='fred'"/>
- <div class="btn-group pull-right">
- <a class="btn dropdown-toggle " data-toggle="dropdown">
- <span id='query-collections-caret' class="caret"></span>
- </a>
- <ul id="query-collections-indexes-list" class="dropdown-menu ">
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="control-group" id="query-limit-box">
- <label class="control-label" for="query-limit"><strong>Limit</strong></label>
- <div class="controls">
- <div class="input-append">
- <input id="query-limit" type="text" name="query-limit" class="span5" placeholder="ex: 10"/>
- </div>
- </div>
- </div>
- <div class="control-group" id="query-json-box" style="display:none">
- <label class="control-label" for="query-source"><strong>Json Body </strong></label>
- <div class="controls">
- <div class="input-append">
- <textarea id="query-source" class="span6 pull-left" rows="4"
- placeholder="{ "name" : "value" }"></textarea>
- <a class="btn pull-left disabled" id="button-query-validate" >Validate Json</a>
- <div id="statusbar-placeholder" class=" pull-left span4"></div>
- </div>
- </div>
- </div>
-
- <div class="control-group">
- <button type="button" class="btn btn-primary" id="button-query">Run Query</button>
- </div>
- </form>
- </div>
+ <insecure-banner></insecure-banner>
+ <!--Dynamic Content-->
+ <div ng-view="" class="page-holder"></div>
-
-
-
-
-
- <div id="query-response-area" class="console-section" style="display: none;">
- <div class="well thingy" id="query-received-header">
- <div class="bar">
- <a class="btn " data-toggle="modal" id="delete-entity-link" > Delete</a>
- </div>
- </div>
- <div class="console-section-contents">
- <!--<pre class="query-response-json">{ }</pre>-->
- <table id="query-response-table">
-
- </table>
- <ul id="query-response-pagination" class="pager">
- <li style="display: none" id="query-response-previous" class="previous"><a >← Previous</a></li>
- <li style="display: none" id="query-response-next" class="next"><a >Next →</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- <div class="cleaner"> </div>
+ <footer>
+ <hr>
+ <p class="pull-right">© Apigee 2013</p>
+ </footer>
</div>
</div>
</div>
-</div>
-
-
-<script src="js/app/ui/collections.entity.js" type="text/javascript"></script>
- <script src="js/app/ui/collections.user.js" type="text/javascript"></script>
-
- <link rel="stylesheet" type="text/css" href="css/custom-theme/jquery-ui-1.8.9.custom.css"/>
- <link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker.css"/>
- <link rel="stylesheet" type="text/css" href="css/jquery.ui.statusbar.css"/>
- <link rel="stylesheet" type="text/css" href="css/prettify.css"/>
-
- <script src="js/lib/MD5.min.js" type="text/javascript"></script>
- <script src="https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22visualization%22%2C%22version%22%3A%221.0%22%2C%22packages%22%3A%5B%22corechart%22%5D%7D%5D%7D" type="text/javascript"></script>
- <script src="js/lib/bootstrap.min.js" type="text/javascript"></script>
- <script src="js/app/pages.js" type="text/javascript"></script>
- <script src="js/app/app.js" type="text/javascript"></script>
- <script src="js/app/status.js" type="text/javascript"></script>
- <script src="js/lib/prettify.js" type="text/javascript"></script>
- <script type="text/javascript" charset="utf-8">prettyPrint();</script>
-</body>
+</section>
+<script src="config.js"></script>
+<script src="js/libs/usergrid-libs.min.js"></script>
+<script src="js/libs/bootstrap/custom/js/bootstrap.min.js"></script>
+<!--todo - remove this. temporarily including jquery ui for calendar in push-->
+<script src="js/libs/jqueryui/jquery.ui.timepicker.min.js" type="text/javascript"></script>
+<!-- In dev use: <script src="js/libs/angular-1.1.5.js"></script> -->
+<!--<script type="text/javascript" src="js/libs/angular-ui-ng-grid/ng-grid-2.0.2.debug.js"></script>-->
+<script id="main-script" src="js/usergrid.min.js"></script>
+
+<script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-4084158-4']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+</script>
+
+<script id="perf-script" src="bower_components/apigee.performance.ui/dist/js/usergrid-perf.min.js"></script></body>
</html>
http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/508ef2f7/portal/js/activities/activities-controller.js
----------------------------------------------------------------------
diff --git a/portal/js/activities/activities-controller.js b/portal/js/activities/activities-controller.js
new file mode 100644
index 0000000..c674789
--- /dev/null
+++ b/portal/js/activities/activities-controller.js
@@ -0,0 +1,11 @@
+AppServices.Controllers.controller('ActivitiesCtrl', ['ug', '$scope', '$rootScope', '$location','$route',
+ function (ug, $scope, $rootScope, $location, $route) {
+ $scope.$on('app-activities-received',function(evt,data){
+ $scope.activities = data;
+ $scope.$apply();
+ });
+ $scope.$on('app-activities-error',function(evt,data){
+ $rootScope.$broadcast('alert', 'error', 'Application failed to retreive activities data.');
+ });
+ ug.getActivities();
+ }]);
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-usergrid/blob/508ef2f7/portal/js/activities/activities.html
----------------------------------------------------------------------
diff --git a/portal/js/activities/activities.html b/portal/js/activities/activities.html
new file mode 100644
index 0000000..1300704
--- /dev/null
+++ b/portal/js/activities/activities.html
@@ -0,0 +1,33 @@
+<section class="row-fluid">
+ <div class="span12">
+ <div class="page-filters">
+ <h1 class="title" class="pull-left"><i class="pictogram title">📱</i> Activities</h1>
+ </div>
+ </div>
+
+</section>
+<section class="row-fluid">
+ <div class="span12 tab-content">
+ <table class="table table-striped">
+ <tbody>
+ <tr class="table-header">
+ <td>Date</td>
+ <td></td>
+ <td>User</td>
+ <td>Content</td>
+ <td>Verb</td>
+ <td>UUID</td>
+ </tr>
+ <tr class="zebraRows" ng-repeat="activity in activities">
+ <td>{{formatDate(activity.created)}}</td>
+ <td class="gravatar20"> <img ng-src="{{activity.actor.picture}}"/>
+ </td>
+ <td>{{activity.actor.displayName}}</td>
+ <td>{{activity.content}}</td>
+ <td>{{activity.verb}}</td>
+ <td>{{activity.uuid}}</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</section>
\ No newline at end of file