front dashboard: turn into component

backend/src/appenlight/static/js/appenlight.js

@@ -2678,7 +2678,8 b" angular.module('appenlight.controllers', ["
 angular.module('appenlight.components', [
     'appenlight.components.channelstream',
     'appenlight.components.appenlightApp',
-    'appenlight.components.appenlightHeader'
+    'appenlight.components.appenlightHeader',
+    'appenlight.components.indexDashboardView'
 ]);
 angular.module('appenlight.directives', [
     'appenlight.directives.c3chart',
@@ -2952,1015 +2953,801 b' function kickstartAE(initialUserData) {'
   );
 
 
-  $templateCache.put('directives/permissions/permissions.html',
-    "<div class=\"panel panel-default\">\n" +
-    "    <div class=\"panel-heading\">\n" +
-    "        <h3 class=\"panel-title\">Permissions</h3>\n" +
-    "    </div>\n" +
-    "    <div class=\"panel-body\">\n" +
-    "        <p>Here you can <strong>set permissions</strong> for others to access your app data.</p>\n" +
-    "\n" +
-    "        <p>For example you can let other staff member view or alter error reports.</p>\n" +
+  $templateCache.put('components/views/index-dashboard/index-dashboard.html',
+    "<style type=\"text/css\">\n" +
+    "    #metrics_chart .c3-line {\n" +
+    "        stroke-width: 0px;\n" +
+    "    }\n" +
     "\n" +
-    "        <div ng-if=\"permissions.possibleGroups.length > 0\">\n" +
-    "            <h3>Group permissions</h3>\n" +
+    "    #metrics_chart .c3-area {\n" +
+    "        stroke-width: 0;\n" +
+    "        opacity: 0.75;\n" +
+    "    }\n" +
+    "</style>\n" +
     "\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in permissions.currentPermissions.group\" class=\"animate-repeat list-group-item\">\n" +
-    "                    <strong>{{ perm.self.group_name }}</strong>\n" +
-    "                    <div  ng-repeat=\"perm_name in perm.permissions\" class=\"pull-right animate-repeat m-l-1\">\n" +
-    "                        <span ng-if=\"perm_name == '__all_permissions__'\">Resource owner</span>\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"perm_name != '__all_permissions__'\">\n" +
-    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> {{ perm_name }}</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"permissions.removeGroupPermission(perm_name, perm)\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
+    "<div class=\"row\">\n" +
+    "    <div class=\"col-sm-12 dashboard\" id=\"content\">\n" +
+    "        <div ng-if=\"!$ctrl.stateHolder.AeUser.applications.length\">\n" +
     "\n" +
-    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"permissions.setGroupPermission()\">\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <select class=\"form-control\" ng-model=\"permissions.form.selectedGroup\" ng-options=\"g.id as g.group_name for g in permissions.possibleGroups\"></select>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <span ng-repeat=\"permission in permissions.possiblePermissions\">\n" +
-    "                    <input type=\"checkbox\" ng-model=\"permissions.form.selectedGroupPermissions[permission]\"> {{ permission }}\n" +
-    "                    </span>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <button class=\"btn btn-info\"><span class=\"fa fa-user\"></span> Give permission</button>\n" +
-    "                </div>\n" +
-    "            </form>\n" +
+    "            <div ng-include=\"'templates/quickstart.html'\"></div>\n" +
     "\n" +
     "        </div>\n" +
     "\n" +
-    "        <h3>User permissions</h3>\n" +
-    "        <div>\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in permissions.currentPermissions.user\" class=\"animate-repeat list-group-item\">\n" +
-    "                    <strong>{{ perm.self.user_name }}</strong>\n" +
-    "                    <div ng-repeat=\"perm_name in perm.permissions\" class=\"pull-right animate-repeat m-l-1\">\n" +
-    "                        <span ng-if=\"perm_name == '__all_permissions__'\">Resource owner</span>\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"perm_name != '__all_permissions__'\">\n" +
-    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> {{ perm_name }}</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"permissions.removeUserPermission(perm_name,perm)\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
-    "        </div>\n" +
-    "        <div>\n" +
-    "            <p>First enter username or full email of person you want to give access to (the person needs to be <strong>already registered in AppEnlight</strong>)</p>\n" +
+    "        <div ng-if=\"$ctrl.stateHolder.AeUser.applications.length\">\n" +
     "\n" +
-    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"permissions.setUserPermission()\">\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <input type=\"text\" class=\"autocomplete form-control\" placeholder=\"Search for user/email\" ng-model=\"permissions.form.autocompleteUser\"\n" +
-    "                           uib-typeahead=\"u.user for u in permissions.searchUsers($viewValue) | limitTo:8\" typeahead-loading=\"permissions.searchingUsers\" typeahead-wait-ms=\"250\"\n" +
-    "                           typeahead-template-url=\"templates/directives/user_search_type_ahead.html\"\n" +
-    "                    />\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <span ng-repeat=\"permission in permissions.possiblePermissions\">\n" +
-    "                    <input type=\"checkbox\" ng-model=\"permissions.form.selectedUserPermissions[permission]\"> {{ permission }}\n" +
-    "                    </span>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <button class=\"btn btn-info\" ng-disabled=\"!permissions.form.autocompleteUser\"><span class=\"fa fa-user\"></span> Give permission</button>\n" +
-    "                </div>\n" +
-    "            </form>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('directives/plugin_config/plugin_config.html',
-    "<div ng-repeat=\"tmpl in plugin_ctrlr.inclusions track by $index\">\n" +
-    "    <div><strong>Plugin: {{tmpl.name}}</strong></div>\n" +
-    "    <ng-include src=\"tmpl.template\"></ng-include>\n" +
-    "    <hr/>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('directives/postprocess_action/postprocess_action.html',
-    "<div class=\"panel panel-default action\">\n" +
-    "    <div class=\"panel-body form-inline\">\n" +
-    "        <div class=\"pull-right\">\n" +
-    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
-    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                  <ul class=\"dropdown-menu\">\n" +
-    "                      <li><a>No</a></li>\n" +
-    "                      <li><a ng-click=\"ctrl.deleteAction(ctrl.action)\">Yes</a></li>\n" +
-    "                  </ul>\n" +
-    "            </span>\n" +
-    "        </div>\n" +
+    "            <div class=\"row\">\n" +
+    "                <div class=\"col-sm-6\">\n" +
+    "                    <div class=\"panel panel-default\">\n" +
+    "                        <div class=\"panel-body\">\n" +
+    "                            <form class=\"graph-type form-inline\">\n" +
+    "                                <select ng-model=\"$ctrl.resource\" ng-options=\"r.resource_id as r.resource_name for r in $ctrl.stateHolder.AeUser.applications\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                        class=\"SelectField form-control input-sm slim-input\"></select>\n" +
     "\n" +
-    "        <div class=\"form-group\">\n" +
-    "        <label>Action</label>\n" +
+    "                                <select class=\"SelectField form-control input-sm slim-input\" ng-model=\"$ctrl.timeSpan\"\n" +
+    "                                        ng-options=\"i as i.label for i in $ctrl.timeOptions | objectToOrderedArray:'minutes'\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                        class=\"SelectField\"></select>\n" +
     "\n" +
-    "        <div class=\"form-group\">\n" +
-    "            <select class=\"form-control\" ng-model=\"ctrl.action.new_value\" ng-options=\"f[0] as f[1] for f in ctrl.possibleActions\" ng-change=\"ctrl.setDirty()\"></select>\n" +
-    "        </div>\n" +
     "\n" +
-    "        <a class=\"btn btn-success\" ng-if=\"ctrl.action.dirty\" ng-click=\"ctrl.saveAction()\"><span class=\"fa fa-save\"></span> &nbsp;Save changes</a>\n" +
+    "                                <div class=\"btn-group\">\n" +
+    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"$ctrl.graphType.selected\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                            uib-btn-radio=\"'requests_graphs'\" data-uib-tooltip=\"Requests per second\">\n" +
+    "                                        <span class=\"fa fa-line-chart\"></span>\n" +
+    "                                    </button>\n" +
+    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"$ctrl.graphType.selected\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                            uib-btn-radio=\"'response_graphs'\" data-uib-tooltip=\"Average response time\">\n" +
+    "                                        <span class=\"fa fa-random\"></span>\n" +
+    "                                    </button>\n" +
+    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"$ctrl.graphType.selected\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                            uib-btn-radio=\"'metrics_graphs'\" data-uib-tooltip=\"Time spent per request\">\n" +
+    "                                        <span class=\"fa fa-bar-chart-o\"></span>\n" +
+    "                                    </button>\n" +
+    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"$ctrl.graphType.selected\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                            uib-btn-radio=\"'report_graphs'\" data-uib-tooltip=\"Errors\">\n" +
+    "                                        <span class=\"fa fa-exclamation-triangle\"></span>\n" +
+    "                                    </button>\n" +
+    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"$ctrl.graphType.selected\" ng-change=\"$ctrl.updateSearchParams()\"\n" +
+    "                                            uib-btn-radio=\"'slow_report_graphs'\" data-uib-tooltip=\"Slow reports\">\n" +
+    "                                        <span class=\"fa fa-clock-o\"></span>\n" +
+    "                                    </button>\n" +
+    "                                </div>\n" +
+    "                            </form>\n" +
+    "                            <div class=\"clearfix\"></div>\n" +
     "\n" +
-    "        </div>\n" +
-    "        <hr/>\n" +
-    "        <p>Meeting following criteria:</p>\n" +
-    "        <form-errors errors=\"ctrl.errors\"></form-errors>\n" +
-    "        {{ctrl.rule}}\n" +
-    "        <rule rule=\"ctrl.action.rule\" rule-definitions=\"ctrl.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"ctrl.action\"></rule>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('directives/report_alert_action/report_alert_action.html',
-    "<div class=\"panel panel-default action\">\n" +
-    "    <div class=\"panel-body form-inline\">\n" +
-    "        <div class=\"pull-right\">\n" +
-    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
-    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                  <ul class=\"dropdown-menu\">\n" +
-    "                      <li><a>No</a></li>\n" +
-    "                      <li><a ng-click=\"ctrl.deleteAction(ctrl.actions, ctrl.action)\">Yes</a></li>\n" +
-    "                  </ul>\n" +
-    "            </span>\n" +
-    "        </div>\n" +
+    "                            <p ng-if=\"$ctrl.loading.series != false\" class=\"text-center\">\n" +
+    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
+    "                            </p>\n" +
     "\n" +
-    "        <div class=\"form-group\">\n" +
-    "            <label>Applies to</label>\n" +
-    "        <select class=\"form-control\" ng-model=\"ctrl.action.resource_id\" ng-options=\"f.resource_id as f.resource_name for f in ctrl.applications\" ng-change=\"ctrl.setDirty()\">\n" +
-    "            <option value=\"\">All Resources</option>\n" +
-    "        </select>\n" +
-    "        </div>\n" +
-    "        <div class=\"form-group\">\n" +
-    "        <label>Notify</label>\n" +
-    "        <select class=\"form-control\" ng-model=\"ctrl.action.action\" ng-change=\"ctrl.setDirty()\" ng-options=\"f[0] as f[1] for f in ctrl.possibleNotifications\"></select>\n" +
+    "                            <div ng-if=\"$ctrl.loading.series == false\">\n" +
+    "                            <div ng-if=\"$ctrl.graphType.selected == 'requests_graphs'\">\n" +
+    "                                <c3chart data-domid=\"reponse_chart\" data-data=\"$ctrl.requestsChartData\" data-config=\"$ctrl.requestsChartConfig\" update=\"true\">\n" +
+    "                                </c3chart>\n" +
+    "                            </div>\n" +
     "\n" +
-    "            <a class=\"btn btn-success\" ng-if=\"ctrl.action.dirty\" ng-click=\"ctrl.saveAction()\"><span class=\"fa fa-save\"></span> &nbsp;Save changes</a>\n" +
+    "                            <div ng-if=\"$ctrl.graphType.selected == 'response_graphs'\">\n" +
+    "                                <c3chart data-domid=\"reponse_chart\" data-data=\"$ctrl.responseChartData\" data-config=\"$ctrl.responseChartConfig\" update=\"true\">\n" +
+    "                                </c3chart>\n" +
+    "                            </div>\n" +
     "\n" +
-    "        </div>\n" +
-    "        <div>\n" +
-    "            <p><strong>Channels:</strong></p>\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li class=\"list-group-item\" ng-repeat=\"channel in ctrl.action.channels\">\n" +
-    "                    <strong>{{channel.channel_visible_value}}</strong>\n" +
-    "                    <div class=\"pull-right\">\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown>\n" +
-    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                              <ul class=\"dropdown-menu\">\n" +
-    "                                  <li><a>No</a></li>\n" +
-    "                                  <li><a ng-click=\"ctrl.unBindChannel(channel)\">Yes</a></li>\n" +
-    "                              </ul>\n" +
-    "                        </span>\n" +
-    "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
-    "            <div class=\"form-group\" ng-if=\"ctrl.possibleChannels.length\">\n" +
-    "                <select class=\"form-control\" ng-model=\"ctrl.channelToBind\" ng-options=\"c as c.channel_visible_value for c in ctrl.possibleChannels |filter: c.supports_report_alerting\"></select>\n" +
-    "                <a class=\"btn btn-info\" ng-click=\"ctrl.bindChannel(channel, ctrl.action)\"><span class=\"fa fa-plus-circle\"></span> Add Channel</a>\n" +
-    "            </div>\n" +
-    "            <div class=\"alert alert-danger\" ng-if=\"!ctrl.possibleChannels.length\">\n" +
-    "                <span class=\"fa fa-exclamation-triangle \"></span>You need to create an alert channel before you can assign it to your rule.\n" +
-    "            </div>\n" +
+    "                            <div ng-if=\"$ctrl.graphType.selected == 'metrics_graphs'\">\n" +
+    "                                <c3chart data-domid=\"metrics_chart\" data-data=\"$ctrl.metricsChartData\" data-config=\"$ctrl.metricsChartConfig\" update=\"true\">\n" +
+    "                                </c3chart>\n" +
+    "                            </div>\n" +
+    "                            <div ng-if=\"$ctrl.graphType.selected == 'report_graphs'\">\n" +
+    "                                <c3chart data-domid=\"reports_chart\" data-data=\"$ctrl.reportChartData\" data-config=\"$ctrl.reportChartConfig\" update=\"true\">\n" +
+    "                                </c3chart>\n" +
+    "                            </div>\n" +
     "\n" +
-    "        </div>\n" +
-    "        <hr/>\n" +
-    "        <p>Meeting following criteria:</p>\n" +
-    "        <form-errors errors=\"ctrl.errors\"></form-errors>\n" +
-    "        <rule rule=\"ctrl.action.rule\" rule-definitions=\"ctrl.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"ctrl.action\"></rule>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('directives/rule_read_only/rule_read_only.html',
-    "<div class=\"rule-read-only\">\n" +
+    "                            <div ng-if=\"$ctrl.graphType.selected == 'slow_report_graphs'\">\n" +
+    "                                <c3chart data-domid=\"slow_reports_chart\" data-data=\"$ctrl.reportSlowChartData\" data-config=\"$ctrl.reportSlowChartConfig\" update=\"true\">\n" +
+    "                                </c3chart>\n" +
+    "                            </div>\n" +
     "\n" +
-    "    <span class=\"form-group\">\n" +
-    "        {{rule_ctrlr.readOnlyPossibleFields[rule_ctrlr.rule.field]}}\n" +
-    "    </span>\n" +
+    "                            <p ng-if=\"$ctrl.graphType.selected == 'requests_graphs'\" class=\"text-center\">\n" +
+    "                                <small>Average requests per second from all servers</small>\n" +
+    "                            </p>\n" +
     "\n" +
-    "    <span ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\">\n" +
-    "          is {{rule_ctrlr.ruleDefinitions.allOps[rule_ctrlr.rule.op]}}  {{rule_ctrlr.rule.value}}\n" +
-    "    </span>\n" +
+    "                            <p ng-if=\"$ctrl.graphType.selected == 'response_graphs'\" class=\"text-center\">\n" +
+    "                                <small>Average response time from all servers</small>\n" +
+    "                            </p>\n" +
     "\n" +
-    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__' || rule_ctrlr.rule.field =='__NOT__'\">\n" +
-    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
-    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
+    "                            <p ng-if=\"$ctrl.graphType.selected == 'metrics_graphs'\" class=\"text-center\">\n" +
+    "                                <small>Aggregated average time spent per request - broken to layers</small>\n" +
+    "                            </p>\n" +
     "\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-body form-inline\">\n" +
-    "                    <recursive>\n" +
-    "                        <rule-read-only rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"rule_ctrlr.parentObj\"></rule-read-only>\n" +
-    "                    </recursive>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
+    "                            <p ng-if=\"$ctrl.graphType.selected == 'report_graphs'\" class=\"text-center\">\n" +
+    "                                <small>Aggregated reports sent by your application</small>\n" +
+    "                            </p>\n" +
     "\n" +
-    "    </span>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('directives/rule/rule.html',
-    "<div class=\"rule form-inline\">\n" +
-    "\n" +
-    "    <div class=\"form-group\">\n" +
-    "        <select class=\"form-control\"\n" +
-    "                ng-model=\"rule_ctrlr.rule.field\"\n" +
-    "                ng-change=\"rule_ctrlr.fieldChange()\"\n" +
-    "                ng-options=\"key as label for (key, label) in rule_ctrlr.ruleDefinitions.possibleFields\"></select>\n" +
-    "    </div>\n" +
+    "                            <p ng-if=\"$ctrl.graphType.selected == 'slow_report_graphs'\" class=\"text-center\">\n" +
+    "                                <small>Aggregated slow reports sent by your application</small>\n" +
+    "                            </p>\n" +
+    "                            </div>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "    <div ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\" class=\"form-group\">\n" +
     "\n" +
-    "            <select ng-model=\"rule_ctrlr.rule.op\" class=\"form-control\"\n" +
-    "                    ng-change=\"rule_ctrlr.setDirty()\"\n" +
-    "                    ng-options=\"op as rule_ctrlr.ruleDefinitions.allOps[op] for op in rule_ctrlr.ruleDefinitions.fieldOps[rule_ctrlr.rule.field]\">\n" +
-    "            </select>\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "        <input type=\"text\" placeholder=\"Value\" ng-model=\"rule_ctrlr.rule.value\" ng-change=\"rule_ctrlr.setDirty()\" class=\"form-control\">\n" +
+    "                    <div id=\"server-container\">\n" +
     "\n" +
-    "    </div>\n" +
+    "                        <div ng-if=\"$ctrl.loading.apdex==false\" class=\"text-center m-b-1\">\n" +
     "\n" +
-    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__' || rule_ctrlr.rule.field =='__NOT__'\">\n" +
-    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
-    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-body form-inline\">\n" +
-    "                    <recursive>\n" +
-    "                        <rule rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"rule_ctrlr.rule\" parent-obj=\"rule_ctrlr.parentObj\"></rule>\n" +
-    "                    </recursive>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
+    "                            <a data-ui-sref=\"report.list({resource:$ctrl.resource, start_date:$ctrl.startDateFilter})\" class=\"combined-stat text-center\" id=\"error-rate\">\n" +
+    "                                <small>Exceptions</small>\n" +
+    "                                <br/>\n" +
+    "                                <strong>{{ $ctrl.exceptions|numberToThousands}}</strong>\n" +
+    "                                <span class=\"fa fa-chevron-right\"></span>\n" +
+    "                            </a><!--\n" +
     "\n" +
-    "        <span ng-if=\"(rule_ctrlr.config.disable_subrules == false) == false\" class=\"btn btn-info\" ng-click=\"rule_ctrlr.add()\"><span class=\"fa fa-plus-circle\"></span> Add rule</span>\n" +
+    "                    --><a data-ui-sref=\"report.list_slow({resource:$ctrl.resource, min_duration:4, start_date:$ctrl.startDateFilter})\" class=\"combined-stat text-center\" id=\"frustrating-requests\" data-uib-tooltip=\"Requests over 4s\">\n" +
+    "                            <small>Frustrating req.</small>\n" +
+    "                            <br/>\n" +
+    "                            <strong>{{$ctrl.frustratingRequests|numberToThousands}}</strong>\n" +
+    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
+    "                        </a><!--\n" +
     "\n" +
-    "    </span>\n" +
-    "    <div class=\"pull-right\" ng-if=\"rule_ctrlr.parentRule\">\n" +
-    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
-    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                  <ul class=\"dropdown-menu\">\n" +
-    "                      <li><a>No</a></li>\n" +
-    "                      <li><a  ng-click=\"rule_ctrlr.deleteRule(rule_ctrlr.parentRule, rule_ctrlr.rule)\">Yes</a></li>\n" +
-    "                  </ul>\n" +
-    "            </span>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/admin/applications/applications_list.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications.loading.applications\"></ng-include>\n" +
+    "                     --><a data-ui-sref=\"report.list_slow({resource:$ctrl.resource, min_duration:1, max_duration:4, start_date:$ctrl.startDateFilter})\" class=\"combined-stat text-center\" id=\"tolerated-requests\"\n" +
+    "                           data-uib-tooltip=\"Requests under 4s\">\n" +
+    "                            <small>Tolerated req.</small>\n" +
+    "                            <br/>\n" +
+    "                            <strong>{{$ctrl.toleratedRequests|numberToThousands}}</strong>\n" +
+    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
+    "                        </a><!--\n" +
+    "                        \n" +
+    "                        --><a class=\"combined-stat text-center\" id=\"satisfying-requests\" data-uib-tooltip=\"Requests under 1s\">\n" +
+    "                            <small>Satisfying req.</small>\n" +
+    "                            <br/>\n" +
+    "                            <strong>{{$ctrl.satisfyingRequests|numberToThousands}}</strong>\n" +
+    "                        </a><!--\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-if=\"!applications.loading.applications\">\n" +
-    "    <div class=\"panel-heading\">\n" +
+    "                    --><a data-ui-sref=\"uptime({resource:$ctrl.resource})\" class=\"combined-stat text-center\" id=\"uptime-stats\" data-uib-tooltip=\"Uptime\">\n" +
+    "                            <small>Uptime</small>\n" +
+    "                            <br/>\n" +
+    "                            <strong>{{$ctrl.uptimeStats}}%</strong>\n" +
+    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
+    "                        </a>\n" +
     "\n" +
-    "        Currently active applications: {{applications.applications.length}}\n" +
+    "                            <div class=\"clearfix\"></div>\n" +
+    "                        </div>\n" +
     "\n" +
-    "    </div>\n" +
+    "                        <div id=\"apdex-rate\" class=\"m-b-1 panel panel-default\">\n" +
+    "                            <table class=\"servers table table-striped\">\n" +
+    "                                <thead>\n" +
+    "                                <tr>\n" +
+    "                                    <th></th>\n" +
+    "                                    <th>Server</th>\n" +
+    "                                    <th>Apdex\n" +
+    "                                <span class=\"fa fa-question-circle\"\n" +
+    "                                      data-uib-tooltip=\"Application Performance Index - measures viewer satisfaction based on response times and error rates\"></span>\n" +
+    "                                    </th>\n" +
+    "                                    <th>rpm</th>\n" +
+    "                                    <th>avg. response</th>\n" +
+    "                                </tr>\n" +
+    "                                </thead>\n" +
+    "                                <tbody>\n" +
+    "                                <tr ng-if=\"$ctrl.loading.apdex!=false\" class=\"text-center\">\n" +
+    "                                    <td colspan=\"5\"><span class=\"fa fa-cog fa-spin fa-5x loader\"></span></td>\n" +
+    "                                </tr>\n" +
+    "                                <tr ng-repeat=\"server in $ctrl.apdexStats\" class=\"{{ server | apdexValue }}\"\n" +
+    "                                    ng-if=\"$ctrl.loading.apdex==false\">\n" +
+    "                                    <td><span class=\"fa fa-hdd-o\"></span></td>\n" +
+    "                                    <td>\n" +
+    "                                        <small><strong>{{ server.name }}</strong></small>\n" +
+    "                                    </td>\n" +
+    "                                    <td class=\"apdex\">\n" +
+    "                                        <small><strong>{{ server.apdex }} %</strong></small>\n" +
+    "                                    </td>\n" +
+    "                                    <td>\n" +
+    "                                        <small><strong>{{ server.rpm }}rpm</strong></small>\n" +
+    "                                    </td>\n" +
+    "                                    <td>\n" +
+    "                                        <small><strong>{{ server.avg_response_time }}s</strong></small>\n" +
+    "                                    </td>\n" +
+    "                                </tr>\n" +
+    "                                </tbody>\n" +
+    "                            </table>\n" +
     "\n" +
-    "    <table st-table=\"displayedCollection\" st-safe-src=\"applications.applications\" class=\"table table-striped\">\n" +
-    "        <thead>\n" +
-    "        <tr>\n" +
-    "            <th st-sort=\"resource_name\"><a>Application name</a></th>\n" +
-    "            <th st-sort=\"owner_user_name\"><a>Owner User</a></th>\n" +
-    "            <th st-sort=\"owner_group_name\"><a>Owner Group</a></th>\n" +
-    "            <th class=\"options\"></th>\n" +
-    "        </tr>\n" +
-    "        <tr>\n" +
-    "            <th><input st-search=\"resource_name\" placeholder=\"search for application\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "            <th><input st-search=\"owner_user_name\" placeholder=\"search for user\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "            <th><input st-search=\"owner_group_name\" placeholder=\"search for group\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "            <th></th>\n" +
-    "        </tr>\n" +
-    "        </thead>\n" +
-    "        <tbody>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
     "\n" +
-    "        <tr ng-repeat=\"resource in displayedCollection track by resource.resource_id\">\n" +
-    "            <td> {{resource.resource_name}}</td>\n" +
-    "            <td>{{resource.owner_user_name}}</td>\n" +
-    "            <td>{{resource.owner_group_name}}</td>\n" +
-    "            <td>\n" +
-    "                <a class=\"btn btn-default btn-sm\" data-ui-sref=\"applications.update({resourceId:resource.resource_id})\" data-toggle=\"tooltip\" title=\"Update application\"><span class=\"fa fa-cog\"></span></a>\n" +
-    "            </td>\n" +
-    "        </tr>\n" +
-    "        <tfoot>\n" +
-    "        <tr>\n" +
-    "            <td colspan=\"4\" class=\"text-center\">\n" +
-    "                <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
-    "            </td>\n" +
-    "        </tr>\n" +
-    "        </tfoot>\n" +
-    "        </tbody>\n" +
-    "    </table>\n" +
+    "                </div>\n" +
     "\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/admin/configs/edit.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"configs.loading.config\"></ng-include>\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!configs.loading.config\">\n" +
-    "    <div class=\"panel-heading\">\n" +
-    "        <h3 class=\"panel-title\">Basic Configuration</h3>\n" +
-    "    </div>\n" +
-    "    <div class=\"panel-body\">\n" +
-    "        <h2>Visual</h2>\n" +
-    "        <form class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Footer HTML\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <textarea class=\"form-control\" type=\"text\" ng-model=\"configs.configs.global.template_footer_html.value\" style=\"min-height: 150px\"></textarea>\n" +
-    "                </div>\n" +
     "            </div>\n" +
-    "        </form>\n" +
     "\n" +
-    "        <h2>Functional</h2>\n" +
+    "            <div class=\"row\">\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "        <form class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Show user groups to non-admin users\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <button type=\"button\" class=\"btn btn-default\" ng-model=\"configs.configs.global.list_groups_to_non_admins.value\" uib-btn-checkbox>\n" +
-    "                        Enable\n" +
-    "                    </button>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </form>\n" +
+    "                    <div class=\"panel panel-default\">\n" +
+    "                        <div class=\"panel-heading position-relative\">\n" +
+    "                            <h3 class=\"panel-title\"><span class=\"fa fa-exclamation-triangle\"></span> Newest errors (real-time)\n" +
+    "                            </h3>\n" +
+    "                            <a tooltip-append-to-body=\"true\" data-uib-tooltip=\"Play/Pause stream\" class=\"btn btn-primary btn-sm pause_stream\" ng-model=\"$ctrl.stream.paused\" uib-btn-checkbox>\n" +
+    "                                <span class=\"fa {{stream.paused ? 'fa-play' : 'fa-pause'}}\"></span>\n" +
+    "                            </a>\n" +
+    "                            <a tooltip-append-to-body=\"true\" data-uib-tooltip=\"Limit reports to current application\" class=\"btn btn-primary btn-sm limit_stream\" ng-model=\"$ctrl.stream.filtered\" uib-btn-checkbox>\n" +
+    "                                <span class=\"fa fa-lock\"></span>\n" +
+    "                            </a>\n" +
     "\n" +
-    "        <h2>Global Rate Limiting</h2>\n" +
     "\n" +
-    "        <form class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Ignore reports per minute/per application\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_reports_rate_limit.value\" />\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "                        </div>\n" +
+    "                        <div class=\"panel-body\">\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Ignore logs per minute/per application\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_logs_rate_limit.value\" />\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "                            <p ng-if=\"$ctrl.stream.reports.length === 0\">No new reports</p>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Ignore metrics per minute/per application\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_metrics_rate_limit.value\" />\n" +
+    "                            <div small-report-list reports=\"$ctrl.stream.reports\" applications=\"$ctrl.applications\"></div>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
     "                </div>\n" +
-    "            </div>\n" +
     "\n" +
-    "        </form>\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "        <hr/>\n" +
+    "                    <div class=\"panel panel-default\">\n" +
+    "                        <div class=\"panel-heading\">\n" +
+    "                            <h3 class=\"panel-title\"><span class=\"fa fa-sort-amount-desc\"></span> Request breakdown over {{ $ctrl.timeSpan.label }}</h3>\n" +
+    "                        </div>\n" +
+    "                        <div class=\"panel-body\" id=\"view-breakdown-container\">\n" +
+    "                            <p ng-if=\"$ctrl.loading.requestsBreakdown!=false\" class=\"text-center\">\n" +
+    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
+    "                            </p>\n" +
     "\n" +
-    "        <a class=\"btn btn-primary\" ng-click=\"configs.save()\">Save configuration</a>\n" +
-    "    </div>\n" +
+    "                            <div class=\"report-list\">\n" +
+    "                                <div ng-if=\"$ctrl.loading.requestsBreakdown==false\" ng-repeat=\"view in $ctrl.requestsBreakdown\">\n" +
+    "                                    <div class=\"view-info\">\n" +
+    "                                        <div class=\"view-name\">\n" +
+    "                                            <div class=\"bar\" style=\"width: {{view.percentage}}%\">\n" +
+    "                                            </div>\n" +
+    "                                        </div>\n" +
+    "                                        <strong ng-if=\"view.latest_details.length\">\n" +
+    "                                            <a data-ui-sref=\"report.list_slow({view_name:view.view_name})\">{{view.view_name}}</a></strong>\n" +
+    "                                        <strong ng-if=\"!view.latest_details.length\">{{view.view_name}}</strong>\n" +
     "\n" +
-    "</div>\n" +
+    "                                        <div class=\"stats\">\n" +
+    "                                            <small>\n" +
+    "                                                avg. response <strong>{{view.avg_response}}s</strong> in\n" +
+    "                            <span class=\"requests\"\n" +
+    "                                  data-uib-tooltip=\"Requests\"><strong>{{view.requests|numberToThousands}}</strong> requests</span>\n" +
     "\n" +
+    "                        <span ng-if=\"view.latest_details\">\n" +
+    "                        &nbsp;&nbsp; Latest reports:\n" +
+    "                            <a ng-repeat=\"d in view.latest_details\" target=\"_blank\" ui-sref=\"report.view_detail({groupId:d.group_id, reportId:d.report_id})\"> <strong>{{$index+1}}</strong></a>\n" +
+    "                        </span>\n" +
+    "                                            </small>\n" +
+    "                                        </div>\n" +
     "\n" +
-    "<div class=\"panel panel-default\">\n" +
-    "    <div class=\"panel-heading\">\n" +
-    "        <h3 class=\"panel-title\">Plugin Configuration</h3>\n" +
-    "    </div>\n" +
-    "    <div class=\"panel-body\">\n" +
-    "        <plugin-config section=\"'admin.config'\">\n" +
-    "        </plugin-config>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/admin/configs/parent_view.html',
-    "<div ui-view></div>"
-  );
-
-
-  $templateCache.put('templates/admin/groups/groups_create.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"group.loading.group\"></ng-include>\n" +
+    "                                    </div>\n" +
     "\n" +
-    "<div ng-show=\"!group.loading.group\">\n" +
+    "                                </div>\n" +
+    "                            </div>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <form name=\"group.groupForm\" class=\"form-horizontal\" ng-submit=\"group.createGroup()\">\n" +
-    "                <div class=\"form-group\" id=\"row-group_name\">\n" +
-    "                    <data-form-errors errors=\"group.groupForm.ae_validation.group_name\"></data-form-errors>\n" +
-    "                    <label for=\"group_name\" id=\"label-group_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Group name\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"group_name\" name=\"group_name\" type=\"text\" ng-model=\"group.group.group_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
     "\n" +
-    "                <div class=\"form-group\" id=\"row-description\">\n" +
-    "                    <data-form-errors errors=\"group.groupForm.ae_validation.description\"></data-form-errors>\n" +
-    "                    <label for=\"description\" id=\"label-description\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Description\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"description\" name=\"description\" type=\"text\" ng-model=\"group.group.description\">\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
     "\n" +
-    "                <div class=\"form-group\" id=\"row-submit\">\n" +
-    "                    <label for=\"submit\" id=\"label-submit\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"{{$state.params.groupId ? 'Update' : 'Add'}} Group\">\n" +
-    "                    </div>\n" +
     "                </div>\n" +
-    "            </form>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "\n" +
     "\n" +
-    "    <div class=\"panel panel-default\" ng-if=\"group.group.id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">Permissions summary</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <h3>Direct application permissions</h3>\n" +
+    "            </div>\n" +
     "\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in group.resourcePermissions.group.application\" class=\"animate-repeat list-group-item\">\n" +
-    "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
+    "            <div class=\"row\">\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "                    <div class=\"pull-right\">\n" +
+    "                    <div class=\"panel panel-default\">\n" +
+    "                        <div class=\"panel-heading\">\n" +
+    "                            <h3 class=\"panel-title\">\n" +
+    "                                <span class=\"fa fa-exclamation-triangle\"></span> Report groups trending over {{ $ctrl.timeSpan.label }}\n" +
+    "                            </h3>\n" +
+    "                        </div>\n" +
+    "                        <div class=\"panel-body\">\n" +
+    "                            <p ng-if=\"$ctrl.loading.reports != false\" class=\"text-center\">\n" +
+    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
+    "                            </p>\n" +
     "\n" +
-    "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
+    "                            <p ng-if=\"$ctrl.trendingReports.length == 0 && $ctrl.loading.reports == false\">\n" +
+    "                                No reports found\n" +
+    "                            </p>\n" +
     "\n" +
-    "                        <a class=\"btn btn-default btn-xs\" data-uib-tooltip=\"Visit Application\" data-ui-sref=\"applications.update({resourceId:perm.self.resource_id})\">\n" +
-    "                            <span class=\"fa fa-cog\"></span>\n" +
-    "                        </a>\n" +
+    "                            <div small-report-group-list groups=\"$ctrl.trendingReports\" applications=\"$ctrl.applications\" ng-if=\"$ctrl.loading.reports==false\"></div>\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
     "\n" +
-    "            <h3>Direct dashboard permissions</h3>\n" +
+    "                </div>\n" +
     "\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in group.resourcePermissions.group.dashboard\" class=\"animate-repeat list-group-item\">\n" +
-    "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "                    <div class=\"pull-right\">\n" +
-    "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
     "\n" +
-    "                        <a class=\"btn btn-default btn-xs\" data-uib-tooltip=\"Visit Dashboard\" data-ui-sref=\"dashboard.update({resourceId:perm.self.resource_id})\">\n" +
-    "                            <span class=\"fa fa-cog\"></span>\n" +
-    "                        </a>\n" +
-    "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
+    "                    <div class=\"panel panel-default\">\n" +
+    "                        <div class=\"panel-heading\">\n" +
+    "                            <h3 class=\"panel-title\">\n" +
+    "                                Most common slow calls over {{ $ctrl.timeSpan.label }}\n" +
+    "                            </h3>\n" +
+    "                        </div>\n" +
+    "                        <div class=\"panel-body\">\n" +
     "\n" +
-    "        </div>\n" +
+    "                            <div ng-if=\"$ctrl.loading.slowCalls!=false\" class=\"text-center\">\n" +
+    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
+    "                            </div>\n" +
     "\n" +
-    "    </div>\n" +
+    "                            <table id=\"slow-statements\" ng-if=\"$ctrl.loading.slowCalls==false\">\n" +
+    "                                <tbody>\n" +
+    "                                <tr ng-repeat=\"call in $ctrl.slowCalls\">\n" +
+    "                                    <td class=\"occurences\">\n" +
+    "                                        <span class=\"occurences\" data-uib-tooltip=\"Occurences\">{{call.occurences|numberToThousands}}</span>\n" +
+    "                                    </td>\n" +
+    "                                    <td class=\"ellipsis\">\n" +
+    "                                        <small title=\"{{call.statement}}\" class=\"statement\">{{call.statement}}</small>\n" +
+    "                                        <br/>\n" +
+    "                                        <span class=\"type\">{{call.statement_type}}</span>\n" +
+    "                                        <span class=\"subtype\">{{call.statement_subtype}}</span>\n" +
+    "                                        <span class=\"duration\" data-uib-tooltip=\"Average duration\">{{call.total_duration/call.occurences|round:2}}s</span>\n" +
+    "                        <span class=\"report-list\">\n" +
+    "                        Latest reports:\n" +
+    "                        <a ng-repeat=\"d in call.latest_details\" target=\"_blank\" ui-sref=\"report.view_detail({groupId:d.group_id, reportId:d.report_id})\"> <strong>{{$index+1}}</strong> </a>\n" +
+    "                        </span>\n" +
+    "                                    </td>\n" +
+    "                                </tr>\n" +
+    "                                </tbody>\n" +
+    "                            </table>\n" +
     "\n" +
     "\n" +
-    "    <div class=\"panel panel-default\" ng-if=\"group.group.id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">User list</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "\n" +
     "\n" +
-    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"group.addUser()\">\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <input placeholder=\"Username or email\" type=\"text\" class=\"autocomplete form-control\" ng-model=\"group.form.autocompleteUser\" uib-typeahead=\"u for u in group.searchUsers($viewValue) | limitTo:8\" typeahead-loading=\"searchingUsers\" typeahead-wait-ms=\"250\"/>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <button class=\"btn btn-info\" ng-disabled=\"!group.form.autocompleteUser\"><span class=\"fa fa-user\"></span> Add user</button>\n" +
     "                </div>\n" +
-    "            </form>\n" +
     "\n" +
+    "            </div>\n" +
     "        </div>\n" +
-    "\n" +
-    "        <table st-table=\"displayedCollection\" st-safe-src=\"group.users\" class=\"table table-striped\">\n" +
-    "            <thead>\n" +
-    "            <tr>\n" +
-    "                <th st-sort=\"user_name\"><a>Username</a></th>\n" +
-    "                <th st-sort=\"email\"><a>Email</a></th>\n" +
-    "                <th st-sort=\"status\"><a>Status</a></th>\n" +
-    "                <th st-sort=\"first_name\"><a>First Name</a></th>\n" +
-    "                <th st-sort=\"last_name\"><a>Last Name</a></th>\n" +
-    "                <th st-sort=\"last_login_date\"><a>Last login</a></th>\n" +
-    "                <th class=\"options\" style=\"width: 130px\"></th>\n" +
-    "            </tr>\n" +
-    "            <tr>\n" +
-    "                <th><input st-search=\"user_name\" placeholder=\"search for user name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "                <th><input st-search=\"email\" placeholder=\"search for email\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "                <th></th>\n" +
-    "                <th><input st-search=\"first_name\" placeholder=\"search for first name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "                <th><input st-search=\"last_name\" placeholder=\"search for last name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "                <th><input st-search=\"last_login_date\" placeholder=\"search for last name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "                <th></th>\n" +
-    "            </tr>\n" +
-    "            </thead>\n" +
-    "            <tbody>\n" +
-    "\n" +
-    "            <tr ng-repeat=\"user in displayedCollection\">\n" +
-    "                <td><img src=\"{{user.gravatar_url}}\" class=\"avatar\"> {{user.user_name}}</td>\n" +
-    "                <td>{{user.email}}</td>\n" +
-    "                <td class=\"text-center\"><span class=\"fa\" ng-class=\"{'fa-check-circle':user.status, 'fa-times':!user.status}\"></span></td>\n" +
-    "                <td>{{user.first_name}}</td>\n" +
-    "                <td>{{user.last_name}}</td>\n" +
-    "                <td><span data-uib-tooltip=\"{{user.last_login_date}}\">{{user.last_login_date | isoToRelativeTime}}</span></td>\n" +
-    "                <td>\n" +
-    "                    <a class=\"btn btn-default btn-sm\" data-ui-sref=\"admin.user.update({userId:user.id})\"><span class=\"fa fa-cog\"></span></a>\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"group.removeUser(user)\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "            </tr>\n" +
-    "            <tfoot>\n" +
-    "            <tr>\n" +
-    "                <td colspan=\"7\" class=\"text-center\">\n" +
-    "                    <div st-pagination=\"\" st-items-by-page=\"50\" st-displayed-pages=\"7\"></div>\n" +
-    "                </td>\n" +
-    "            </tr>\n" +
-    "            </tfoot>\n" +
-    "            </tbody>\n" +
-    "        </table>\n" +
-    "\n" +
     "    </div>\n" +
-    "\n" +
-    "\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/groups/groups_list.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"groups.loading.groups\"></ng-include>\n" +
+  $templateCache.put('directives/permissions/permissions.html',
+    "<div class=\"panel panel-default\">\n" +
+    "    <div class=\"panel-heading\">\n" +
+    "        <h3 class=\"panel-title\">Permissions</h3>\n" +
+    "    </div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "        <p>Here you can <strong>set permissions</strong> for others to access your app data.</p>\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!groups.loading.groups\">\n" +
+    "        <p>For example you can let other staff member view or alter error reports.</p>\n" +
     "\n" +
-    "    <table st-table=\"displayedCollection\" st-safe-src=\"groups.groups\" class=\"table table-striped\">\n" +
-    "        <thead>\n" +
-    "        <tr>\n" +
-    "            <th st-sort=\"group_name\"><a>Group name</a></th>\n" +
-    "            <th st-sort=\"description\"><a>Description</a></th>\n" +
-    "            <th st-sort=\"members\"><a>Member count</a></th>\n" +
-    "            <th class=\"options\"></th>\n" +
-    "        </tr>\n" +
-    "        <tr>\n" +
-    "            <th><input st-search=\"group_name\" placeholder=\"search for group name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "            <th><input st-search=\"description\" placeholder=\"search for description\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
-    "            <th></th>\n" +
-    "            <th></th>\n" +
-    "        </tr>\n" +
-    "        </thead>\n" +
-    "        <tbody>\n" +
+    "        <div ng-if=\"permissions.possibleGroups.length > 0\">\n" +
+    "            <h3>Group permissions</h3>\n" +
     "\n" +
-    "        <tr ng-repeat=\"group in displayedCollection track by group.id\">\n" +
-    "            <td>{{group.group_name}}</td>\n" +
-    "            <td>{{group.description}}</td>\n" +
-    "            <td>{{group.member_count}}</td>\n" +
-    "            <td>\n" +
-    "                <a class=\"btn btn-default btn-sm\" data-ui-sref=\"admin.group.update({groupId:group.id})\"><span class=\"fa fa-cog\"></span></a>\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li ng-repeat=\"perm in permissions.currentPermissions.group\" class=\"animate-repeat list-group-item\">\n" +
+    "                    <strong>{{ perm.self.group_name }}</strong>\n" +
+    "                    <div  ng-repeat=\"perm_name in perm.permissions\" class=\"pull-right animate-repeat m-l-1\">\n" +
+    "                        <span ng-if=\"perm_name == '__all_permissions__'\">Resource owner</span>\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"perm_name != '__all_permissions__'\">\n" +
+    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> {{ perm_name }}</a>\n" +
     "                          <ul class=\"dropdown-menu\">\n" +
     "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"groups.removeGroup(group)\">Yes</a></li>\n" +
+    "                              <li><a ng-click=\"permissions.removeGroupPermission(perm_name, perm)\">Yes</a></li>\n" +
     "                          </ul>\n" +
     "                        </span>\n" +
-    "        </tr>\n" +
-    "        <tfoot>\n" +
-    "        <tr>\n" +
-    "            <td colspan=\"4\" class=\"text-center\">\n" +
-    "                <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
-    "            </td>\n" +
-    "        </tr>\n" +
-    "        </tfoot>\n" +
-    "        </tbody>\n" +
-    "    </table>\n" +
+    "                    </div>\n" +
+    "                </li>\n" +
+    "            </ul>\n" +
     "\n" +
-    "</div>\n" +
-    "\n"
+    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"permissions.setGroupPermission()\">\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <select class=\"form-control\" ng-model=\"permissions.form.selectedGroup\" ng-options=\"g.id as g.group_name for g in permissions.possibleGroups\"></select>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <span ng-repeat=\"permission in permissions.possiblePermissions\">\n" +
+    "                    <input type=\"checkbox\" ng-model=\"permissions.form.selectedGroupPermissions[permission]\"> {{ permission }}\n" +
+    "                    </span>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <button class=\"btn btn-info\"><span class=\"fa fa-user\"></span> Give permission</button>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
+    "\n" +
+    "        </div>\n" +
+    "\n" +
+    "        <h3>User permissions</h3>\n" +
+    "        <div>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li ng-repeat=\"perm in permissions.currentPermissions.user\" class=\"animate-repeat list-group-item\">\n" +
+    "                    <strong>{{ perm.self.user_name }}</strong>\n" +
+    "                    <div ng-repeat=\"perm_name in perm.permissions\" class=\"pull-right animate-repeat m-l-1\">\n" +
+    "                        <span ng-if=\"perm_name == '__all_permissions__'\">Resource owner</span>\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"perm_name != '__all_permissions__'\">\n" +
+    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> {{ perm_name }}</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"permissions.removeUserPermission(perm_name,perm)\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "                    </div>\n" +
+    "                </li>\n" +
+    "            </ul>\n" +
+    "        </div>\n" +
+    "        <div>\n" +
+    "            <p>First enter username or full email of person you want to give access to (the person needs to be <strong>already registered in AppEnlight</strong>)</p>\n" +
+    "\n" +
+    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"permissions.setUserPermission()\">\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <input type=\"text\" class=\"autocomplete form-control\" placeholder=\"Search for user/email\" ng-model=\"permissions.form.autocompleteUser\"\n" +
+    "                           uib-typeahead=\"u.user for u in permissions.searchUsers($viewValue) | limitTo:8\" typeahead-loading=\"permissions.searchingUsers\" typeahead-wait-ms=\"250\"\n" +
+    "                           typeahead-template-url=\"templates/directives/user_search_type_ahead.html\"\n" +
+    "                    />\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <span ng-repeat=\"permission in permissions.possiblePermissions\">\n" +
+    "                    <input type=\"checkbox\" ng-model=\"permissions.form.selectedUserPermissions[permission]\"> {{ permission }}\n" +
+    "                    </span>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <button class=\"btn btn-info\" ng-disabled=\"!permissions.form.autocompleteUser\"><span class=\"fa fa-user\"></span> Give permission</button>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/groups/parent_view.html',
-    "<div ui-view></div>"
+  $templateCache.put('directives/plugin_config/plugin_config.html',
+    "<div ng-repeat=\"tmpl in plugin_ctrlr.inclusions track by $index\">\n" +
+    "    <div><strong>Plugin: {{tmpl.name}}</strong></div>\n" +
+    "    <ng-include src=\"tmpl.template\"></ng-include>\n" +
+    "    <hr/>\n" +
+    "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/parent_view.html',
-    "<div class=\"col-sm-3\" id=\"menu\">\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">Users and groups</div>\n" +
-    "        <ul class=\"list-group\">\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.user.list\"> Users</a></li>\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.user.create\"> Create user</a></li>\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.group.list\"> Groups</a></li>\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.group.create\"> Create group</a></li>\n" +
-    "        </ul>\n" +
-    "    </div>\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">Resources</div>\n" +
-    "        <ul class=\"list-group\">\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.application.list\"> List applications</a></li>\n" +
-    "        </ul>\n" +
-    "    </div>\n" +
+  $templateCache.put('directives/postprocess_action/postprocess_action.html',
+    "<div class=\"panel panel-default action\">\n" +
+    "    <div class=\"panel-body form-inline\">\n" +
+    "        <div class=\"pull-right\">\n" +
+    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
+    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                  <ul class=\"dropdown-menu\">\n" +
+    "                      <li><a>No</a></li>\n" +
+    "                      <li><a ng-click=\"ctrl.deleteAction(ctrl.action)\">Yes</a></li>\n" +
+    "                  </ul>\n" +
+    "            </span>\n" +
+    "        </div>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">System</div>\n" +
-    "        <ul class=\"list-group\">\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.configs.list\"> Config variables</a></li>\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.system\"> System</a></li>\n" +
-    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.partitions\"> Partition Management</a></li>\n" +
-    "        </ul>\n" +
-    "    </div>\n" +
-    "</div>\n" +
+    "        <div class=\"form-group\">\n" +
+    "        <label>Action</label>\n" +
+    "\n" +
+    "        <div class=\"form-group\">\n" +
+    "            <select class=\"form-control\" ng-model=\"ctrl.action.new_value\" ng-options=\"f[0] as f[1] for f in ctrl.possibleActions\" ng-change=\"ctrl.setDirty()\"></select>\n" +
+    "        </div>\n" +
     "\n" +
+    "        <a class=\"btn btn-success\" ng-if=\"ctrl.action.dirty\" ng-click=\"ctrl.saveAction()\"><span class=\"fa fa-save\"></span> &nbsp;Save changes</a>\n" +
     "\n" +
-    "<div class=\"col-sm-9\" ui-view></div>\n"
+    "        </div>\n" +
+    "        <hr/>\n" +
+    "        <p>Meeting following criteria:</p>\n" +
+    "        <form-errors errors=\"ctrl.errors\"></form-errors>\n" +
+    "        {{ctrl.rule}}\n" +
+    "        <rule rule=\"ctrl.action.rule\" rule-definitions=\"ctrl.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"ctrl.action\"></rule>\n" +
+    "    </div>\n" +
+    "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/partitions.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"partitions.loading.partitions\"></ng-include>\n" +
+  $templateCache.put('directives/report_alert_action/report_alert_action.html',
+    "<div class=\"panel panel-default action\">\n" +
+    "    <div class=\"panel-body form-inline\">\n" +
+    "        <div class=\"pull-right\">\n" +
+    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
+    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                  <ul class=\"dropdown-menu\">\n" +
+    "                      <li><a>No</a></li>\n" +
+    "                      <li><a ng-click=\"ctrl.deleteAction(ctrl.actions, ctrl.action)\">Yes</a></li>\n" +
+    "                  </ul>\n" +
+    "            </span>\n" +
+    "        </div>\n" +
     "\n" +
-    "<div ng-show=\"!partitions.loading.partitions\">\n" +
+    "        <div class=\"form-group\">\n" +
+    "            <label>Applies to</label>\n" +
+    "        <select class=\"form-control\" ng-model=\"ctrl.action.resource_id\" ng-options=\"f.resource_id as f.resource_name for f in ctrl.applications\" ng-change=\"ctrl.setDirty()\">\n" +
+    "            <option value=\"\">All Resources</option>\n" +
+    "        </select>\n" +
+    "        </div>\n" +
+    "        <div class=\"form-group\">\n" +
+    "        <label>Notify</label>\n" +
+    "        <select class=\"form-control\" ng-model=\"ctrl.action.action\" ng-change=\"ctrl.setDirty()\" ng-options=\"f[0] as f[1] for f in ctrl.possibleNotifications\"></select>\n" +
+    "\n" +
+    "            <a class=\"btn btn-success\" ng-if=\"ctrl.action.dirty\" ng-click=\"ctrl.saveAction()\"><span class=\"fa fa-save\"></span> &nbsp;Save changes</a>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            DELETE Daily Partitions\n" +
     "        </div>\n" +
+    "        <div>\n" +
+    "            <p><strong>Channels:</strong></p>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li class=\"list-group-item\" ng-repeat=\"channel in ctrl.action.channels\">\n" +
+    "                    <strong>{{channel.channel_visible_value}}</strong>\n" +
+    "                    <div class=\"pull-right\">\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown>\n" +
+    "                            <a class=\"btn btn-danger btn-xs\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                              <ul class=\"dropdown-menu\">\n" +
+    "                                  <li><a>No</a></li>\n" +
+    "                                  <li><a ng-click=\"ctrl.unBindChannel(channel)\">Yes</a></li>\n" +
+    "                              </ul>\n" +
+    "                        </span>\n" +
+    "                    </div>\n" +
+    "                </li>\n" +
+    "            </ul>\n" +
+    "            <div class=\"form-group\" ng-if=\"ctrl.possibleChannels.length\">\n" +
+    "                <select class=\"form-control\" ng-model=\"ctrl.channelToBind\" ng-options=\"c as c.channel_visible_value for c in ctrl.possibleChannels |filter: c.supports_report_alerting\"></select>\n" +
+    "                <a class=\"btn btn-info\" ng-click=\"ctrl.bindChannel(channel, ctrl.action)\"><span class=\"fa fa-plus-circle\"></span> Add Channel</a>\n" +
+    "            </div>\n" +
+    "            <div class=\"alert alert-danger\" ng-if=\"!ctrl.possibleChannels.length\">\n" +
+    "                <span class=\"fa fa-exclamation-triangle \"></span>You need to create an alert channel before you can assign it to your rule.\n" +
+    "            </div>\n" +
     "\n" +
-    "        <form name=\"partitions.dailyPartitionsForm\"\n" +
-    "              novalidate ng-submit=\"partitions.partitionsDelete('dailyPartitions')\"\n" +
-    "              class=\"form-inline\"\n" +
-    "              ng-class=\"{'has-error':partitions.dailyPartitionsForm.$invalid}\">\n" +
+    "        </div>\n" +
+    "        <hr/>\n" +
+    "        <p>Meeting following criteria:</p>\n" +
+    "        <form-errors errors=\"ctrl.errors\"></form-errors>\n" +
+    "        <rule rule=\"ctrl.action.rule\" rule-definitions=\"ctrl.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"ctrl.action\"></rule>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('directives/rule_read_only/rule_read_only.html',
+    "<div class=\"rule-read-only\">\n" +
     "\n" +
-    "            <div class=\"panel-body\">\n" +
+    "    <span class=\"form-group\">\n" +
+    "        {{rule_ctrlr.readOnlyPossibleFields[rule_ctrlr.rule.field]}}\n" +
+    "    </span>\n" +
     "\n" +
-    "                <input type=\"text\" name=\"confirm\"\n" +
-    "                       placeholder=\"Enter CONFIRM to proceed\" class=\"form-control input-autosize\" confirm-validate required ng-model=\"partitions.dailyConfirm\">\n" +
-    "                <input type=\"submit\" class=\"btn btn-danger\" ng-disabled=\"partitions.dailyPartitionsForm.$invalid\">\n" +
-    "                <input type=\"checkbox\" ng-model=\"partitions.dailyChecked\" ng-change=\"partitions.setCheckedList('dailyPartitions')\"> Check All\n" +
+    "    <span ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\">\n" +
+    "          is {{rule_ctrlr.ruleDefinitions.allOps[rule_ctrlr.rule.op]}}  {{rule_ctrlr.rule.value}}\n" +
+    "    </span>\n" +
+    "\n" +
+    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__' || rule_ctrlr.rule.field =='__NOT__'\">\n" +
+    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
+    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
     "\n" +
+    "            <div class=\"panel panel-default\">\n" +
+    "                <div class=\"panel-body form-inline\">\n" +
+    "                    <recursive>\n" +
+    "                        <rule-read-only rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"rule_ctrlr.parentObj\"></rule-read-only>\n" +
+    "                    </recursive>\n" +
+    "                </div>\n" +
     "            </div>\n" +
+    "        </div>\n" +
     "\n" +
-    "            <table class=\"table table-striped\">\n" +
-    "                <tr>\n" +
-    "                    <th class=\"c1 date\">Date</th>\n" +
-    "                    <th class=\"c2 indices\">Indices</th>\n" +
-    "                </tr>\n" +
-    "                <tr class=\"r{{$index}}\" ng-repeat=\"row in partitions.dailyPartitions\">\n" +
-    "                    <td class=\"c1\">{{row[0]}}</td>\n" +
-    "                    <td class=\"c2\">\n" +
-    "                        <ul class=\"list-group\">\n" +
-    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].elasticsearch\">\n" +
-    "                            <input name=\"es_index\" type=\"checkbox\" ng-model=\"partition.checked\"> ES: {{partition.name}}\n" +
-    "                        </li>\n" +
-    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].pg\">\n" +
-    "                            <input name=\"pg_index\" type=\"checkbox\" ng-model=\"partition.checked\"> PG: {{partition.name}}\n" +
-    "                        </li>\n" +
-    "                        </ul>\n" +
-    "                    </td>\n" +
-    "                </tr>\n" +
-    "            </table>\n" +
-    "        </form>\n" +
+    "    </span>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('directives/rule/rule.html',
+    "<div class=\"rule form-inline\">\n" +
     "\n" +
+    "    <div class=\"form-group\">\n" +
+    "        <select class=\"form-control\"\n" +
+    "                ng-model=\"rule_ctrlr.rule.field\"\n" +
+    "                ng-change=\"rule_ctrlr.fieldChange()\"\n" +
+    "                ng-options=\"key as label for (key, label) in rule_ctrlr.ruleDefinitions.possibleFields\"></select>\n" +
     "    </div>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            DELETE Permanent Partitions\n" +
-    "        </div>\n" +
+    "    <div ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\" class=\"form-group\">\n" +
     "\n" +
-    "        <form name=\"partitions.permanentPartitionsForm\" novalidate\n" +
-    "              ng-submit=\"partitions.partitionsDelete('permanentPartitions')\"\n" +
-    "              class=\"form-inline\"\n" +
-    "              ng-class=\"{'has-error':partitions.permanentPartitionsForm.$invalid}\">\n" +
+    "            <select ng-model=\"rule_ctrlr.rule.op\" class=\"form-control\"\n" +
+    "                    ng-change=\"rule_ctrlr.setDirty()\"\n" +
+    "                    ng-options=\"op as rule_ctrlr.ruleDefinitions.allOps[op] for op in rule_ctrlr.ruleDefinitions.fieldOps[rule_ctrlr.rule.field]\">\n" +
+    "            </select>\n" +
     "\n" +
+    "        <input type=\"text\" placeholder=\"Value\" ng-model=\"rule_ctrlr.rule.value\" ng-change=\"rule_ctrlr.setDirty()\" class=\"form-control\">\n" +
     "\n" +
-    "            <div class=\"panel-body\">\n" +
+    "    </div>\n" +
     "\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <input type=\"text\" name=\"confirm\"\n" +
-    "                           placeholder=\"Enter CONFIRM to proceed\" class=\"form-control\" confirm-validate required ng-model=\"partitions.permConfirm\">\n" +
-    "                    <input type=\"submit\" class=\"btn btn-danger\" ng-disabled=\"partitions.permanentPartitionsForm.$invalid\">\n" +
-    "                    <input type=\"checkbox\" ng-model=\"partitions.permChecked\" ng-change=\"partitions.setCheckedList('permanentPartitions')\"> Check All\n" +
+    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__' || rule_ctrlr.rule.field =='__NOT__'\">\n" +
+    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
+    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
+    "            <div class=\"panel panel-default\">\n" +
+    "                <div class=\"panel-body form-inline\">\n" +
+    "                    <recursive>\n" +
+    "                        <rule rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"rule_ctrlr.rule\" parent-obj=\"rule_ctrlr.parentObj\"></rule>\n" +
+    "                    </recursive>\n" +
     "                </div>\n" +
-    "\n" +
     "            </div>\n" +
+    "        </div>\n" +
     "\n" +
-    "            <table class=\"table table-striped\">\n" +
-    "                <tr>\n" +
-    "                    <th class=\"c1 date\">Date</th>\n" +
-    "                    <th class=\"c2 indices\">Indices</th>\n" +
-    "                </tr>\n" +
-    "                <tr class=\"r{{$index}}\" ng-repeat=\"row in partitions.permanentPartitions\">\n" +
-    "                    <td class=\"c1\">{{row[0]}}</td>\n" +
-    "                    <td class=\"c2\">\n" +
-    "                        <ul class=\"list-group\">\n" +
-    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].elasticsearch\">\n" +
-    "                            <input name=\"es_index\" type=\"checkbox\" ng-model=\"partition.checked\"> ES: {{partition.name}}\n" +
-    "                        </li>\n" +
-    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].pg\">\n" +
-    "                            <input name=\"pg_index\" type=\"checkbox\" ng-model=\"partition.checked\"> PG: {{partition.name}}\n" +
-    "                        </li>\n" +
-    "                        </ul>\n" +
-    "                    </td>\n" +
-    "                </tr>\n" +
-    "            </table>\n" +
-    "        </form>\n" +
+    "        <span ng-if=\"(rule_ctrlr.config.disable_subrules == false) == false\" class=\"btn btn-info\" ng-click=\"rule_ctrlr.add()\"><span class=\"fa fa-plus-circle\"></span> Add rule</span>\n" +
+    "\n" +
+    "    </span>\n" +
+    "    <div class=\"pull-right\" ng-if=\"rule_ctrlr.parentRule\">\n" +
+    "            <span class=\"dropdown\" data-uib-dropdown>\n" +
+    "                <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                  <ul class=\"dropdown-menu\">\n" +
+    "                      <li><a>No</a></li>\n" +
+    "                      <li><a  ng-click=\"rule_ctrlr.deleteRule(rule_ctrlr.parentRule, rule_ctrlr.rule)\">Yes</a></li>\n" +
+    "                  </ul>\n" +
+    "            </span>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/admin/applications/applications_list.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications.loading.applications\"></ng-include>\n" +
+    "\n" +
+    "<div class=\"panel panel-default\" ng-if=\"!applications.loading.applications\">\n" +
+    "    <div class=\"panel-heading\">\n" +
+    "\n" +
+    "        Currently active applications: {{applications.applications.length}}\n" +
     "\n" +
     "    </div>\n" +
     "\n" +
+    "    <table st-table=\"displayedCollection\" st-safe-src=\"applications.applications\" class=\"table table-striped\">\n" +
+    "        <thead>\n" +
+    "        <tr>\n" +
+    "            <th st-sort=\"resource_name\"><a>Application name</a></th>\n" +
+    "            <th st-sort=\"owner_user_name\"><a>Owner User</a></th>\n" +
+    "            <th st-sort=\"owner_group_name\"><a>Owner Group</a></th>\n" +
+    "            <th class=\"options\"></th>\n" +
+    "        </tr>\n" +
+    "        <tr>\n" +
+    "            <th><input st-search=\"resource_name\" placeholder=\"search for application\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "            <th><input st-search=\"owner_user_name\" placeholder=\"search for user\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "            <th><input st-search=\"owner_group_name\" placeholder=\"search for group\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "            <th></th>\n" +
+    "        </tr>\n" +
+    "        </thead>\n" +
+    "        <tbody>\n" +
+    "\n" +
+    "        <tr ng-repeat=\"resource in displayedCollection track by resource.resource_id\">\n" +
+    "            <td> {{resource.resource_name}}</td>\n" +
+    "            <td>{{resource.owner_user_name}}</td>\n" +
+    "            <td>{{resource.owner_group_name}}</td>\n" +
+    "            <td>\n" +
+    "                <a class=\"btn btn-default btn-sm\" data-ui-sref=\"applications.update({resourceId:resource.resource_id})\" data-toggle=\"tooltip\" title=\"Update application\"><span class=\"fa fa-cog\"></span></a>\n" +
+    "            </td>\n" +
+    "        </tr>\n" +
+    "        <tfoot>\n" +
+    "        <tr>\n" +
+    "            <td colspan=\"4\" class=\"text-center\">\n" +
+    "                <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
+    "            </td>\n" +
+    "        </tr>\n" +
+    "        </tfoot>\n" +
+    "        </tbody>\n" +
+    "    </table>\n" +
+    "\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/system.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"system.loading.system\"></ng-include>\n" +
+  $templateCache.put('templates/admin/configs/edit.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"configs.loading.config\"></ng-include>\n" +
     "\n" +
-    "<div ng-if=\"system.loading.system == false\">\n" +
-    "    <div class=\"row\">\n" +
-    "        <div class=\"col-sm-12\">\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-heading\">\n" +
-    "                    <h3 class=\"panel-title\">\n" +
-    "                        System Info\n" +
-    "                    </h3>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!configs.loading.config\">\n" +
+    "    <div class=\"panel-heading\">\n" +
+    "        <h3 class=\"panel-title\">Basic Configuration</h3>\n" +
+    "    </div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "        <h2>Visual</h2>\n" +
+    "        <form class=\"form-horizontal\">\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    Footer HTML\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <textarea class=\"form-control\" type=\"text\" ng-model=\"configs.configs.global.template_footer_html.value\" style=\"min-height: 150px\"></textarea>\n" +
     "                </div>\n" +
-    "                <div class=\"panel-body\">\n" +
+    "            </div>\n" +
+    "        </form>\n" +
     "\n" +
-    "                    <p><strong>System Load:</strong>\n" +
-    "                        1min: {{system.systemLoad[0]}}, 5min: {{system.systemLoad[1]}}, 15min: {{system.systemLoad[2]}}\n" +
-    "                    </p>\n" +
-    "                    <p><strong>Awaiting tasks:</strong>\n" +
-    "                    <ul>\n" +
-    "                        <li>reports: {{system.queueStats.waiting_reports}}</li>\n" +
-    "                        <li>logs: {{system.queueStats.waiting_logs}}</li>\n" +
-    "                        <li>metrics: {{system.queueStats.waiting_metrics}}</li>\n" +
-    "                        <li>other: {{system.queueStats.waiting_other}}</li>\n" +
-    "                    </ul>\n" +
-    "                    </p>\n" +
-    "                    <p><strong>Queue stats from last minute:</strong>\n" +
-    "                    <ul>\n" +
-    "                        <li>Processed reports: {{system.queueStats.processed_reports}}</li>\n" +
-    "                        <li>Processed logs: {{system.queueStats.processed_logs}}</li>\n" +
-    "                        <li>Processed metrics: {{system.queueStats.processed_metrics}}</li>\n" +
-    "                    </ul>\n" +
-    "                    </p>\n" +
+    "        <h2>Functional</h2>\n" +
     "\n" +
-    "                    <p><strong>Disks:</strong>\n" +
-    "                    <ul>\n" +
-    "                        <li ng-repeat=\"disk in system.disks\">\n" +
-    "                            <strong>{{disk.device}}</strong> {{disk.free}}/{{disk.total}}, {{disk.percentage}}% used\n" +
-    "                        </li>\n" +
-    "                    </ul>\n" +
-    "                    </p>\n" +
+    "        <form class=\"form-horizontal\">\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    Show user groups to non-admin users\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <button type=\"button\" class=\"btn btn-default\" ng-model=\"configs.configs.global.list_groups_to_non_admins.value\" uib-btn-checkbox>\n" +
+    "                        Enable\n" +
+    "                    </button>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </form>\n" +
     "\n" +
-    "                    <p><strong>Process stats:</strong>\n" +
-    "                    <ul>\n" +
-    "                        <li>FD soft limits: {{system.selfInfo.fds.soft}}</li>\n" +
-    "                        <li>FD hard limits: {{system.selfInfo.fds.hard}}</li>\n" +
-    "                        <li>Memlock soft limits: {{system.selfInfo.memlock.soft}}</li>\n" +
-    "                        <li>Memlock hard limits: {{system.selfInfo.memlock.hard}}</li>\n" +
-    "                    </ul>\n" +
-    "                    </p>\n" +
+    "        <h2>Global Rate Limiting</h2>\n" +
     "\n" +
+    "        <form class=\"form-horizontal\">\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    Ignore reports per minute/per application\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_reports_rate_limit.value\" />\n" +
     "                </div>\n" +
     "            </div>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "    <div class=\"row\">\n" +
-    "        <div class=\"col-sm-12\">\n" +
-    "\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-body\">\n" +
     "\n" +
-    "                    <uib-tabset>\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Postgresql Tables\n" +
-    "                            </uib-tab-heading>\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    Ignore logs per minute/per application\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_logs_rate_limit.value\" />\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                            <table class=\"table table-striped\">\n" +
-    "                                <thead>\n" +
-    "                                <tr>\n" +
-    "                                    <th class=\"c1 tablename\">Table name</th>\n" +
-    "                                    <th class=\"c2 size_human\">Size</th>\n" +
-    "                                </tr>\n" +
-    "                                </thead>\n" +
-    "                                <tbody>\n" +
-    "                                <tr class=\"r{{$index}}\" ng-repeat=\"row in system.DBtables\">\n" +
-    "                                    <td class=\"c1\">{{row.table_name}}</td>\n" +
-    "                                    <td class=\"c2\">{{row.size_human}}</td>\n" +
-    "                                </tr>\n" +
-    "                                </tbody>\n" +
-    "                            </table>\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    Ignore metrics per minute/per application\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_metrics_rate_limit.value\" />\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                        </uib-tab>\n" +
+    "        </form>\n" +
     "\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Elasticsearch Indices\n" +
-    "                            </uib-tab-heading>\n" +
+    "        <hr/>\n" +
     "\n" +
-    "                            <table class=\"table table-striped\">\n" +
-    "                                <thead>\n" +
-    "                                <tr>\n" +
-    "                                    <th class=\"c1 tablename\">Index name</th>\n" +
-    "                                    <th class=\"c2 size_human\">Size</th>\n" +
-    "                                </tr>\n" +
-    "                                </thead>\n" +
-    "                                <tbody>\n" +
-    "                                <tr class=\"r{{$index}}\" ng-repeat=\"row in system.ESIndices\">\n" +
-    "                                    <td class=\"c1\">{{row.name}}</td>\n" +
-    "                                    <td class=\"c2\">{{row.size_human}}</td>\n" +
-    "                                </tr>\n" +
-    "                                </tbody>\n" +
-    "                            </table>\n" +
+    "        <a class=\"btn btn-primary\" ng-click=\"configs.save()\">Save configuration</a>\n" +
+    "    </div>\n" +
     "\n" +
-    "                        </uib-tab>\n" +
+    "</div>\n" +
     "\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Processes\n" +
-    "                            </uib-tab-heading>\n" +
     "\n" +
-    "                            <table class=\"table table-striped\">\n" +
-    "                                <thead>\n" +
-    "                                <tr>\n" +
-    "                                    <th class=\"c1 tablename\">Owner</th>\n" +
-    "                                    <th class=\"c2 tablename\">PID</th>\n" +
-    "                                    <th class=\"c3 tablename\">CPU</th>\n" +
-    "                                    <th class=\"c4 tablename\">MEM</th>\n" +
-    "                                    <th class=\"c4 tablename\">Name</th>\n" +
-    "                                </tr>\n" +
-    "                                </thead>\n" +
-    "                                <tbody>\n" +
-    "                                <tr class=\"r{{$index}}\" ng-repeat-start=\"row in system.processInfo\">\n" +
-    "                                    <td class=\"c1\">{{row.owner}}</td>\n" +
-    "                                    <td class=\"c2\">{{row.pid}}</td>\n" +
-    "                                    <td class=\"c3\">{{row.cpu}}</td>\n" +
-    "                                    <td class=\"c4\">{{row.mem_usage}} ({{row.mem_percentage}}%)</td>\n" +
-    "                                    <td class=\"c5\"><strong>{{row.name}}</strong></td>\n" +
-    "                                </tr>\n" +
-    "                                <tr ng-repeat-end>\n" +
-    "                                    <td colspan=\"5\" class=\"word-wrap\">{{row.command}}</td>\n" +
-    "                                </tr>\n" +
-    "                                </tbody>\n" +
-    "                            </table>\n" +
-    "\n" +
-    "                        </uib-tab>\n" +
-    "\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Python packages\n" +
-    "                            </uib-tab-heading>\n" +
-    "\n" +
-    "                            <table class=\"table\">\n" +
-    "                                <tr ng-repeat=\"package in system.packages\">\n" +
-    "                                    <td>{{package.name}}</td>\n" +
-    "                                    <td>{{package.version}}</td>\n" +
-    "                                </tr>\n" +
-    "                            </table>\n" +
-    "                            </p>\n" +
-    "\n" +
-    "                        </uib-tab>\n" +
-    "\n" +
-    "                    </uib-tabset>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
+    "<div class=\"panel panel-default\">\n" +
+    "    <div class=\"panel-heading\">\n" +
+    "        <h3 class=\"panel-title\">Plugin Configuration</h3>\n" +
+    "    </div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "        <plugin-config section=\"'admin.config'\">\n" +
+    "        </plugin-config>\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/users/parent_view.html',
+  $templateCache.put('templates/admin/configs/parent_view.html',
     "<div ui-view></div>"
   );
 
 
-  $templateCache.put('templates/admin/users/users_create.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"user.loading.user\"></ng-include>\n" +
+  $templateCache.put('templates/admin/groups/groups_create.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"group.loading.group\"></ng-include>\n" +
     "\n" +
-    "<div ng-show=\"!user.loading.user\">\n" +
+    "<div ng-show=\"!group.loading.group\">\n" +
     "\n" +
     "    <div class=\"panel panel-default\">\n" +
     "        <div class=\"panel-body\">\n" +
-    "\n" +
-    "                <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"user.user.id\">\n" +
-    "                    <a class=\"btn btn-default\" data-uib-dropdown-toggle><span class=\"fa fa-user-secret\"></span> Re-login to user</a>\n" +
-    "                  <ul class=\"dropdown-menu\">\n" +
-    "                      <li><a>No</a></li>\n" +
-    "                      <li><a ng-click=\"user.reloginUser(user)\">Yes</a></li>\n" +
-    "                  </ul>\n" +
-    "                </span>\n" +
-    "\n" +
-    "            <form name=\"user.profileForm\" class=\"form-horizontal\" ng-submit=\"user.createUser()\">\n" +
-    "                <div class=\"form-group\" id=\"row-user_name\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.user_name\"></data-form-errors>\n" +
-    "                    <label for=\"user_name\" id=\"label-user_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        User name\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"user_name\" name=\"user_name\" type=\"text\" ng-model=\"user.user.user_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
-    "                <div class=\"form-group\" id=\"row-user_password\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.user_password\"></data-form-errors>\n" +
-    "                    <label for=\"user_password\" id=\"label-user_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Password\n" +
+    "            <form name=\"group.groupForm\" class=\"form-horizontal\" ng-submit=\"group.createGroup()\">\n" +
+    "                <div class=\"form-group\" id=\"row-group_name\">\n" +
+    "                    <data-form-errors errors=\"group.groupForm.ae_validation.group_name\"></data-form-errors>\n" +
+    "                    <label for=\"group_name\" id=\"label-group_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Group name\n" +
     "                        <span class=\"required\">*</span>\n" +
     "                    </label>\n" +
     "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"user_password\" name=\"user_password\" type=\"password\" ng-model=\"user.user.user_password\">\n" +
-    "\n" +
-    "                        <p class=\"m-t-1\"><a class=\"btn btn-info btn-sm\" ng-click=\"user.generatePassword()\"><span class=\"fa fa-lock\"></span> Generate password</a>\n" +
-    "                            <span ng-show=\"user.gen_pass.length > 0\">(generated password: {{user.gen_pass}})</span>\n" +
-    "                        </p>\n" +
-    "\n" +
+    "                        <input class=\"form-control\" id=\"group_name\" name=\"group_name\" type=\"text\" ng-model=\"group.group.group_name\">\n" +
     "                    </div>\n" +
     "                </div>\n" +
     "\n" +
-    "\n" +
-    "                <div class=\"form-group\" id=\"row-email\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.email\"></data-form-errors>\n" +
-    "                    <label for=\"email\" id=\"label-email\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Email Address\n" +
+    "                <div class=\"form-group\" id=\"row-description\">\n" +
+    "                    <data-form-errors errors=\"group.groupForm.ae_validation.description\"></data-form-errors>\n" +
+    "                    <label for=\"description\" id=\"label-description\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Description\n" +
     "                        <span class=\"required\">*</span>\n" +
     "                    </label>\n" +
     "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"email\" name=\"email\" type=\"text\" ng-model=\"user.user.email\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
-    "                <div class=\"form-group\" id=\"row-first_name\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.first_name\"></data-form-errors>\n" +
-    "                    <label for=\"first_name\" id=\"label-first_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        First Name\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"first_name\" name=\"first_name\" type=\"text\" ng-model=\"user.user.first_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-last_name\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.last_name\"></data-form-errors>\n" +
-    "                    <label for=\"last_name\" id=\"label-last_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Last Name\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"last_name\" name=\"last_name\" type=\"text\" ng-model=\"user.user.last_name\">\n" +
+    "                        <input class=\"form-control\" id=\"description\" name=\"description\" type=\"text\" ng-model=\"group.group.description\">\n" +
     "                    </div>\n" +
     "                </div>\n" +
     "\n" +
-    "                <div class=\"form-group\" id=\"row-status\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.status\"></data-form-errors>\n" +
-    "                    <label for=\"status\" id=\"label-status\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Active\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input checked class=\"form-control\" id=\"status\" name=\"status\" type=\"checkbox\" ng-model=\"user.user.status\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
     "\n" +
     "                <div class=\"form-group\" id=\"row-submit\">\n" +
     "                    <label for=\"submit\" id=\"label-submit\" class=\"control-label col-sm-4 col-lg-3\">\n" +
     "                    </label>\n" +
     "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"{{$state.params.userId ? 'Update' : 'Add'}} User\">\n" +
+    "                        <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"{{$state.params.groupId ? 'Update' : 'Add'}} Group\">\n" +
     "                    </div>\n" +
     "                </div>\n" +
     "            </form>\n" +
@@ -3968,16 +3755,17 b' function kickstartAE(initialUserData) {'
     "    </div>\n" +
     "\n" +
     "\n" +
-    "    <div class=\"panel panel-default\" ng-if=\"user.user.id\">\n" +
+    "    <div class=\"panel panel-default\" ng-if=\"group.group.id\">\n" +
     "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">Permission Summary</h3>\n" +
+    "            <h3 class=\"panel-title\">Permissions summary</h3>\n" +
     "        </div>\n" +
     "        <div class=\"panel-body\">\n" +
     "            <h3>Direct application permissions</h3>\n" +
     "\n" +
     "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in user.resourcePermissions.user.application\" class=\"animate-repeat list-group-item\">\n" +
+    "                <li ng-repeat=\"perm in group.resourcePermissions.group.application\" class=\"animate-repeat list-group-item\">\n" +
     "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
+    "\n" +
     "                    <div class=\"pull-right\">\n" +
     "\n" +
     "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
@@ -3992,10 +3780,10 b' function kickstartAE(initialUserData) {'
     "            <h3>Direct dashboard permissions</h3>\n" +
     "\n" +
     "            <ul class=\"list-group\">\n" +
-    "                <li ng-repeat=\"perm in user.resourcePermissions.user.dashboard\" class=\"animate-repeat list-group-item\">\n" +
+    "                <li ng-repeat=\"perm in group.resourcePermissions.group.dashboard\" class=\"animate-repeat list-group-item\">\n" +
     "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
-    "                    <div class=\"pull-right\">\n" +
     "\n" +
+    "                    <div class=\"pull-right\">\n" +
     "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
     "\n" +
     "                        <a class=\"btn btn-default btn-xs\" data-uib-tooltip=\"Visit Dashboard\" data-ui-sref=\"dashboard.update({resourceId:perm.self.resource_id})\">\n" +
@@ -4010,32 +3798,33 b' function kickstartAE(initialUserData) {'
     "    </div>\n" +
     "\n" +
     "\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/admin/users/users_list.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"users.loading.users\"></ng-include>\n" +
-    "\n" +
-    "<div ng-show=\"!users.loading.users\">\n" +
-    "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "\n" +
+    "    <div class=\"panel panel-default\" ng-if=\"group.group.id\">\n" +
     "        <div class=\"panel-heading\">\n" +
-    "            {{users.activeUsers}} active out of {{users.users.length}} users\n" +
+    "            <h3 class=\"panel-title\">User list</h3>\n" +
     "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "\n" +
+    "            <form name=\"add_permission\" class=\"form-inline\" ng-submit=\"group.addUser()\">\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <input placeholder=\"Username or email\" type=\"text\" class=\"autocomplete form-control\" ng-model=\"group.form.autocompleteUser\" uib-typeahead=\"u for u in group.searchUsers($viewValue) | limitTo:8\" typeahead-loading=\"searchingUsers\" typeahead-wait-ms=\"250\"/>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <button class=\"btn btn-info\" ng-disabled=\"!group.form.autocompleteUser\"><span class=\"fa fa-user\"></span> Add user</button>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
     "\n" +
+    "        </div>\n" +
     "\n" +
-    "        <table st-table=\"displayedCollection\" st-safe-src=\"users.users\" class=\"table table-striped\">\n" +
+    "        <table st-table=\"displayedCollection\" st-safe-src=\"group.users\" class=\"table table-striped\">\n" +
     "            <thead>\n" +
     "            <tr>\n" +
-    "                <th class=\"user_name\" st-sort=\"user_name\"><a>Username</a></th>\n" +
-    "                <th class=\"email\" st-sort=\"email\"><a>Email</a></th>\n" +
-    "                <th class=\"status\" st-sort=\"status\"><a>Status</a></th>\n" +
+    "                <th st-sort=\"user_name\"><a>Username</a></th>\n" +
+    "                <th st-sort=\"email\"><a>Email</a></th>\n" +
+    "                <th st-sort=\"status\"><a>Status</a></th>\n" +
     "                <th st-sort=\"first_name\"><a>First Name</a></th>\n" +
     "                <th st-sort=\"last_name\"><a>Last Name</a></th>\n" +
     "                <th st-sort=\"last_login_date\"><a>Last login</a></th>\n" +
-    "                <th class=\"options\"></th>\n" +
+    "                <th class=\"options\" style=\"width: 130px\"></th>\n" +
     "            </tr>\n" +
     "            <tr>\n" +
     "                <th><input st-search=\"user_name\" placeholder=\"search for user name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
@@ -4049,519 +3838,378 b' function kickstartAE(initialUserData) {'
     "            </thead>\n" +
     "            <tbody>\n" +
     "\n" +
-    "            <tr ng-repeat=\"user in displayedCollection track by user.id\">\n" +
+    "            <tr ng-repeat=\"user in displayedCollection\">\n" +
     "                <td><img src=\"{{user.gravatar_url}}\" class=\"avatar\"> {{user.user_name}}</td>\n" +
-    "                <td class=\"word-wrap small\">{{user.email}}</td>\n" +
+    "                <td>{{user.email}}</td>\n" +
     "                <td class=\"text-center\"><span class=\"fa\" ng-class=\"{'fa-check-circle':user.status, 'fa-times':!user.status}\"></span></td>\n" +
-    "                <td class=\"word-wrap small\">{{user.first_name}}</td>\n" +
-    "                <td class=\"word-wrap small\">{{user.last_name}}</td>\n" +
-    "                <td><span data-uib-tooltip=\"{{user.last_login_date}}\" class=\"small\">{{user.last_login_date | isoToRelativeTime}}</span></td>\n" +
+    "                <td>{{user.first_name}}</td>\n" +
+    "                <td>{{user.last_name}}</td>\n" +
+    "                <td><span data-uib-tooltip=\"{{user.last_login_date}}\">{{user.last_login_date | isoToRelativeTime}}</span></td>\n" +
     "                <td>\n" +
     "                    <a class=\"btn btn-default btn-sm\" data-ui-sref=\"admin.user.update({userId:user.id})\"><span class=\"fa fa-cog\"></span></a>\n" +
-    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                        <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
-    "                      <ul class=\"dropdown-menu\">\n" +
-    "                          <li><a>No</a></li>\n" +
-    "                          <li><a ng-click=\"users.removeUser(user)\">Yes</a></li>\n" +
-    "                      </ul>\n" +
-    "                    </span>\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"group.removeUser(user)\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
     "            </tr>\n" +
     "            <tfoot>\n" +
     "            <tr>\n" +
-    "                <td colspan=\"6\" class=\"text-center\">\n" +
-    "                    <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
+    "                <td colspan=\"7\" class=\"text-center\">\n" +
+    "                    <div st-pagination=\"\" st-items-by-page=\"50\" st-displayed-pages=\"7\"></div>\n" +
     "                </td>\n" +
     "            </tr>\n" +
     "            </tfoot>\n" +
     "            </tbody>\n" +
     "        </table>\n" +
     "\n" +
-    "\n" +
     "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/applications/applications_purge_logs.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications_purge.loading.applications\"></ng-include>\n" +
-    "\n" +
-    "<div ng-show=\"!applications_purge.loading.applications\">\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "\n" +
-    "            <form method=\"post\" class=\"form-horizontal\" name=\"applications_purge.form\" ng-submit=\"applications_purge.purgeLogs()\">\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label class=\"control-label col-sm-3 col-lg-2\">Application:</label>\n" +
-    "\n" +
-    "                    <div class=\"col-sm-9 col-lg-10 form-inline\">\n" +
-    "                        <select ng-model=\"applications_purge.selectedResource\" ng-change=\"applications_purge.getCommonKeys()\"\n" +
-    "                                ng-options=\"r.resource_id as r.resource_name for r in applications_purge.applications\" class=\"form-control\"></select>\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label class=\"control-label col-sm-3 col-lg-2\">Namespace:</label>\n" +
-    "\n" +
-    "                    <div class=\"col-sm-9 col-lg-10\">\n" +
-    "                        <input type=\"text\" name=\"namespace\" ng-model=\"applications_purge.namespace\"\n" +
-    "                               placeholder=\"Namespace to filter on\" uib-typeahead=\"ns for ns in applications_purge.commonNamespaces\"\n" +
-    "                               class=\"form-control\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
     "\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
-    "\n" +
-    "                    <div class=\"col-sm-8 col-lg-9 \">\n" +
-    "                        <input class=\"form-control btn btn-primary\" name=\"submit\" type=\"submit\" value=\"Purge logs meeting the criteria\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
     "\n" +
-    "            </form>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/applications_update.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"application.loading.application\"></ng-include>\n" +
-    "\n" +
-    "<div ng-show=\"!application.loading.application\">\n" +
+  $templateCache.put('templates/admin/groups/groups_list.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"groups.loading.groups\"></ng-include>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!groups.loading.groups\">\n" +
     "\n" +
-    "            <div class=\"row\" ng-show=\"application.resource.resource_id\">\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "    <table st-table=\"displayedCollection\" st-safe-src=\"groups.groups\" class=\"table table-striped\">\n" +
+    "        <thead>\n" +
+    "        <tr>\n" +
+    "            <th st-sort=\"group_name\"><a>Group name</a></th>\n" +
+    "            <th st-sort=\"description\"><a>Description</a></th>\n" +
+    "            <th st-sort=\"members\"><a>Member count</a></th>\n" +
+    "            <th class=\"options\"></th>\n" +
+    "        </tr>\n" +
+    "        <tr>\n" +
+    "            <th><input st-search=\"group_name\" placeholder=\"search for group name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "            <th><input st-search=\"description\" placeholder=\"search for description\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "            <th></th>\n" +
+    "            <th></th>\n" +
+    "        </tr>\n" +
+    "        </thead>\n" +
+    "        <tbody>\n" +
     "\n" +
-    "                    <uib-tabset>\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                API keys\n" +
-    "                            </uib-tab-heading>\n" +
+    "        <tr ng-repeat=\"group in displayedCollection track by group.id\">\n" +
+    "            <td>{{group.group_name}}</td>\n" +
+    "            <td>{{group.description}}</td>\n" +
+    "            <td>{{group.member_count}}</td>\n" +
+    "            <td>\n" +
+    "                <a class=\"btn btn-default btn-sm\" data-ui-sref=\"admin.group.update({groupId:group.id})\"><span class=\"fa fa-cog\"></span></a>\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"groups.removeGroup(group)\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "        </tr>\n" +
+    "        <tfoot>\n" +
+    "        <tr>\n" +
+    "            <td colspan=\"4\" class=\"text-center\">\n" +
+    "                <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
+    "            </td>\n" +
+    "        </tr>\n" +
+    "        </tfoot>\n" +
+    "        </tbody>\n" +
+    "    </table>\n" +
     "\n" +
-    "                            <p><strong>PRIVATE API KEY:</strong></p>\n" +
-    "                            <p>\n" +
-    "                            <div class=\"well well-sm\">{{ application.resource.api_key }}</div>\n" +
-    "                            </p>\n" +
-    "                            <p><strong>PUBLIC API KEY</strong> (for javascript clients):</p>\n" +
-    "                            <p>\n" +
-    "                            <div class=\"well well-sm\">{{ application.resource.public_key }}</div>\n" +
-    "                            </p>\n" +
-    "                            <p><small>Your key will be used to identify to which application your data\n" +
-    "                                belongs to please keep them private at all times.</small></p>\n" +
+    "</div>\n" +
+    "\n"
+  );
+
+
+  $templateCache.put('templates/admin/groups/parent_view.html',
+    "<div ui-view></div>"
+  );
+
+
+  $templateCache.put('templates/admin/parent_view.html',
+    "<div class=\"col-sm-3\" id=\"menu\">\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">Users and groups</div>\n" +
+    "        <ul class=\"list-group\">\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.user.list\"> Users</a></li>\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.user.create\"> Create user</a></li>\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.group.list\"> Groups</a></li>\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.group.create\"> Create group</a></li>\n" +
+    "        </ul>\n" +
+    "    </div>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">Resources</div>\n" +
+    "        <ul class=\"list-group\">\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.application.list\"> List applications</a></li>\n" +
+    "        </ul>\n" +
+    "    </div>\n" +
     "\n" +
-    "                        </uib-tab>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">System</div>\n" +
+    "        <ul class=\"list-group\">\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.configs.list\"> Config variables</a></li>\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.system\"> System</a></li>\n" +
+    "            <li class=\"list-group-item\" ui-sref-active=\"active\"><a data-ui-sref=\"admin.partitions\"> Partition Management</a></li>\n" +
+    "        </ul>\n" +
+    "    </div>\n" +
+    "</div>\n" +
     "\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                <span class=\"btn btn-danger btn-xs\"><span class=\"fa fa-exclamation-triangle\"></span></span> Regenerate API keys\n" +
-    "                            </uib-tab-heading>\n" +
-    "                            <p>Are you sure you want to regenerate API KEY for this application?</p>\n" +
-    "                            <p>All client application keys will need to be updated.</p>\n" +
-    "                            <form ng-submit=\"application.regenerateAPIKeys()\" name=\"application.regenerateAPIKeysForm\" class=\"form-inline\">\n" +
-    "                                <data-form-errors errors=\"application.regenerateAPIKeysForm.ae_validation.password\"></data-form-errors>\n" +
-    "                                <div class=\"form-group\">\n" +
-    "                                <input type=\"password\" name=\"confirm\"\n" +
-    "                                       placeholder=\"Enter your password to proceed\" class=\"form-control\" ng-model=\"application.regenerateAPIKeysPassword\">\n" +
-    "                                <input type=\"submit\" class=\"btn btn-danger\" value=\"Confirm\">\n" +
-    "                                </div>\n" +
-    "                            </form>\n" +
-    "                        </uib-tab>\n" +
-    "                    </uib-tabset>\n" +
-    "                </div>\n" +
-    "                <div class=\"col-sm-6 text-center\">\n" +
-    "                    <h2 class=\"m-t-0\">How to connect your application?</h2>\n" +
-    "                    <p>Visit our <a href=\"{{AeConfig.urls.docs}}\"><strong>developer documentation</strong></a> for step-by-step integration instructions.</p>\n" +
-    "                    <div class=\"clearfix\"></div>\n" +
-    "                    <p class=\"text-center\">\n" +
-    "                        <a href=\"{{AeConfig.urls.docs}}\"><img src=\"/static/appenlight/images/logos/django_small.png\" alt=\"Django Logo\">\n" +
-    "                            <img src=\"/static/appenlight/images/logos/pyramid_small.png\" alt=\"Pyramid Logo\">\n" +
-    "                            <img src=\"/static/appenlight/images/logos/flask_small.png\" alt=\"Flask Logo\"></a>\n" +
     "\n" +
-    "                        <a href=\"{{AeConfig.urls.docs}}\"><img src=\"/static/appenlight/images/logos/js_small.png\" alt=\"Javascript Logo\">\n" +
-    "                            <img src=\"/static/appenlight/images/logos/nodejs.png\" alt=\"Node.js\"></a>\n" +
-    "                        <img src=\"/static/appenlight/images/logos/ruby_small.png\" alt=\"Ruby Logo\">\n" +
-    "                        <img src=\"/static/appenlight/images/logos/php_small.png\" alt=\"PHP Logo\">\n" +
-    "                        </a>\n" +
+    "<div class=\"col-sm-9\" ui-view></div>\n"
+  );
+
+
+  $templateCache.put('templates/admin/partitions.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"partitions.loading.partitions\"></ng-include>\n" +
     "\n" +
-    "                    </p>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "<div ng-show=\"!partitions.loading.partitions\">\n" +
     "\n" +
-    "            <hr ng-show=\"application.resource.resource_id\">\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            DELETE Daily Partitions\n" +
+    "        </div>\n" +
     "\n" +
-    "            <form method=\"post\" class=\"form-horizontal\" name=\"application.BasicForm\" ng-submit=\"application.updateBasicForm()\" novalidate>\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.resource_name\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Application name\n" +
-    "                            <span class=\"required\">*</span>\n" +
-    "                        </label>\n" +
+    "        <form name=\"partitions.dailyPartitionsForm\"\n" +
+    "              novalidate ng-submit=\"partitions.partitionsDelete('dailyPartitions')\"\n" +
+    "              class=\"form-inline\"\n" +
+    "              ng-class=\"{'has-error':partitions.dailyPartitionsForm.$invalid}\">\n" +
     "\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <input class=\"form-control\"  name=\"resource_name\" placeholder=\"Application Name\" type=\"text\" ng-model=\"application.resource.resource_name\">\n" +
-    "                        </div>\n" +
+    "            <div class=\"panel-body\">\n" +
     "\n" +
+    "                <input type=\"text\" name=\"confirm\"\n" +
+    "                       placeholder=\"Enter CONFIRM to proceed\" class=\"form-control input-autosize\" confirm-validate required ng-model=\"partitions.dailyConfirm\">\n" +
+    "                <input type=\"submit\" class=\"btn btn-danger\" ng-disabled=\"partitions.dailyPartitionsForm.$invalid\">\n" +
+    "                <input type=\"checkbox\" ng-model=\"partitions.dailyChecked\" ng-change=\"partitions.setCheckedList('dailyPartitions')\"> Check All\n" +
     "\n" +
-    "                    </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.domains\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Domain names for CORS headers\n" +
-    "                        </label>\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <textarea class=\"form-control\"  name=\"domains\"  ng-model=\"application.resource.domains\"></textarea>\n" +
-    "                            <p class=\"description\">Required for Javascript error tracking (one line one domain, skip http:// part)</p>\n" +
-    "                        </div>\n" +
+    "            <table class=\"table table-striped\">\n" +
+    "                <tr>\n" +
+    "                    <th class=\"c1 date\">Date</th>\n" +
+    "                    <th class=\"c2 indices\">Indices</th>\n" +
+    "                </tr>\n" +
+    "                <tr class=\"r{{$index}}\" ng-repeat=\"row in partitions.dailyPartitions\">\n" +
+    "                    <td class=\"c1\">{{row[0]}}</td>\n" +
+    "                    <td class=\"c2\">\n" +
+    "                        <ul class=\"list-group\">\n" +
+    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].elasticsearch\">\n" +
+    "                            <input name=\"es_index\" type=\"checkbox\" ng-model=\"partition.checked\"> ES: {{partition.name}}\n" +
+    "                        </li>\n" +
+    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].pg\">\n" +
+    "                            <input name=\"pg_index\" type=\"checkbox\" ng-model=\"partition.checked\"> PG: {{partition.name}}\n" +
+    "                        </li>\n" +
+    "                        </ul>\n" +
+    "                    </td>\n" +
+    "                </tr>\n" +
+    "            </table>\n" +
+    "        </form>\n" +
     "\n" +
+    "    </div>\n" +
     "\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.default_grouping\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Default grouping for errors\n" +
-    "                        </label>\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <select class=\"form-control\"  name=\"default_grouping\" ng-model=\"application.resource.default_grouping\" ng-options=\"i[0] as i[1] for i in application.groupingOptions\"></select>\n" +
-    "                        </div>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            DELETE Permanent Partitions\n" +
+    "        </div>\n" +
     "\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.error_report_threshold\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Alert on error reports\n" +
-    "                            <span class=\"required\">*</span>\n" +
-    "                        </label>\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <input class=\"form-control\"  name=\"error_report_threshold\" type=\"text\" ng-model=\"application.resource.error_report_threshold\">\n" +
-    "                            <p class=\"description\">Application requires to send at least this amount of error reports per minute to open alert</p>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.slow_report_threshold\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Alert on slow reports\n" +
-    "                            <span class=\"required\">*</span>\n" +
-    "                        </label>\n" +
+    "        <form name=\"partitions.permanentPartitionsForm\" novalidate\n" +
+    "              ng-submit=\"partitions.partitionsDelete('permanentPartitions')\"\n" +
+    "              class=\"form-inline\"\n" +
+    "              ng-class=\"{'has-error':partitions.permanentPartitionsForm.$invalid}\">\n" +
     "\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <input class=\"form-control\"  name=\"slow_report_threshold\" type=\"text\" ng-model=\"application.resource.slow_report_threshold\">\n" +
-    "                            <p class=\"description\">Application requires to send at least this amount of slow reports per minute to open alert</p>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
-    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.allow_permanent_storage\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Permanent logs\n" +
-    "                        </label>\n" +
-    "                        <div class=\" col-sm-8 col-lg-9\">\n" +
-    "                            <input class=\"form-control\"  name=\"allow_permanent_storage\" type=\"checkbox\"  ng-model=\"application.resource.allow_permanent_storage\">\n" +
-    "                            <p class=\"description\">Allow permanent storage of logs in separate DB partitions (only administrator can enable this feature)</p>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
     "\n" +
-    "                        </label>\n" +
+    "            <div class=\"panel-body\">\n" +
     "\n" +
-    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
-    "                            <input class=\"form-control btn btn-primary\"  name=\"submit\" type=\"submit\" value=\"{{application.resource.resource_id? 'Update' : 'Create'}} Application\">\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "            </form>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <input type=\"text\" name=\"confirm\"\n" +
+    "                           placeholder=\"Enter CONFIRM to proceed\" class=\"form-control\" confirm-validate required ng-model=\"partitions.permConfirm\">\n" +
+    "                    <input type=\"submit\" class=\"btn btn-danger\" ng-disabled=\"partitions.permanentPartitionsForm.$invalid\">\n" +
+    "                    <input type=\"checkbox\" ng-model=\"partitions.permChecked\" ng-change=\"partitions.setCheckedList('permanentPartitions')\"> Check All\n" +
+    "                </div>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\" ng-show=\"application.resource.resource_id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">Plugins</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
+    "            </div>\n" +
     "\n" +
-    "        <plugin-config resource=\"application.resource\"\n" +
-    "                       section=\"'application.update'\"\n" +
-    "                       ng-if=\"application.resource.resource_id\">\n" +
-    "        </plugin-config>\n" +
+    "            <table class=\"table table-striped\">\n" +
+    "                <tr>\n" +
+    "                    <th class=\"c1 date\">Date</th>\n" +
+    "                    <th class=\"c2 indices\">Indices</th>\n" +
+    "                </tr>\n" +
+    "                <tr class=\"r{{$index}}\" ng-repeat=\"row in partitions.permanentPartitions\">\n" +
+    "                    <td class=\"c1\">{{row[0]}}</td>\n" +
+    "                    <td class=\"c2\">\n" +
+    "                        <ul class=\"list-group\">\n" +
+    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].elasticsearch\">\n" +
+    "                            <input name=\"es_index\" type=\"checkbox\" ng-model=\"partition.checked\"> ES: {{partition.name}}\n" +
+    "                        </li>\n" +
+    "                        <li class=\"list-group-item\" ng-repeat=\"partition in row[1].pg\">\n" +
+    "                            <input name=\"pg_index\" type=\"checkbox\" ng-model=\"partition.checked\"> PG: {{partition.name}}\n" +
+    "                        </li>\n" +
+    "                        </ul>\n" +
+    "                    </td>\n" +
+    "                </tr>\n" +
+    "            </table>\n" +
+    "        </form>\n" +
     "\n" +
-    "        </div>\n" +
     "    </div>\n" +
     "\n" +
-    "    <div class=\"panel panel-default m-t-1\" ng-show=\"application.resource.resource_id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">API Testing</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <p>Please be sure to add at least one <a data-ui-sref=\"user.alert_channels.email\"><strong>email alert channel</strong></a> for your account.</p>\n" +
-    "            <p>This will enable AppEnlight to send you notification emails about errors inside your application.</p>\n" +
-    "            <p><strong>After this is done you can use this CURL commands to test APIs:</strong></p>\n" +
-    "            <p>(Please note that the data like execution times is semi randomly generated)</p>\n" +
-    "            <uib-tabset>\n" +
-    "                <uib-tab>\n" +
-    "                    <uib-tab-heading>\n" +
-    "                        Log API\n" +
-    "                    </uib-tab-heading>\n" +
-    "\n" +
-    "                    <div class=\"codehilite\">\n" +
-    "                    <pre class=\"m-a-0\">\n" +
-    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/logs?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
-    "    [\n" +
-    "      {\n" +
-    "      \"log_level\": \"WARNING\",\n" +
-    "      \"message\": \"OMG ValueError happened\",\n" +
-    "      \"namespace\": \"some.namespace.indicator\",\n" +
-    "      \"request_id\": \"SOME_UUID\",\n" +
-    "      \"permanent\": false,\n" +
-    "      \"primary_key\": \"random_key\",\n" +
-    "      \"server\": \"some.server.hostname\",\n" +
-    "      \"date\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
-    "      \"tags\": [[\"tag1\",\"value\"], [\"tag2\", 5]]\n" +
-    "      },\n" +
-    "      {\n" +
-    "      \"log_level\": \"ERROR\",\n" +
-    "      \"message\": \"OMG ValueError happened2\",\n" +
-    "      \"namespace\": \"some.namespace.indicator\",\n" +
-    "      \"request_id\": \"SOME_UUID\",\n" +
-    "      \"permanent\": false,\n" +
-    "      \"server\": \"some.server.hostname\",\n" +
-    "      \"date\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\"\n" +
-    "      }\n" +
-    "    ]'\n" +
-    "                    </pre>\n" +
-    "                    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/admin/system.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"system.loading.system\"></ng-include>\n" +
     "\n" +
-    "                </uib-tab>\n" +
+    "<div ng-if=\"system.loading.system == false\">\n" +
+    "    <div class=\"row\">\n" +
+    "        <div class=\"col-sm-12\">\n" +
+    "            <div class=\"panel panel-default\">\n" +
+    "                <div class=\"panel-heading\">\n" +
+    "                    <h3 class=\"panel-title\">\n" +
+    "                        System Info\n" +
+    "                    </h3>\n" +
+    "                </div>\n" +
+    "                <div class=\"panel-body\">\n" +
     "\n" +
-    "                <uib-tab>\n" +
-    "                    <uib-tab-heading>\n" +
-    "                        Report API\n" +
-    "                    </uib-tab-heading>\n" +
+    "                    <p><strong>System Load:</strong>\n" +
+    "                        1min: {{system.systemLoad[0]}}, 5min: {{system.systemLoad[1]}}, 15min: {{system.systemLoad[2]}}\n" +
+    "                    </p>\n" +
+    "                    <p><strong>Awaiting tasks:</strong>\n" +
+    "                    <ul>\n" +
+    "                        <li>reports: {{system.queueStats.waiting_reports}}</li>\n" +
+    "                        <li>logs: {{system.queueStats.waiting_logs}}</li>\n" +
+    "                        <li>metrics: {{system.queueStats.waiting_metrics}}</li>\n" +
+    "                        <li>other: {{system.queueStats.waiting_other}}</li>\n" +
+    "                    </ul>\n" +
+    "                    </p>\n" +
+    "                    <p><strong>Queue stats from last minute:</strong>\n" +
+    "                    <ul>\n" +
+    "                        <li>Processed reports: {{system.queueStats.processed_reports}}</li>\n" +
+    "                        <li>Processed logs: {{system.queueStats.processed_logs}}</li>\n" +
+    "                        <li>Processed metrics: {{system.queueStats.processed_metrics}}</li>\n" +
+    "                    </ul>\n" +
+    "                    </p>\n" +
     "\n" +
-    "                    <div class=\"codehilite\">\n" +
-    "                    <pre class=\"m-a-0\">\n" +
-    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/reports?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
-    "    [{\n" +
-    "    \"client\": \"your-client-name-python\",\n" +
-    "    \"language\": \"python\",\n" +
-    "    \"view_name\": \"views/foo:bar\",\n" +
-    "    \"server\": \"SERVERNAME/INSTANCENAME\",\n" +
-    "    \"priority\": 5,\n" +
-    "    \"error\": \"OMG ValueError happened\",\n" +
-    "    \"occurences\":1,\n" +
-    "    \"http_status\": 500,\n" +
-    "    \"tags\": [[\"tag1\",\"value\"], [\"tag2\", 5]],\n" +
-    "    \"username\": \"USER\",\n" +
-    "    \"url\": \"HTTP://SOMEURL\",\n" +
-    "    \"ip\": \"127.0.0.1\",\n" +
-    "    \"start_time\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
-    "    \"end_time\": \"{{application.momentJs.utc().milliseconds(0).add(2, 'seconds').toISOString()}}\",\n" +
-    "    \"user_agent\": \"BROWSER_AGENT\",\n" +
-    "    \"extra\": [[\"message\",\"CUSTOM MESSAGE\"], [\"custom_value\", \"some payload\"]],\n" +
-    "    \"request_id\": \"SOME_UUID\",\n" +
-    "    \"request\": {\"REQUEST_METHOD\": \"GET\",\n" +
-    "             \"PATH_INFO\": \"/FOO/BAR\",\n" +
-    "             \"POST\": {\"FOO\":\"BAZ\",\"XXX\":\"YYY\"}\n" +
-    "             },\n" +
-    "    \"slow_calls\":[{\n" +
-    "                   \"start\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
-    "                   \"end\": \"{{application.momentJs.utc().milliseconds(0).add(1, 'seconds').toISOString()}}\",\n" +
-    "                   \"type\": \"sql\",\n" +
-    "                   \"subtype\": \"postgresql\",\n" +
-    "                   \"parameters\": [\"QPARAM1\",\"QPARAM2\",\"QPARAMX\"],\n" +
-    "                   \"statement\": \"QUERY\"\n" +
-    "                   }],\n" +
-    "    \"request_stats\": {\n" +
-    "                    \"main\": 2.50779,\n" +
-    "                    \"nosql\": 0.01008,\n" +
-    "                    \"nosql_calls\": 17.0,\n" +
-    "                    \"remote\": 0.0,\n" +
-    "                    \"remote_calls\": 0.0,\n" +
-    "                    \"sql\": 1,\n" +
-    "                    \"sql_calls\": 1.0,\n" +
-    "                    \"tmpl\": 0.0,\n" +
-    "                    \"tmpl_calls\": 0.0,\n" +
-    "                    \"custom\": 0.0,\n" +
-    "                    \"custom_calls\": 0.0\n" +
-    "                },\n" +
-    "    \"traceback\": [\n" +
-    "                {\"cline\": \"return foo_bar_baz(1,2,3)\",\n" +
-    "                \"file\": \"somedir/somefile.py\",\n" +
-    "                \"fn\": \"somefunction\",\n" +
-    "                \"line\": 454,\n" +
-    "                \"vars\": [[\"a_list\",\n" +
-    "                         [\"1\",2,\"4\",\"5\",6]],\n" +
-    "                         [\"b\", {\"1\": \"2\", \"ccc\": \"ddd\", \"1\": \"a\"}],\n" +
-    "                         [\"obj\", \"object object at 0x7f0030853dc0\"]]\n" +
-    "                        },\n" +
-    "                        {\"cline\": \"OMG ValueError happened\",\n" +
-    "                        \"file\": \"\",\n" +
-    "                        \"fn\": \"\",\n" +
-    "                        \"line\": \"\",\n" +
-    "                        \"vars\": []}\n" +
-    "                        ]\n" +
-    "                        }]'\n" +
-    "                    </pre>\n" +
-    "                    </div>\n" +
+    "                    <p><strong>Disks:</strong>\n" +
+    "                    <ul>\n" +
+    "                        <li ng-repeat=\"disk in system.disks\">\n" +
+    "                            <strong>{{disk.device}}</strong> {{disk.free}}/{{disk.total}}, {{disk.percentage}}% used\n" +
+    "                        </li>\n" +
+    "                    </ul>\n" +
+    "                    </p>\n" +
     "\n" +
-    "                </uib-tab>\n" +
+    "                    <p><strong>Process stats:</strong>\n" +
+    "                    <ul>\n" +
+    "                        <li>FD soft limits: {{system.selfInfo.fds.soft}}</li>\n" +
+    "                        <li>FD hard limits: {{system.selfInfo.fds.hard}}</li>\n" +
+    "                        <li>Memlock soft limits: {{system.selfInfo.memlock.soft}}</li>\n" +
+    "                        <li>Memlock hard limits: {{system.selfInfo.memlock.hard}}</li>\n" +
+    "                    </ul>\n" +
+    "                    </p>\n" +
     "\n" +
-    "                <uib-tab>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "    <div class=\"row\">\n" +
+    "        <div class=\"col-sm-12\">\n" +
     "\n" +
-    "                <uib-tab-heading>\n" +
-    "                    Metrics API\n" +
-    "                </uib-tab-heading>\n" +
+    "            <div class=\"panel panel-default\">\n" +
+    "                <div class=\"panel-body\">\n" +
     "\n" +
-    "                <div class=\"codehilite\">\n" +
-    "                    <pre class=\"m-a-0\">\n" +
-    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/general_metrics?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
-    "        [{\n" +
-    "        \"namespace\": \"some.monitor\",\n" +
-    "        \"timestamp\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
-    "        \"server_name\": \"server.name\",\n" +
-    "        \"tags\": [[\"value1\", 15.7], [\"value2\", 26]]}]'\n" +
-    "                    </pre>\n" +
-    "                </div>\n" +
+    "                    <uib-tabset>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Postgresql Tables\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "                </uib-tab>\n" +
+    "                            <table class=\"table table-striped\">\n" +
+    "                                <thead>\n" +
+    "                                <tr>\n" +
+    "                                    <th class=\"c1 tablename\">Table name</th>\n" +
+    "                                    <th class=\"c2 size_human\">Size</th>\n" +
+    "                                </tr>\n" +
+    "                                </thead>\n" +
+    "                                <tbody>\n" +
+    "                                <tr class=\"r{{$index}}\" ng-repeat=\"row in system.DBtables\">\n" +
+    "                                    <td class=\"c1\">{{row.table_name}}</td>\n" +
+    "                                    <td class=\"c2\">{{row.size_human}}</td>\n" +
+    "                                </tr>\n" +
+    "                                </tbody>\n" +
+    "                            </table>\n" +
     "\n" +
-    "                <uib-tab>\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "                    <uib-tab-heading>\n" +
-    "                        Request Stats API\n" +
-    "                    </uib-tab-heading>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Elasticsearch Indices\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "                    <div class=\"codehilite\">\n" +
-    "                    <pre class=\"m-a-0\">\n" +
-    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/request_stats?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
-    "        [{\"server\": \"some.server.hostname\",\n" +
-    "          \"timestamp\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
-    "          \"metrics\": [[\"dir/module:func\",\n" +
-    "               {\"custom\": 0.0,\n" +
-    "                \"custom_calls\": 0,\n" +
-    "                \"main\": 0.01664,\n" +
-    "                \"nosql\": 0.00061,\n" +
-    "                \"nosql_calls\": 23,\n" +
-    "                \"remote\": 0.0,\n" +
-    "                \"remote_calls\": 0,\n" +
-    "                \"requests\": 1,\n" +
-    "                \"sql\": 0.00105,\n" +
-    "                \"sql_calls\": 2,\n" +
-    "                \"tmpl\": 0.0,\n" +
-    "                \"tmpl_calls\": 0}],\n" +
-    "              [\"SomeView.function\",\n" +
-    "               {\"custom\": 0.0,\n" +
-    "                \"custom_calls\": 0,\n" +
-    "                \"main\": 0.647261,\n" +
-    "                \"nosql\": 0.306554,\n" +
-    "                \"nosql_calls\": 140,\n" +
-    "                \"remote\": 0.0,\n" +
-    "                \"remote_calls\": 0,\n" +
-    "                \"requests\": 28,\n" +
-    "                \"sql\": 0.0,\n" +
-    "                \"sql_calls\": 0,\n" +
-    "                \"tmpl\": 0.0,\n" +
-    "                \"tmpl_calls\": 0}]]\n" +
-    "                }]'\n" +
-    "                    </pre>\n" +
-    "                    </div>\n" +
-    "\n" +
-    "                </uib-tab>\n" +
-    "\n" +
-    "            </uib-tabset>\n" +
-    "\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "\n" +
-    "    <permissions-form resource=\"application.resource\" current-permissions=\"application.resource.current_permissions\"\n" +
-    "                      possible-permissions=\"application.resource.possible_permissions\" ng-if=\"application.resource.resource_id\"></permissions-form>\n" +
+    "                            <table class=\"table table-striped\">\n" +
+    "                                <thead>\n" +
+    "                                <tr>\n" +
+    "                                    <th class=\"c1 tablename\">Index name</th>\n" +
+    "                                    <th class=\"c2 size_human\">Size</th>\n" +
+    "                                </tr>\n" +
+    "                                </thead>\n" +
+    "                                <tbody>\n" +
+    "                                <tr class=\"r{{$index}}\" ng-repeat=\"row in system.ESIndices\">\n" +
+    "                                    <td class=\"c1\">{{row.name}}</td>\n" +
+    "                                    <td class=\"c2\">{{row.size_human}}</td>\n" +
+    "                                </tr>\n" +
+    "                                </tbody>\n" +
+    "                            </table>\n" +
     "\n" +
-    "    <div class=\"panel panel-info\" ng-show=\"application.resource.resource_id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">Postprocessing</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <p>This section allows you influence the rating of report groups - if rule is matched once its not executed anymore</p>\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "            <p>\n" +
-    "                <a class=\"btn btn-info\" ng-click=\"application.addRule()\"><span class=\"fa fa-plus-circle\"></span> Add rule</a>\n" +
-    "            </p>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Processes\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "            <post-process-action action=\"action\" resource=\"application.resource\" ng-repeat=\"action in application.resource.postprocessing_rules\"></post-process-action>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
+    "                            <table class=\"table table-striped\">\n" +
+    "                                <thead>\n" +
+    "                                <tr>\n" +
+    "                                    <th class=\"c1 tablename\">Owner</th>\n" +
+    "                                    <th class=\"c2 tablename\">PID</th>\n" +
+    "                                    <th class=\"c3 tablename\">CPU</th>\n" +
+    "                                    <th class=\"c4 tablename\">MEM</th>\n" +
+    "                                    <th class=\"c4 tablename\">Name</th>\n" +
+    "                                </tr>\n" +
+    "                                </thead>\n" +
+    "                                <tbody>\n" +
+    "                                <tr class=\"r{{$index}}\" ng-repeat-start=\"row in system.processInfo\">\n" +
+    "                                    <td class=\"c1\">{{row.owner}}</td>\n" +
+    "                                    <td class=\"c2\">{{row.pid}}</td>\n" +
+    "                                    <td class=\"c3\">{{row.cpu}}</td>\n" +
+    "                                    <td class=\"c4\">{{row.mem_usage}} ({{row.mem_percentage}}%)</td>\n" +
+    "                                    <td class=\"c5\"><strong>{{row.name}}</strong></td>\n" +
+    "                                </tr>\n" +
+    "                                <tr ng-repeat-end>\n" +
+    "                                    <td colspan=\"5\" class=\"word-wrap\">{{row.command}}</td>\n" +
+    "                                </tr>\n" +
+    "                                </tbody>\n" +
+    "                            </table>\n" +
     "\n" +
-    "    <div class=\"panel panel-danger\" ng-show=\"application.resource.resource_id\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            <h3 class=\"panel-title\">Administration</h3>\n" +
-    "        </div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <h2>Transfer ownership</h2>\n" +
-    "            <p>Please note that by transfering ownership you WILL lose access to the application data and new owner needs to give you access permission</p>\n" +
-    "            <div class=\"confirmation_form\" ng-submit=\"application.transferApplication()\">\n" +
-    "                <form class=\"form-horizontal\" name=\"application.formTransfer\">\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <data-form-errors errors=\"application.formTransfer.ae_validation.password\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Password\n" +
-    "                        </label>\n" +
-    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                            <input class=\"form-control\"  name=\"password\" type=\"password\" ng-model=\"application.formTransferModel.password\">\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <data-form-errors errors=\"application.formTransfer.ae_validation.user_name\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            New owners username\n" +
-    "                        </label>\n" +
-    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                            <input class=\"form-control\"  name=\"user_name\" type=\"text\" ng-model=\"application.formTransferModel.user_name\">\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        </label>\n" +
-    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                            <button class=\"btn btn-danger\">\n" +
-    "                                <span class=\"fa fa-user-plus\"></span>\n" +
-    "                                Transfer ownership of application\n" +
-    "                            </button>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                </form>\n" +
-    "            </div>\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "            <hr/>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Python packages\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "            <h2>Remove application</h2>\n" +
-    "            <p><strong>This operation will wipe out all data from database - there is no undo.</strong></p>\n" +
+    "                            <table class=\"table\">\n" +
+    "                                <tr ng-repeat=\"package in system.packages\">\n" +
+    "                                    <td>{{package.name}}</td>\n" +
+    "                                    <td>{{package.version}}</td>\n" +
+    "                                </tr>\n" +
+    "                            </table>\n" +
+    "                            </p>\n" +
     "\n" +
-    "            <div class=\"confirmation_form\">\n" +
-    "                <form class=\"form-horizontal\" name=\"application.formDelete\" ng-submit=\"application.deleteApplication()\">\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <data-form-errors errors=\"application.formDelete.ae_validation.password\"></data-form-errors>\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                            Password\n" +
-    "                        </label>\n" +
-    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                            <input class=\"form-control\" name=\"password\" type=\"password\" ng-model=\"application.formDeleteModel.password\">\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                    <div class=\"form-group\">\n" +
-    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "                        </label>\n" +
-    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                            <button class=\"btn btn-danger\">\n" +
-    "                                <span class=\"fa fa-trash-o\"></span>\n" +
-    "                                Delete my application\n" +
-    "                            </button>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
-    "                </form>\n" +
+    "                    </uib-tabset>\n" +
+    "                </div>\n" +
     "            </div>\n" +
     "        </div>\n" +
     "    </div>\n" +
@@ -4569,541 +4217,832 b' function kickstartAE(initialUserData) {'
   );
 
 
-  $templateCache.put('templates/applications/breadcrumbs.html',
-    "<ol class=\"breadcrumb\" ng-show=\"$state.includes('applications')\">\n" +
-    "    <li>Applications</li>\n" +
-    "    <li ng-show=\"$state.includes('applications.list')\" ng-class=\"{bold:$state.is('applications.list')}\">Owned applications</li>\n" +
-    "    <li ng-show=\"$state.includes('applications.update')\" ng-class=\"{bold:$state.is('applications.update')}\">Modify application</li>\n" +
-    "    <li ng-show=\"$state.includes('applications.integrations')\" ng-class=\"{bold:$state.includes('applications.integrations')}\">Integrations</li>\n" +
-    "    <li ng-show=\"$state.includes('applications.purge_logs')\" ng-class=\"{bold:$state.includes('applications.purge_logs')}\">Log Purging</li>\n" +
-    "</ol>\n"
+  $templateCache.put('templates/admin/users/parent_view.html',
+    "<div ui-view></div>"
   );
 
 
-  $templateCache.put('templates/applications/integrations.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application && $state.is('applications.integrations')\"></ng-include>\n" +
+  $templateCache.put('templates/admin/users/users_create.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"user.loading.user\"></ng-include>\n" +
     "\n" +
-    "<ui-view>\n" +
-    "    <div class=\"panel panel-default\" ng-show=\"!integrations.loading.application\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
+    "<div ng-show=\"!user.loading.user\">\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'bitbucket'})\">\n" +
-    "                <span class=\"fa fa-fw fa-bitbucket fa-3x pull-left\"></span>\n" +
-    "                <strong>Bitbucket</strong>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
-    "                <p>Send issues and reports to Bitbucket</p>\n" +
-    "            </a>\n" +
+    "                <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\" ng-if=\"user.user.id\">\n" +
+    "                    <a class=\"btn btn-default\" data-uib-dropdown-toggle><span class=\"fa fa-user-secret\"></span> Re-login to user</a>\n" +
+    "                  <ul class=\"dropdown-menu\">\n" +
+    "                      <li><a>No</a></li>\n" +
+    "                      <li><a ng-click=\"user.reloginUser(user)\">Yes</a></li>\n" +
+    "                  </ul>\n" +
+    "                </span>\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'campfire'})\">\n" +
-    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
-    "                <strong>Campfire</strong>\n" +
+    "            <form name=\"user.profileForm\" class=\"form-horizontal\" ng-submit=\"user.createUser()\">\n" +
+    "                <div class=\"form-group\" id=\"row-user_name\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <label for=\"user_name\" id=\"label-user_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        User name\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"user_name\" name=\"user_name\" type=\"text\" ng-model=\"user.user.user_name\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "                <p>Receive reports and alerts in your Campfire rooms</p>\n" +
-    "            </a>\n" +
+    "                <div class=\"form-group\" id=\"row-user_password\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.user_password\"></data-form-errors>\n" +
+    "                    <label for=\"user_password\" id=\"label-user_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Password\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"user_password\" name=\"user_password\" type=\"password\" ng-model=\"user.user.user_password\">\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'flowdock'})\">\n" +
-    "                <span class=\"fa fa-fw fa-envelope fa-3x pull-left\"></span>\n" +
-    "                <strong>Flowdock</strong>\n" +
+    "                        <p class=\"m-t-1\"><a class=\"btn btn-info btn-sm\" ng-click=\"user.generatePassword()\"><span class=\"fa fa-lock\"></span> Generate password</a>\n" +
+    "                            <span ng-show=\"user.gen_pass.length > 0\">(generated password: {{user.gen_pass}})</span>\n" +
+    "                        </p>\n" +
     "\n" +
-    "                <p>Receive reports and alerts on your Flowdock team\n" +
-    "                    inbox</p>\n" +
-    "            </a>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'github'})\">\n" +
-    "                <span class=\"fa fa-fw fa-github fa-3x pull-left\"></span>\n" +
-    "                <strong>Github</strong>\n" +
     "\n" +
-    "                <p>Send issues and reports to Github</p>\n" +
-    "            </a>\n" +
+    "                <div class=\"form-group\" id=\"row-email\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.email\"></data-form-errors>\n" +
+    "                    <label for=\"email\" id=\"label-email\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Email Address\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"email\" name=\"email\" type=\"text\" ng-model=\"user.user.email\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'hipchat'})\">\n" +
-    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
-    "                <strong>HipChat</strong>\n" +
-    "\n" +
-    "                <p>Receive reports and alerts in your Hipchat chanels</p>\n" +
-    "            </a>\n" +
-    "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'jira'})\">\n" +
-    "                <span class=\"fa fa-fw fa-ticket fa-3x pull-left\"></span>\n" +
-    "                <strong>Jira</strong>\n" +
-    "\n" +
-    "                <p>Send issues and reports to Jira</p>\n" +
-    "            </a>\n" +
-    "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'slack'})\">\n" +
-    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
-    "                <strong>Slack</strong>\n" +
-    "\n" +
-    "                <p>Receive reports and alerts in your Slack chanels</p>\n" +
-    "            </a>\n" +
+    "                <div class=\"form-group\" id=\"row-first_name\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.first_name\"></data-form-errors>\n" +
+    "                    <label for=\"first_name\" id=\"label-first_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        First Name\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"first_name\" name=\"first_name\" type=\"text\" ng-model=\"user.user.first_name\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-last_name\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.last_name\"></data-form-errors>\n" +
+    "                    <label for=\"last_name\" id=\"label-last_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Last Name\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"last_name\" name=\"last_name\" type=\"text\" ng-model=\"user.user.last_name\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "            <a class=\"btn btn-default integration\"\n" +
-    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'webhooks'})\">\n" +
-    "                <span class=\"fa fa-fw fa-cloud-upload fa-3x pull-left\"></span>\n" +
-    "                <strong>Webhooks</strong>\n" +
+    "                <div class=\"form-group\" id=\"row-status\">\n" +
+    "                    <data-form-errors errors=\"user.profileForm.ae_validation.status\"></data-form-errors>\n" +
+    "                    <label for=\"status\" id=\"label-status\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Active\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input checked class=\"form-control\" id=\"status\" name=\"status\" type=\"checkbox\" ng-model=\"user.user.status\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "                <p>Notify third party API's of your reports and alerts</p>\n" +
-    "            </a>\n" +
+    "                <div class=\"form-group\" id=\"row-submit\">\n" +
+    "                    <label for=\"submit\" id=\"label-submit\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"{{$state.params.userId ? 'Update' : 'Add'}} User\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
     "        </div>\n" +
     "    </div>\n" +
-    "</ui-view>\n"
-  );
-
-
-  $templateCache.put('templates/applications/integrations/bitbucket.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
-    "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
-    "\n" +
-    "        <h1>Bitbucket Integration</h1>\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "    <div class=\"panel panel-default\" ng-if=\"user.user.id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Permission Summary</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <h3>Direct application permissions</h3>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li ng-repeat=\"perm in user.resourcePermissions.user.application\" class=\"animate-repeat list-group-item\">\n" +
+    "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
+    "                    <div class=\"pull-right\">\n" +
     "\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.repo_name\"></data-form-errors>\n" +
+    "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
     "\n" +
-    "                    <div class=\"input-group\">\n" +
-    "                        <div class=\"input-group-addon\">https://bitbucket.org/</div>\n" +
-    "                        <input class=\"form-control\" ng-model=\"integration.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
-    "                        <div class=\"input-group-addon\">/</div>\n" +
-    "                        <input class=\"form-control\" ng-model=\"integration.config.repo_name\" placeholder=\"repo_name\" type=\"text\">\n" +
+    "                        <a class=\"btn btn-default btn-xs\" data-uib-tooltip=\"Visit Application\" data-ui-sref=\"applications.update({resourceId:perm.self.resource_id})\">\n" +
+    "                            <span class=\"fa fa-cog\"></span>\n" +
+    "                        </a>\n" +
     "                    </div>\n" +
+    "                </li>\n" +
+    "            </ul>\n" +
     "\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\">\n" +
+    "            <h3>Direct dashboard permissions</h3>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li ng-repeat=\"perm in user.resourcePermissions.user.dashboard\" class=\"animate-repeat list-group-item\">\n" +
+    "                    <strong>{{ perm.self.resource_name }}</strong>\n" +
+    "                    <div class=\"pull-right\">\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </form>\n" +
+    "                        <span class=\"btn btn-primary btn-xs m-r-1\" disabled ng-repeat=\"perm_name in perm.permissions\">{{ perm.self.owner ? 'Resource owner' : perm_name }}</span>\n" +
     "\n" +
-    "        <p class=\"m-t-1\">Remember you first need to\n" +
-    "            <strong>\n" +
-    "                <a data-ui-sref=\"user.profile.identities\">authorize your user account</a></strong>\n" +
-    "            with Bitbucket before we can send issues on your behalf.</p>\n" +
+    "                        <a class=\"btn btn-default btn-xs\" data-uib-tooltip=\"Visit Dashboard\" data-ui-sref=\"dashboard.update({resourceId:perm.self.resource_id})\">\n" +
+    "                            <span class=\"fa fa-cog\"></span>\n" +
+    "                        </a>\n" +
+    "                    </div>\n" +
+    "                </li>\n" +
+    "            </ul>\n" +
     "\n" +
-    "        <p>Every user will have to authorize AppEnlight to access Bitbucket to be able to post issues.</p>\n" +
+    "        </div>\n" +
     "\n" +
     "    </div>\n" +
+    "\n" +
+    "\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/integrations/campfire.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
-    "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
-    "        <h1>Campfire Integration</h1>\n" +
-    "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+  $templateCache.put('templates/admin/users/users_list.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"users.loading.users\"></ng-include>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
+    "<div ng-show=\"!users.loading.users\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Account name</label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "    <div class=\"panel panel-default\">\n" +
     "\n" +
-    "                    <div class=\"input-group\">\n" +
-    "                        <div class=\"input-group-addon\">http://</div>\n" +
-    "                        <input class=\"form-control\" ng-model=\"integration.config.account\" placeholder=\"account\">\n" +
-    "                        <div class=\"input-group-addon\">.campfirenow.com</div>\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            {{users.activeUsers}} active out of {{users.users.length}} users\n" +
+    "        </div>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\">\n" +
-    "                </div>\n" +
-    "            </div>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Room ID list</label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.rooms\" placeholder=\"Room ID list\">\n" +
-    "                    <p>\n" +
-    "                        <small>Room ID list separated by comma</small>\n" +
-    "                    </p>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Campfire\">\n" +
+    "        <table st-table=\"displayedCollection\" st-safe-src=\"users.users\" class=\"table table-striped\">\n" +
+    "            <thead>\n" +
+    "            <tr>\n" +
+    "                <th class=\"user_name\" st-sort=\"user_name\"><a>Username</a></th>\n" +
+    "                <th class=\"email\" st-sort=\"email\"><a>Email</a></th>\n" +
+    "                <th class=\"status\" st-sort=\"status\"><a>Status</a></th>\n" +
+    "                <th st-sort=\"first_name\"><a>First Name</a></th>\n" +
+    "                <th st-sort=\"last_name\"><a>Last Name</a></th>\n" +
+    "                <th st-sort=\"last_login_date\"><a>Last login</a></th>\n" +
+    "                <th class=\"options\"></th>\n" +
+    "            </tr>\n" +
+    "            <tr>\n" +
+    "                <th><input st-search=\"user_name\" placeholder=\"search for user name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "                <th><input st-search=\"email\" placeholder=\"search for email\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "                <th></th>\n" +
+    "                <th><input st-search=\"first_name\" placeholder=\"search for first name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "                <th><input st-search=\"last_name\" placeholder=\"search for last name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "                <th><input st-search=\"last_login_date\" placeholder=\"search for last name\" class=\"form-control\" type=\"search\" st-delay=\"1\"/></th>\n" +
+    "                <th></th>\n" +
+    "            </tr>\n" +
+    "            </thead>\n" +
+    "            <tbody>\n" +
     "\n" +
+    "            <tr ng-repeat=\"user in displayedCollection track by user.id\">\n" +
+    "                <td><img src=\"{{user.gravatar_url}}\" class=\"avatar\"> {{user.user_name}}</td>\n" +
+    "                <td class=\"word-wrap small\">{{user.email}}</td>\n" +
+    "                <td class=\"text-center\"><span class=\"fa\" ng-class=\"{'fa-check-circle':user.status, 'fa-times':!user.status}\"></span></td>\n" +
+    "                <td class=\"word-wrap small\">{{user.first_name}}</td>\n" +
+    "                <td class=\"word-wrap small\">{{user.last_name}}</td>\n" +
+    "                <td><span data-uib-tooltip=\"{{user.last_login_date}}\" class=\"small\">{{user.last_login_date | isoToRelativeTime}}</span></td>\n" +
+    "                <td>\n" +
+    "                    <a class=\"btn btn-default btn-sm\" data-ui-sref=\"admin.user.update({userId:user.id})\"><span class=\"fa fa-cog\"></span></a>\n" +
     "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                        <a class=\"btn btn-danger btn-sm\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span></a>\n" +
     "                      <ul class=\"dropdown-menu\">\n" +
     "                          <li><a>No</a></li>\n" +
-    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                          <li><a ng-click=\"users.removeUser(user)\">Yes</a></li>\n" +
     "                      </ul>\n" +
     "                    </span>\n" +
+    "            </tr>\n" +
+    "            <tfoot>\n" +
+    "            <tr>\n" +
+    "                <td colspan=\"6\" class=\"text-center\">\n" +
+    "                    <div st-pagination=\"\" st-items-by-page=\"100\" st-displayed-pages=\"7\"></div>\n" +
+    "                </td>\n" +
+    "            </tr>\n" +
+    "            </tfoot>\n" +
+    "            </tbody>\n" +
+    "        </table>\n" +
     "\n" +
-    "                <div class=\"btn-group\" uib-dropdown>\n" +
-    "                    <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
-    "                        Test integration <span class=\"caret\"></span>\n" +
-    "                    </button>\n" +
-    "                    <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
-    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
-    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
-    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
-    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
-    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
-    "                    </ul>\n" +
-    "                </div>\n" +
-    "\n" +
-    "            </div>\n" +
-    "\n" +
-    "        </form>\n" +
     "\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/integrations/flowdock.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
-    "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
+  $templateCache.put('templates/applications/applications_purge_logs.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications_purge.loading.applications\"></ng-include>\n" +
     "\n" +
-    "        <h1>Flowdock Integration</h1>\n" +
+    "<div ng-show=\"!applications_purge.loading.applications\">\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "\n" +
-    "            <div class=\"form-group\">\n" +
-    "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
+    "            <form method=\"post\" class=\"form-horizontal\" name=\"applications_purge.form\" ng-submit=\"applications_purge.purgeLogs()\">\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label class=\"control-label col-sm-3 col-lg-2\">Application:</label>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
+    "                    <div class=\"col-sm-9 col-lg-10 form-inline\">\n" +
+    "                        <select ng-model=\"applications_purge.selectedResource\" ng-change=\"applications_purge.getCommonKeys()\"\n" +
+    "                                ng-options=\"r.resource_id as r.resource_name for r in applications_purge.applications\" class=\"form-control\"></select>\n" +
+    "                    </div>\n" +
     "                </div>\n" +
     "\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label class=\"control-label col-sm-3 col-lg-2\">Namespace:</label>\n" +
     "\n" +
-    "            </div>\n" +
-    "\n" +
-    "            <div class=\"form-group\">\n" +
-    "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
-    "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "\n" +
-    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Flowdock\">\n" +
-    "\n" +
-    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                      <ul class=\"dropdown-menu\">\n" +
-    "                          <li><a>No</a></li>\n" +
-    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                      </ul>\n" +
-    "                    </span>\n" +
-    "                    <div class=\"btn-group\" uib-dropdown>\n" +
-    "                        <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
-    "                            Test integration <span class=\"caret\"></span>\n" +
-    "                        </button>\n" +
-    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
-    "                        </ul>\n" +
+    "                    <div class=\"col-sm-9 col-lg-10\">\n" +
+    "                        <input type=\"text\" name=\"namespace\" ng-model=\"applications_purge.namespace\"\n" +
+    "                               placeholder=\"Namespace to filter on\" uib-typeahead=\"ns for ns in applications_purge.commonNamespaces\"\n" +
+    "                               class=\"form-control\">\n" +
     "                    </div>\n" +
     "                </div>\n" +
-    "            </div>\n" +
     "\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
     "\n" +
-    "        </form>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9 \">\n" +
+    "                        <input class=\"form-control btn btn-primary\" name=\"submit\" type=\"submit\" value=\"Purge logs meeting the criteria\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
+    "            </form>\n" +
+    "        </div>\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/integrations/github.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
-    "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
+  $templateCache.put('templates/applications/applications_update.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"application.loading.application\"></ng-include>\n" +
     "\n" +
-    "        <h1>Github Integration</h1>\n" +
+    "<div ng-show=\"!application.loading.application\">\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
+    "            <div class=\"row\" ng-show=\"application.resource.resource_id\">\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
+    "                    <uib-tabset>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                API keys\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "                            <p><strong>PRIVATE API KEY:</strong></p>\n" +
+    "                            <p>\n" +
+    "                            <div class=\"well well-sm\">{{ application.resource.api_key }}</div>\n" +
+    "                            </p>\n" +
+    "                            <p><strong>PUBLIC API KEY</strong> (for javascript clients):</p>\n" +
+    "                            <p>\n" +
+    "                            <div class=\"well well-sm\">{{ application.resource.public_key }}</div>\n" +
+    "                            </p>\n" +
+    "                            <p><small>Your key will be used to identify to which application your data\n" +
+    "                                belongs to please keep them private at all times.</small></p>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.repo_name\"></data-form-errors>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                <span class=\"btn btn-danger btn-xs\"><span class=\"fa fa-exclamation-triangle\"></span></span> Regenerate API keys\n" +
+    "                            </uib-tab-heading>\n" +
+    "                            <p>Are you sure you want to regenerate API KEY for this application?</p>\n" +
+    "                            <p>All client application keys will need to be updated.</p>\n" +
+    "                            <form ng-submit=\"application.regenerateAPIKeys()\" name=\"application.regenerateAPIKeysForm\" class=\"form-inline\">\n" +
+    "                                <data-form-errors errors=\"application.regenerateAPIKeysForm.ae_validation.password\"></data-form-errors>\n" +
+    "                                <div class=\"form-group\">\n" +
+    "                                <input type=\"password\" name=\"confirm\"\n" +
+    "                                       placeholder=\"Enter your password to proceed\" class=\"form-control\" ng-model=\"application.regenerateAPIKeysPassword\">\n" +
+    "                                <input type=\"submit\" class=\"btn btn-danger\" value=\"Confirm\">\n" +
+    "                                </div>\n" +
+    "                            </form>\n" +
+    "                        </uib-tab>\n" +
+    "                    </uib-tabset>\n" +
+    "                </div>\n" +
+    "                <div class=\"col-sm-6 text-center\">\n" +
+    "                    <h2 class=\"m-t-0\">How to connect your application?</h2>\n" +
+    "                    <p>Visit our <a href=\"{{AeConfig.urls.docs}}\"><strong>developer documentation</strong></a> for step-by-step integration instructions.</p>\n" +
+    "                    <div class=\"clearfix\"></div>\n" +
+    "                    <p class=\"text-center\">\n" +
+    "                        <a href=\"{{AeConfig.urls.docs}}\"><img src=\"/static/appenlight/images/logos/django_small.png\" alt=\"Django Logo\">\n" +
+    "                            <img src=\"/static/appenlight/images/logos/pyramid_small.png\" alt=\"Pyramid Logo\">\n" +
+    "                            <img src=\"/static/appenlight/images/logos/flask_small.png\" alt=\"Flask Logo\"></a>\n" +
     "\n" +
-    "                    <div class=\"input-group\">\n" +
-    "                        <div class=\"input-group-addon\">https://api.github.com/</div>\n" +
-    "                        <input class=\"form-control\" ng-model=\"integration.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
-    "                        <div class=\"input-group-addon\">/</div>\n" +
-    "                        <input class=\"form-control\" ng-model=\"integration.config.repo_name\" placeholder=\"repo_name\" type=\"text\">\n" +
-    "                    </div>\n" +
+    "                        <a href=\"{{AeConfig.urls.docs}}\"><img src=\"/static/appenlight/images/logos/js_small.png\" alt=\"Javascript Logo\">\n" +
+    "                            <img src=\"/static/appenlight/images/logos/nodejs.png\" alt=\"Node.js\"></a>\n" +
+    "                        <img src=\"/static/appenlight/images/logos/ruby_small.png\" alt=\"Ruby Logo\">\n" +
+    "                        <img src=\"/static/appenlight/images/logos/php_small.png\" alt=\"PHP Logo\">\n" +
+    "                        </a>\n" +
     "\n" +
+    "                    </p>\n" +
     "                </div>\n" +
     "            </div>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
+    "            <hr ng-show=\"application.resource.resource_id\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "            <form method=\"post\" class=\"form-horizontal\" name=\"application.BasicForm\" ng-submit=\"application.updateBasicForm()\" novalidate>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.resource_name\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Application name\n" +
+    "                            <span class=\"required\">*</span>\n" +
+    "                        </label>\n" +
     "\n" +
-    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control\"  name=\"resource_name\" placeholder=\"Application Name\" type=\"text\" ng-model=\"application.resource.resource_name\">\n" +
+    "                        </div>\n" +
     "\n" +
-    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                      <ul class=\"dropdown-menu\">\n" +
-    "                          <li><a>No</a></li>\n" +
-    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                      </ul>\n" +
-    "                    </span>\n" +
     "\n" +
-    "            </div>\n" +
-    "        </form>\n" +
+    "                    </div>\n" +
     "\n" +
-    "        <p class=\"m-t-1\">Remember you first need to\n" +
-    "            <strong>\n" +
-    "                <a data-ui-sref=\"user.profile.identities\">authorize your user account</a></strong>\n" +
-    "            with Github before we can send issues on your behalf.</p>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.domains\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Domain names for CORS headers\n" +
+    "                        </label>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <textarea class=\"form-control\"  name=\"domains\"  ng-model=\"application.resource.domains\"></textarea>\n" +
+    "                            <p class=\"description\">Required for Javascript error tracking (one line one domain, skip http:// part)</p>\n" +
+    "                        </div>\n" +
     "\n" +
-    "        <p>Every user will have to authorize AppEnlight to access Github to be able to post issues.</p>\n" +
     "\n" +
-    "        <div class=\"panel panel-warning\">\n" +
-    "            <div class=\"panel-heading\">Private repository access</div>\n" +
-    "            <div class=\"panel-body\">\n" +
-    "                <p>If you need access to private repositories <a data-ui-sref=\"user.profile.identities\">profile page</a> allows you to require token including private repository permissions.</p>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.default_grouping\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Default grouping for errors\n" +
+    "                        </label>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <select class=\"form-control\"  name=\"default_grouping\" ng-model=\"application.resource.default_grouping\" ng-options=\"i[0] as i[1] for i in application.groupingOptions\"></select>\n" +
+    "                        </div>\n" +
     "\n" +
-    "                <p>Registration page OAuth does NOT give you token with private repository access permissions.</p>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.error_report_threshold\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Alert on error reports\n" +
+    "                            <span class=\"required\">*</span>\n" +
+    "                        </label>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control\"  name=\"error_report_threshold\" type=\"text\" ng-model=\"application.resource.error_report_threshold\">\n" +
+    "                            <p class=\"description\">Application requires to send at least this amount of error reports per minute to open alert</p>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.slow_report_threshold\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Alert on slow reports\n" +
+    "                            <span class=\"required\">*</span>\n" +
+    "                        </label>\n" +
     "\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/applications/integrations/hipchat.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control\"  name=\"slow_report_threshold\" type=\"text\" ng-model=\"application.resource.slow_report_threshold\">\n" +
+    "                            <p class=\"description\">Application requires to send at least this amount of slow reports per minute to open alert</p>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"application.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"application.BasicForm.ae_validation.allow_permanent_storage\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Permanent logs\n" +
+    "                        </label>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9\">\n" +
+    "                            <input class=\"form-control\"  name=\"allow_permanent_storage\" type=\"checkbox\"  ng-model=\"application.resource.allow_permanent_storage\">\n" +
+    "                            <p class=\"description\">Allow permanent storage of logs in separate DB partitions (only administrator can enable this feature)</p>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
+    "                        </label>\n" +
     "\n" +
-    "        <h1>Hipchat Integration</h1>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control btn btn-primary\"  name=\"submit\" type=\"submit\" value=\"{{application.resource.resource_id? 'Update' : 'Create'}} Application\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "            </form>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "    <div class=\"panel panel-default\" ng-show=\"application.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Plugins</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
+    "        <plugin-config resource=\"application.resource\"\n" +
+    "                       section=\"'application.update'\"\n" +
+    "                       ng-if=\"application.resource.resource_id\">\n" +
+    "        </plugin-config>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "\n" +
-    "            <div class=\"form-group\">\n" +
-    "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Room ID list</label>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.rooms\" placeholder=\"Room ID list\" type=\"text\">\n" +
+    "    <div class=\"panel panel-default m-t-1\" ng-show=\"application.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">API Testing</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <p>Please be sure to add at least one <a data-ui-sref=\"user.alert_channels.email\"><strong>email alert channel</strong></a> for your account.</p>\n" +
+    "            <p>This will enable AppEnlight to send you notification emails about errors inside your application.</p>\n" +
+    "            <p><strong>After this is done you can use this CURL commands to test APIs:</strong></p>\n" +
+    "            <p>(Please note that the data like execution times is semi randomly generated)</p>\n" +
+    "            <uib-tabset>\n" +
+    "                <uib-tab>\n" +
+    "                    <uib-tab-heading>\n" +
+    "                        Log API\n" +
+    "                    </uib-tab-heading>\n" +
     "\n" +
-    "                    <p>\n" +
-    "                        <small>Room ID list separated by comma</small>\n" +
-    "                    </p>\n" +
-    "                </div>\n" +
+    "                    <div class=\"codehilite\">\n" +
+    "                    <pre class=\"m-a-0\">\n" +
+    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/logs?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
+    "    [\n" +
+    "      {\n" +
+    "      \"log_level\": \"WARNING\",\n" +
+    "      \"message\": \"OMG ValueError happened\",\n" +
+    "      \"namespace\": \"some.namespace.indicator\",\n" +
+    "      \"request_id\": \"SOME_UUID\",\n" +
+    "      \"permanent\": false,\n" +
+    "      \"primary_key\": \"random_key\",\n" +
+    "      \"server\": \"some.server.hostname\",\n" +
+    "      \"date\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "      \"tags\": [[\"tag1\",\"value\"], [\"tag2\", 5]]\n" +
+    "      },\n" +
+    "      {\n" +
+    "      \"log_level\": \"ERROR\",\n" +
+    "      \"message\": \"OMG ValueError happened2\",\n" +
+    "      \"namespace\": \"some.namespace.indicator\",\n" +
+    "      \"request_id\": \"SOME_UUID\",\n" +
+    "      \"permanent\": false,\n" +
+    "      \"server\": \"some.server.hostname\",\n" +
+    "      \"date\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\"\n" +
+    "      }\n" +
+    "    ]'\n" +
+    "                    </pre>\n" +
+    "                    </div>\n" +
     "\n" +
-    "            </div>\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Hipchat\">\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
+    "                <uib-tab>\n" +
+    "                    <uib-tab-heading>\n" +
+    "                        Report API\n" +
+    "                    </uib-tab-heading>\n" +
     "\n" +
-    "                    <div class=\"btn-group\" uib-dropdown>\n" +
-    "                        <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
-    "                            Test integration <span class=\"caret\"></span>\n" +
-    "                        </button>\n" +
-    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
-    "                        </ul>\n" +
+    "                    <div class=\"codehilite\">\n" +
+    "                    <pre class=\"m-a-0\">\n" +
+    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/reports?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
+    "    [{\n" +
+    "    \"client\": \"your-client-name-python\",\n" +
+    "    \"language\": \"python\",\n" +
+    "    \"view_name\": \"views/foo:bar\",\n" +
+    "    \"server\": \"SERVERNAME/INSTANCENAME\",\n" +
+    "    \"priority\": 5,\n" +
+    "    \"error\": \"OMG ValueError happened\",\n" +
+    "    \"occurences\":1,\n" +
+    "    \"http_status\": 500,\n" +
+    "    \"tags\": [[\"tag1\",\"value\"], [\"tag2\", 5]],\n" +
+    "    \"username\": \"USER\",\n" +
+    "    \"url\": \"HTTP://SOMEURL\",\n" +
+    "    \"ip\": \"127.0.0.1\",\n" +
+    "    \"start_time\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "    \"end_time\": \"{{application.momentJs.utc().milliseconds(0).add(2, 'seconds').toISOString()}}\",\n" +
+    "    \"user_agent\": \"BROWSER_AGENT\",\n" +
+    "    \"extra\": [[\"message\",\"CUSTOM MESSAGE\"], [\"custom_value\", \"some payload\"]],\n" +
+    "    \"request_id\": \"SOME_UUID\",\n" +
+    "    \"request\": {\"REQUEST_METHOD\": \"GET\",\n" +
+    "             \"PATH_INFO\": \"/FOO/BAR\",\n" +
+    "             \"POST\": {\"FOO\":\"BAZ\",\"XXX\":\"YYY\"}\n" +
+    "             },\n" +
+    "    \"slow_calls\":[{\n" +
+    "                   \"start\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "                   \"end\": \"{{application.momentJs.utc().milliseconds(0).add(1, 'seconds').toISOString()}}\",\n" +
+    "                   \"type\": \"sql\",\n" +
+    "                   \"subtype\": \"postgresql\",\n" +
+    "                   \"parameters\": [\"QPARAM1\",\"QPARAM2\",\"QPARAMX\"],\n" +
+    "                   \"statement\": \"QUERY\"\n" +
+    "                   }],\n" +
+    "    \"request_stats\": {\n" +
+    "                    \"main\": 2.50779,\n" +
+    "                    \"nosql\": 0.01008,\n" +
+    "                    \"nosql_calls\": 17.0,\n" +
+    "                    \"remote\": 0.0,\n" +
+    "                    \"remote_calls\": 0.0,\n" +
+    "                    \"sql\": 1,\n" +
+    "                    \"sql_calls\": 1.0,\n" +
+    "                    \"tmpl\": 0.0,\n" +
+    "                    \"tmpl_calls\": 0.0,\n" +
+    "                    \"custom\": 0.0,\n" +
+    "                    \"custom_calls\": 0.0\n" +
+    "                },\n" +
+    "    \"traceback\": [\n" +
+    "                {\"cline\": \"return foo_bar_baz(1,2,3)\",\n" +
+    "                \"file\": \"somedir/somefile.py\",\n" +
+    "                \"fn\": \"somefunction\",\n" +
+    "                \"line\": 454,\n" +
+    "                \"vars\": [[\"a_list\",\n" +
+    "                         [\"1\",2,\"4\",\"5\",6]],\n" +
+    "                         [\"b\", {\"1\": \"2\", \"ccc\": \"ddd\", \"1\": \"a\"}],\n" +
+    "                         [\"obj\", \"object object at 0x7f0030853dc0\"]]\n" +
+    "                        },\n" +
+    "                        {\"cline\": \"OMG ValueError happened\",\n" +
+    "                        \"file\": \"\",\n" +
+    "                        \"fn\": \"\",\n" +
+    "                        \"line\": \"\",\n" +
+    "                        \"vars\": []}\n" +
+    "                        ]\n" +
+    "                        }]'\n" +
+    "                    </pre>\n" +
     "                    </div>\n" +
     "\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "        </form>\n" +
+    "                <uib-tab>\n" +
     "\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/applications/integrations/jira.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
+    "                <uib-tab-heading>\n" +
+    "                    Metrics API\n" +
+    "                </uib-tab-heading>\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\">\n" +
+    "                <div class=\"codehilite\">\n" +
+    "                    <pre class=\"m-a-0\">\n" +
+    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/general_metrics?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
+    "        [{\n" +
+    "        \"namespace\": \"some.monitor\",\n" +
+    "        \"timestamp\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "        \"server_name\": \"server.name\",\n" +
+    "        \"tags\": [[\"value1\", 15.7], [\"value2\", 26]]}]'\n" +
+    "                    </pre>\n" +
+    "                </div>\n" +
     "\n" +
-    "        <h1>Jira Integration</h1>\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "                <uib-tab>\n" +
     "\n" +
-    "            <div class=\"form-group\" id=\"row-host_name\">\n" +
+    "                    <uib-tab-heading>\n" +
+    "                        Request Stats API\n" +
+    "                    </uib-tab-heading>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Server URL <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.host_name\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" id=\"host_name\" name=\"host_name\" type=\"text\" ng-model=\"integration.config.host_name\">\n" +
+    "                    <div class=\"codehilite\">\n" +
+    "                    <pre class=\"m-a-0\">\n" +
+    "curl -H \"Content-Type: application/json\" -k {{AeConfig.urls.baseUrl}}api/request_stats?protocol_version=0.5\\&ampapi_key={{application.resource.api_key}} -d '\n" +
+    "        [{\"server\": \"some.server.hostname\",\n" +
+    "          \"timestamp\": \"{{application.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "          \"metrics\": [[\"dir/module:func\",\n" +
+    "               {\"custom\": 0.0,\n" +
+    "                \"custom_calls\": 0,\n" +
+    "                \"main\": 0.01664,\n" +
+    "                \"nosql\": 0.00061,\n" +
+    "                \"nosql_calls\": 23,\n" +
+    "                \"remote\": 0.0,\n" +
+    "                \"remote_calls\": 0,\n" +
+    "                \"requests\": 1,\n" +
+    "                \"sql\": 0.00105,\n" +
+    "                \"sql_calls\": 2,\n" +
+    "                \"tmpl\": 0.0,\n" +
+    "                \"tmpl_calls\": 0}],\n" +
+    "              [\"SomeView.function\",\n" +
+    "               {\"custom\": 0.0,\n" +
+    "                \"custom_calls\": 0,\n" +
+    "                \"main\": 0.647261,\n" +
+    "                \"nosql\": 0.306554,\n" +
+    "                \"nosql_calls\": 140,\n" +
+    "                \"remote\": 0.0,\n" +
+    "                \"remote_calls\": 0,\n" +
+    "                \"requests\": 28,\n" +
+    "                \"sql\": 0.0,\n" +
+    "                \"sql_calls\": 0,\n" +
+    "                \"tmpl\": 0.0,\n" +
+    "                \"tmpl_calls\": 0}]]\n" +
+    "                }]'\n" +
+    "                    </pre>\n" +
+    "                    </div>\n" +
     "\n" +
-    "                    <p>\n" +
-    "                        <small>https://servername.atlassian.net</small>\n" +
-    "                    </p>\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-user_name\">\n" +
+    "            </uib-tabset>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Username <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" id=\"user_name\" name=\"user_name\" type=\"text\" ng-model=\"integration.config.user_name\">\n" +
+    "    <permissions-form resource=\"application.resource\" current-permissions=\"application.resource.current_permissions\"\n" +
+    "                      possible-permissions=\"application.resource.possible_permissions\" ng-if=\"application.resource.resource_id\"></permissions-form>\n" +
     "\n" +
-    "                    <p>\n" +
-    "                        <small>[e-mail]</small>\n" +
-    "                    </p>\n" +
+    "    <div class=\"panel panel-info\" ng-show=\"application.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Postprocessing</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <p>This section allows you influence the rating of report groups - if rule is matched once its not executed anymore</p>\n" +
     "\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-password\">\n" +
+    "            <p>\n" +
+    "                <a class=\"btn btn-info\" ng-click=\"application.addRule()\"><span class=\"fa fa-plus-circle\"></span> Add rule</a>\n" +
+    "            </p>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Password <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.password\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" id=\"password\" name=\"password\" type=\"password\" ng-model=\"integration.config.password\">\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-project\">\n" +
+    "            <post-process-action action=\"action\" resource=\"application.resource\" ng-repeat=\"action in application.resource.postprocessing_rules\"></post-process-action>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Project key <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.project\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" id=\"project\" name=\"project\" type=\"text\" ng-model=\"integration.config.project\">\n" +
-    "                </div>\n" +
+    "    <div class=\"panel panel-danger\" ng-show=\"application.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Administration</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <h2>Transfer ownership</h2>\n" +
+    "            <p>Please note that by transfering ownership you WILL lose access to the application data and new owner needs to give you access permission</p>\n" +
+    "            <div class=\"confirmation_form\" ng-submit=\"application.transferApplication()\">\n" +
+    "                <form class=\"form-horizontal\" name=\"application.formTransfer\">\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"application.formTransfer.ae_validation.password\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Password\n" +
+    "                        </label>\n" +
+    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                            <input class=\"form-control\"  name=\"password\" type=\"password\" ng-model=\"application.formTransferModel.password\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"application.formTransfer.ae_validation.user_name\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            New owners username\n" +
+    "                        </label>\n" +
+    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                            <input class=\"form-control\"  name=\"user_name\" type=\"text\" ng-model=\"application.formTransferModel.user_name\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        </label>\n" +
+    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                            <button class=\"btn btn-danger\">\n" +
+    "                                <span class=\"fa fa-user-plus\"></span>\n" +
+    "                                Transfer ownership of application\n" +
+    "                            </button>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                </form>\n" +
     "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-submit\">\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Setup Jira\">\n" +
     "\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
+    "            <hr/>\n" +
     "\n" +
-    "        </form>\n" +
+    "            <h2>Remove application</h2>\n" +
+    "            <p><strong>This operation will wipe out all data from database - there is no undo.</strong></p>\n" +
     "\n" +
+    "            <div class=\"confirmation_form\">\n" +
+    "                <form class=\"form-horizontal\" name=\"application.formDelete\" ng-submit=\"application.deleteApplication()\">\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"application.formDelete.ae_validation.password\"></data-form-errors>\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                            Password\n" +
+    "                        </label>\n" +
+    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                            <input class=\"form-control\" name=\"password\" type=\"password\" ng-model=\"application.formDeleteModel.password\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
     "\n" +
+    "                        </label>\n" +
+    "                        <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                            <button class=\"btn btn-danger\">\n" +
+    "                                <span class=\"fa fa-trash-o\"></span>\n" +
+    "                                Delete my application\n" +
+    "                            </button>\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                </form>\n" +
+    "            </div>\n" +
+    "        </div>\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/integrations/slack.html',
+  $templateCache.put('templates/applications/breadcrumbs.html',
+    "<ol class=\"breadcrumb\" ng-show=\"$state.includes('applications')\">\n" +
+    "    <li>Applications</li>\n" +
+    "    <li ng-show=\"$state.includes('applications.list')\" ng-class=\"{bold:$state.is('applications.list')}\">Owned applications</li>\n" +
+    "    <li ng-show=\"$state.includes('applications.update')\" ng-class=\"{bold:$state.is('applications.update')}\">Modify application</li>\n" +
+    "    <li ng-show=\"$state.includes('applications.integrations')\" ng-class=\"{bold:$state.includes('applications.integrations')}\">Integrations</li>\n" +
+    "    <li ng-show=\"$state.includes('applications.purge_logs')\" ng-class=\"{bold:$state.includes('applications.purge_logs')}\">Log Purging</li>\n" +
+    "</ol>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application && $state.is('applications.integrations')\"></ng-include>\n" +
+    "\n" +
+    "<ui-view>\n" +
+    "    <div class=\"panel panel-default\" ng-show=\"!integrations.loading.application\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'bitbucket'})\">\n" +
+    "                <span class=\"fa fa-fw fa-bitbucket fa-3x pull-left\"></span>\n" +
+    "                <strong>Bitbucket</strong>\n" +
+    "\n" +
+    "                <p>Send issues and reports to Bitbucket</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'campfire'})\">\n" +
+    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
+    "                <strong>Campfire</strong>\n" +
+    "\n" +
+    "                <p>Receive reports and alerts in your Campfire rooms</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'flowdock'})\">\n" +
+    "                <span class=\"fa fa-fw fa-envelope fa-3x pull-left\"></span>\n" +
+    "                <strong>Flowdock</strong>\n" +
+    "\n" +
+    "                <p>Receive reports and alerts on your Flowdock team\n" +
+    "                    inbox</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'github'})\">\n" +
+    "                <span class=\"fa fa-fw fa-github fa-3x pull-left\"></span>\n" +
+    "                <strong>Github</strong>\n" +
+    "\n" +
+    "                <p>Send issues and reports to Github</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'hipchat'})\">\n" +
+    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
+    "                <strong>HipChat</strong>\n" +
+    "\n" +
+    "                <p>Receive reports and alerts in your Hipchat chanels</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'jira'})\">\n" +
+    "                <span class=\"fa fa-fw fa-ticket fa-3x pull-left\"></span>\n" +
+    "                <strong>Jira</strong>\n" +
+    "\n" +
+    "                <p>Send issues and reports to Jira</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'slack'})\">\n" +
+    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
+    "                <strong>Slack</strong>\n" +
+    "\n" +
+    "                <p>Receive reports and alerts in your Slack chanels</p>\n" +
+    "            </a>\n" +
+    "\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'webhooks'})\">\n" +
+    "                <span class=\"fa fa-fw fa-cloud-upload fa-3x pull-left\"></span>\n" +
+    "                <strong>Webhooks</strong>\n" +
+    "\n" +
+    "                <p>Notify third party API's of your reports and alerts</p>\n" +
+    "            </a>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "</ui-view>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/bitbucket.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
     "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
     "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
     "    <div class=\"panel-body\">\n" +
     "\n" +
-    "        <h1>Slack Integration</h1>\n" +
+    "        <h1>Bitbucket Integration</h1>\n" +
     "\n" +
     "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "\n" +
     "            <div class=\"form-group\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    API Token <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "\n" +
     "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.webhook_url\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" ng-model=\"integration.config.webhook_url\" placeholder=\"Webhook URL\" type=\"webhook_url\">\n" +
+    "\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.repo_name\"></data-form-errors>\n" +
+    "\n" +
+    "                    <div class=\"input-group\">\n" +
+    "                        <div class=\"input-group-addon\">https://bitbucket.org/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"integration.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
+    "                        <div class=\"input-group-addon\">/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"integration.config.repo_name\" placeholder=\"repo_name\" type=\"text\">\n" +
+    "                    </div>\n" +
+    "\n" +
     "                </div>\n" +
     "            </div>\n" +
-    "\n" +
     "            <div class=\"form-group\">\n" +
     "\n" +
     "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input type=\"submit\" class=\"btn btn-primary\"\n" +
-    "                           value=\"Connect to Slack\">\n" +
     "\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\n" +
     "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
     "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
     "                          <ul class=\"dropdown-menu\">\n" +
@@ -5111,475 +5050,535 b' function kickstartAE(initialUserData) {'
     "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
     "                          </ul>\n" +
     "                        </span>\n" +
-    "\n" +
-    "                    <div class=\"btn-group\" uib-dropdown>\n" +
-    "                        <button type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
-    "                            Test integration <span class=\"caret\"></span>\n" +
-    "                        </button>\n" +
-    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
-    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
-    "                        </ul>\n" +
-    "                    </div>\n" +
     "                </div>\n" +
     "            </div>\n" +
     "        </form>\n" +
     "\n" +
+    "        <p class=\"m-t-1\">Remember you first need to\n" +
+    "            <strong>\n" +
+    "                <a data-ui-sref=\"user.profile.identities\">authorize your user account</a></strong>\n" +
+    "            with Bitbucket before we can send issues on your behalf.</p>\n" +
+    "\n" +
+    "        <p>Every user will have to authorize AppEnlight to access Bitbucket to be able to post issues.</p>\n" +
+    "\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/integrations/webhooks.html',
+  $templateCache.put('templates/applications/integrations/campfire.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
     "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
     "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
     "    <div class=\"panel-body\">\n" +
-    "\n" +
-    "        <h1>Webhooks Integration</h1>\n" +
+    "        <h1>Campfire Integration</h1>\n" +
     "\n" +
     "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\" id=\"row-reports_webhook\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Reports webhook <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.reports_webhook\"></data-form-errors>\n" +
-    "                    <input class=\"form-control\" id=\"reports_webhook\" name=\"reports_webhook\" type=\"text\" ng-model=\"integration.config.reports_webhook\">\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-alerts_webhook\">\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
-    "                    Alerts webhook <span class=\"required\">*</span>\n" +
-    "                </label>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Account name</label>\n" +
     "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.alerts_webhook\"></data-form-errors>\n" +
-    "                    <input class=\"form-control StringField None\" id=\"alerts_webhook\" name=\"alerts_webhook\" type=\"text\" ng-model=\"integration.config.alerts_webhook\">\n" +
-    "                </div>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
     "\n" +
+    "                    <div class=\"input-group\">\n" +
+    "                        <div class=\"input-group-addon\">http://</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"integration.config.account\" placeholder=\"account\">\n" +
+    "                        <div class=\"input-group-addon\">.campfirenow.com</div>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\">\n" +
+    "                </div>\n" +
     "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-submit\">\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Room ID list</label>\n" +
     "                <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                    <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Setup webhooks\">\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.rooms\" placeholder=\"Room ID list\">\n" +
+    "                    <p>\n" +
+    "                        <small>Room ID list separated by comma</small>\n" +
+    "                    </p>\n" +
     "                </div>\n" +
     "            </div>\n" +
-    "        </form>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/applications/list.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications.loading.applications\"></ng-include>\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Campfire\">\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!applications.loading.applications\">\n" +
-    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
-    "    <div class=\"panel-body\" ng-if=\"applications.applications.length === 0 \">\n" +
+    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                      <ul class=\"dropdown-menu\">\n" +
+    "                          <li><a>No</a></li>\n" +
+    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\n" +
     "\n" +
-    "        <p>You have to create a new application first.</p>\n" +
+    "                <div class=\"btn-group\" uib-dropdown>\n" +
+    "                    <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
+    "                        Test integration <span class=\"caret\"></span>\n" +
+    "                    </button>\n" +
+    "                    <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                    </ul>\n" +
+    "                </div>\n" +
     "\n" +
-    "    </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "    <table class=\"table table-striped\" ng-if=\"applications.applications.length > 0\">\n" +
-    "        <thead>\n" +
-    "        <tr>\n" +
-    "            <th class=\"resource_name\">Resource Name</th>\n" +
-    "            <th class=\"domains\">Domains</th>\n" +
-    "            <th class=\"options\">Options</th>\n" +
-    "        </tr>\n" +
-    "        </thead>\n" +
-    "        <tbody>\n" +
-    "        <tr class=\"r{{$index+1}}\" ng-repeat=\"application in applications.applications\">\n" +
-    "            <td>{{application.resource_name}}</td>\n" +
-    "            <td>{{application.domains}}</td>\n" +
-    "            <td class=\"options\">\n" +
-    "                <a class=\"btn btn-default\" data-ui-sref=\"applications.update({resourceId:application.resource_id})\" data-toggle=\"tooltip\" title=\"Update application\"><span class=\"fa fa-cog\"></span> Update</a>\n" +
-    "                <a class=\"btn btn-default\" data-ui-sref=\"applications.integrations({resourceId:application.resource_id})\" data-toggle=\"tooltip\" title=\"Manage Integrations\"><span class=\"fa fa-wrench\"></span> Integrations</a>\n" +
-    "            </td>\n" +
-    "        </tr>\n" +
-    "        </tbody>\n" +
-    "    </table>\n" +
+    "        </form>\n" +
     "\n" +
+    "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/applications/parent_view.html',
-    "<div class=\"row application-management\">\n" +
-    "    <div class=\"col-sm-3\" id=\"menu\">\n" +
-    "        <div ng-include=\"'templates/user/menu.html'\"></div>\n" +
-    "    </div>\n" +
+  $templateCache.put('templates/applications/integrations/flowdock.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
-    "    <div class=\"col-sm-9\" ui-view></div>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/dashboard.html',
-    "<style type=\"text/css\">\n" +
-    "    #metrics_chart .c3-line {\n" +
-    "        stroke-width: 0px;\n" +
-    "    }\n" +
+    "        <h1>Flowdock Integration</h1>\n" +
     "\n" +
-    "    #metrics_chart .c3-area {\n" +
-    "        stroke-width: 0;\n" +
-    "        opacity: 0.75;\n" +
-    "    }\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
     "\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "</style>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
     "\n" +
-    "<div class=\"row\">\n" +
-    "    <div class=\"col-sm-12 dashboard\" id=\"content\">\n" +
-    "        <div ng-if=\"!index.stateHolder.AeUser.applications.length\">\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
+    "                </div>\n" +
     "\n" +
-    "            <div ng-include=\"'templates/quickstart.html'\"></div>\n" +
     "\n" +
-    "        </div>\n" +
+    "            </div>\n" +
+    "\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "        <div ng-if=\"index.stateHolder.AeUser.applications.length\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
     "\n" +
-    "            <div class=\"row\">\n" +
-    "                <div class=\"col-sm-6\">\n" +
-    "                    <div class=\"panel panel-default\">\n" +
-    "                        <div class=\"panel-body\">\n" +
-    "                            <form class=\"graph-type form-inline\">\n" +
-    "                                <select ng-model=\"index.resource\" ng-options=\"r.resource_id as r.resource_name for r in index.stateHolder.AeUser.applications\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                        class=\"SelectField form-control input-sm slim-input\"></select>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
     "\n" +
-    "                                <select class=\"SelectField form-control input-sm slim-input\" ng-model=\"index.timeSpan\"\n" +
-    "                                        ng-options=\"i as i.label for i in index.timeOptions | objectToOrderedArray:'minutes'\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                        class=\"SelectField\"></select>\n" +
+    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Flowdock\">\n" +
     "\n" +
+    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                      <ul class=\"dropdown-menu\">\n" +
+    "                          <li><a>No</a></li>\n" +
+    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\n" +
+    "                    <div class=\"btn-group\" uib-dropdown>\n" +
+    "                        <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
+    "                            Test integration <span class=\"caret\"></span>\n" +
+    "                        </button>\n" +
+    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                                <div class=\"btn-group\">\n" +
-    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"index.graphType.selected\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                            uib-btn-radio=\"'requests_graphs'\" data-uib-tooltip=\"Requests per second\">\n" +
-    "                                        <span class=\"fa fa-line-chart\"></span>\n" +
-    "                                    </button>\n" +
-    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"index.graphType.selected\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                            uib-btn-radio=\"'response_graphs'\" data-uib-tooltip=\"Average response time\">\n" +
-    "                                        <span class=\"fa fa-random\"></span>\n" +
-    "                                    </button>\n" +
-    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"index.graphType.selected\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                            uib-btn-radio=\"'metrics_graphs'\" data-uib-tooltip=\"Time spent per request\">\n" +
-    "                                        <span class=\"fa fa-bar-chart-o\"></span>\n" +
-    "                                    </button>\n" +
-    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"index.graphType.selected\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                            uib-btn-radio=\"'report_graphs'\" data-uib-tooltip=\"Errors\">\n" +
-    "                                        <span class=\"fa fa-exclamation-triangle\"></span>\n" +
-    "                                    </button>\n" +
-    "                                    <button type=\"button\" class=\"btn btn-primary btn-sm\" ng-model=\"index.graphType.selected\" ng-change=\"index.updateSearchParams()\"\n" +
-    "                                            uib-btn-radio=\"'slow_report_graphs'\" data-uib-tooltip=\"Slow reports\">\n" +
-    "                                        <span class=\"fa fa-clock-o\"></span>\n" +
-    "                                    </button>\n" +
-    "                                </div>\n" +
-    "                            </form>\n" +
-    "                            <div class=\"clearfix\"></div>\n" +
     "\n" +
-    "                            <p ng-if=\"index.loading.series != false\" class=\"text-center\">\n" +
-    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
-    "                            </p>\n" +
+    "        </form>\n" +
     "\n" +
-    "                            <div ng-if=\"index.loading.series == false\">\n" +
-    "                            <div ng-if=\"index.graphType.selected == 'requests_graphs'\">\n" +
-    "                                <c3chart data-domid=\"reponse_chart\" data-data=\"index.requestsChartData\" data-config=\"index.requestsChartConfig\" update=\"true\">\n" +
-    "                                </c3chart>\n" +
-    "                            </div>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/github.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
-    "                            <div ng-if=\"index.graphType.selected == 'response_graphs'\">\n" +
-    "                                <c3chart data-domid=\"reponse_chart\" data-data=\"index.responseChartData\" data-config=\"index.responseChartConfig\" update=\"true\">\n" +
-    "                                </c3chart>\n" +
-    "                            </div>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "                            <div ng-if=\"index.graphType.selected == 'metrics_graphs'\">\n" +
-    "                                <c3chart data-domid=\"metrics_chart\" data-data=\"index.metricsChartData\" data-config=\"index.metricsChartConfig\" update=\"true\">\n" +
-    "                                </c3chart>\n" +
-    "                            </div>\n" +
-    "                            <div ng-if=\"index.graphType.selected == 'report_graphs'\">\n" +
-    "                                <c3chart data-domid=\"reports_chart\" data-data=\"index.reportChartData\" data-config=\"index.reportChartConfig\" update=\"true\">\n" +
-    "                                </c3chart>\n" +
-    "                            </div>\n" +
+    "        <h1>Github Integration</h1>\n" +
     "\n" +
-    "                            <div ng-if=\"index.graphType.selected == 'slow_report_graphs'\">\n" +
-    "                                <c3chart data-domid=\"slow_reports_chart\" data-data=\"index.reportSlowChartData\" data-config=\"index.reportSlowChartConfig\" update=\"true\">\n" +
-    "                                </c3chart>\n" +
-    "                            </div>\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
     "\n" +
-    "                            <p ng-if=\"index.graphType.selected == 'requests_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Average requests per second from all servers</small>\n" +
-    "                            </p>\n" +
     "\n" +
-    "                            <p ng-if=\"index.graphType.selected == 'response_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Average response time from all servers</small>\n" +
-    "                            </p>\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "                            <p ng-if=\"index.graphType.selected == 'metrics_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Aggregated average time spent per request - broken to layers</small>\n" +
-    "                            </p>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
     "\n" +
-    "                            <p ng-if=\"index.graphType.selected == 'report_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Aggregated reports sent by your application</small>\n" +
-    "                            </p>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
     "\n" +
-    "                            <p ng-if=\"index.graphType.selected == 'slow_report_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Aggregated slow reports sent by your application</small>\n" +
-    "                            </p>\n" +
-    "                            </div>\n" +
-    "                        </div>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.repo_name\"></data-form-errors>\n" +
+    "\n" +
+    "                    <div class=\"input-group\">\n" +
+    "                        <div class=\"input-group-addon\">https://api.github.com/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"integration.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
+    "                        <div class=\"input-group-addon\">/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"integration.config.repo_name\" placeholder=\"repo_name\" type=\"text\">\n" +
     "                    </div>\n" +
+    "\n" +
     "                </div>\n" +
+    "            </div>\n" +
     "\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
     "\n" +
-    "                    <div id=\"server-container\">\n" +
+    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\n" +
     "\n" +
-    "                        <div ng-if=\"index.loading.apdex==false\" class=\"text-center m-b-1\">\n" +
+    "                    <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                        <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                      <ul class=\"dropdown-menu\">\n" +
+    "                          <li><a>No</a></li>\n" +
+    "                          <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\n" +
     "\n" +
-    "                            <a data-ui-sref=\"report.list({resource:index.resource, start_date:index.startDateFilter})\" class=\"combined-stat text-center\" id=\"error-rate\">\n" +
-    "                                <small>Exceptions</small>\n" +
-    "                                <br/>\n" +
-    "                                <strong>{{ index.exceptions|numberToThousands}}</strong>\n" +
-    "                                <span class=\"fa fa-chevron-right\"></span>\n" +
-    "                            </a><!--\n" +
+    "            </div>\n" +
+    "        </form>\n" +
     "\n" +
-    "                    --><a data-ui-sref=\"report.list_slow({resource:index.resource, min_duration:4, start_date:index.startDateFilter})\" class=\"combined-stat text-center\" id=\"frustrating-requests\" data-uib-tooltip=\"Requests over 4s\">\n" +
-    "                            <small>Frustrating req.</small>\n" +
-    "                            <br/>\n" +
-    "                            <strong>{{index.frustratingRequests|numberToThousands}}</strong>\n" +
-    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
-    "                        </a><!--\n" +
+    "        <p class=\"m-t-1\">Remember you first need to\n" +
+    "            <strong>\n" +
+    "                <a data-ui-sref=\"user.profile.identities\">authorize your user account</a></strong>\n" +
+    "            with Github before we can send issues on your behalf.</p>\n" +
     "\n" +
-    "                     --><a data-ui-sref=\"report.list_slow({resource:index.resource, min_duration:1, max_duration:4, start_date:index.startDateFilter})\" class=\"combined-stat text-center\" id=\"tolerated-requests\"\n" +
-    "                           data-uib-tooltip=\"Requests under 4s\">\n" +
-    "                            <small>Tolerated req.</small>\n" +
-    "                            <br/>\n" +
-    "                            <strong>{{index.toleratedRequests|numberToThousands}}</strong>\n" +
-    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
-    "                        </a><!--\n" +
-    "                        \n" +
-    "                        --><a class=\"combined-stat text-center\" id=\"satisfying-requests\" data-uib-tooltip=\"Requests under 1s\">\n" +
-    "                            <small>Satisfying req.</small>\n" +
-    "                            <br/>\n" +
-    "                            <strong>{{index.satisfyingRequests|numberToThousands}}</strong>\n" +
-    "                        </a><!--\n" +
+    "        <p>Every user will have to authorize AppEnlight to access Github to be able to post issues.</p>\n" +
     "\n" +
-    "                    --><a data-ui-sref=\"uptime({resource:index.resource})\" class=\"combined-stat text-center\" id=\"uptime-stats\" data-uib-tooltip=\"Uptime\">\n" +
-    "                            <small>Uptime</small>\n" +
-    "                            <br/>\n" +
-    "                            <strong>{{index.uptimeStats}}%</strong>\n" +
-    "                            <span class=\"fa fa-chevron-right\"></span>\n" +
-    "                        </a>\n" +
+    "        <div class=\"panel panel-warning\">\n" +
+    "            <div class=\"panel-heading\">Private repository access</div>\n" +
+    "            <div class=\"panel-body\">\n" +
+    "                <p>If you need access to private repositories <a data-ui-sref=\"user.profile.identities\">profile page</a> allows you to require token including private repository permissions.</p>\n" +
     "\n" +
-    "                            <div class=\"clearfix\"></div>\n" +
-    "                        </div>\n" +
+    "                <p>Registration page OAuth does NOT give you token with private repository access permissions.</p>\n" +
+    "            </div>\n" +
+    "        </div>\n" +
     "\n" +
-    "                        <div id=\"apdex-rate\" class=\"m-b-1 panel panel-default\">\n" +
-    "                            <table class=\"servers table table-striped\">\n" +
-    "                                <thead>\n" +
-    "                                <tr>\n" +
-    "                                    <th></th>\n" +
-    "                                    <th>Server</th>\n" +
-    "                                    <th>Apdex\n" +
-    "                                <span class=\"fa fa-question-circle\"\n" +
-    "                                      data-uib-tooltip=\"Application Performance Index - measures viewer satisfaction based on response times and error rates\"></span>\n" +
-    "                                    </th>\n" +
-    "                                    <th>rpm</th>\n" +
-    "                                    <th>avg. response</th>\n" +
-    "                                </tr>\n" +
-    "                                </thead>\n" +
-    "                                <tbody>\n" +
-    "                                <tr ng-if=\"index.loading.apdex!=false\" class=\"text-center\">\n" +
-    "                                    <td colspan=\"5\"><span class=\"fa fa-cog fa-spin fa-5x loader\"></span></td>\n" +
-    "                                </tr>\n" +
-    "                                <tr ng-repeat=\"server in index.apdexStats\" class=\"{{ server | apdexValue }}\"\n" +
-    "                                    ng-if=\"index.loading.apdex==false\">\n" +
-    "                                    <td><span class=\"fa fa-hdd-o\"></span></td>\n" +
-    "                                    <td>\n" +
-    "                                        <small><strong>{{ server.name }}</strong></small>\n" +
-    "                                    </td>\n" +
-    "                                    <td class=\"apdex\">\n" +
-    "                                        <small><strong>{{ server.apdex }} %</strong></small>\n" +
-    "                                    </td>\n" +
-    "                                    <td>\n" +
-    "                                        <small><strong>{{ server.rpm }}rpm</strong></small>\n" +
-    "                                    </td>\n" +
-    "                                    <td>\n" +
-    "                                        <small><strong>{{ server.avg_response_time }}s</strong></small>\n" +
-    "                                    </td>\n" +
-    "                                </tr>\n" +
-    "                                </tbody>\n" +
-    "                            </table>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/hipchat.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "                </div>\n" +
+    "        <h1>Hipchat Integration</h1>\n" +
+    "\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
     "\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
     "\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
+    "                </div>\n" +
     "            </div>\n" +
     "\n" +
-    "            <div class=\"row\">\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "                    <div class=\"panel panel-default\">\n" +
-    "                        <div class=\"panel-heading position-relative\">\n" +
-    "                            <h3 class=\"panel-title\"><span class=\"fa fa-exclamation-triangle\"></span> Newest errors (real-time)\n" +
-    "                            </h3>\n" +
-    "                            <a tooltip-append-to-body=\"true\" data-uib-tooltip=\"Play/Pause stream\" class=\"btn btn-primary btn-sm pause_stream\" ng-model=\"index.stream.paused\" uib-btn-checkbox>\n" +
-    "                                <span class=\"fa {{stream.paused ? 'fa-play' : 'fa-pause'}}\"></span>\n" +
-    "                            </a>\n" +
-    "                            <a tooltip-append-to-body=\"true\" data-uib-tooltip=\"Limit reports to current application\" class=\"btn btn-primary btn-sm limit_stream\" ng-model=\"index.stream.filtered\" uib-btn-checkbox>\n" +
-    "                                <span class=\"fa fa-lock\"></span>\n" +
-    "                            </a>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Room ID list</label>\n" +
     "\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.rooms\" placeholder=\"Room ID list\" type=\"text\">\n" +
     "\n" +
-    "                        </div>\n" +
-    "                        <div class=\"panel-body\">\n" +
+    "                    <p>\n" +
+    "                        <small>Room ID list separated by comma</small>\n" +
+    "                    </p>\n" +
+    "                </div>\n" +
     "\n" +
-    "                            <p ng-if=\"index.stream.reports.length === 0\">No new reports</p>\n" +
+    "            </div>\n" +
     "\n" +
-    "                            <div small-report-list reports=\"index.stream.reports\" applications=\"index.applications\"></div>\n" +
-    "                        </div>\n" +
+    "            <div class=\"form-group\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Hipchat\">\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "\n" +
+    "                    <div class=\"btn-group\" uib-dropdown>\n" +
+    "                        <button id=\"single-button\" type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
+    "                            Test integration <span class=\"caret\"></span>\n" +
+    "                        </button>\n" +
+    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
     "                    </div>\n" +
-    "                </div>\n" +
     "\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                    <div class=\"panel panel-default\">\n" +
-    "                        <div class=\"panel-heading\">\n" +
-    "                            <h3 class=\"panel-title\"><span class=\"fa fa-sort-amount-desc\"></span> Request breakdown over {{ index.timeSpan.label }}</h3>\n" +
-    "                        </div>\n" +
-    "                        <div class=\"panel-body\" id=\"view-breakdown-container\">\n" +
-    "                            <p ng-if=\"index.loading.requestsBreakdown!=false\" class=\"text-center\">\n" +
-    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
-    "                            </p>\n" +
+    "        </form>\n" +
     "\n" +
-    "                            <div class=\"report-list\">\n" +
-    "                                <div ng-if=\"index.loading.requestsBreakdown==false\" ng-repeat=\"view in index.requestsBreakdown\">\n" +
-    "                                    <div class=\"view-info\">\n" +
-    "                                        <div class=\"view-name\">\n" +
-    "                                            <div class=\"bar\" style=\"width: {{view.percentage}}%\">\n" +
-    "                                            </div>\n" +
-    "                                        </div>\n" +
-    "                                        <strong ng-if=\"view.latest_details.length\">\n" +
-    "                                            <a data-ui-sref=\"report.list_slow({view_name:view.view_name})\">{{view.view_name}}</a></strong>\n" +
-    "                                        <strong ng-if=\"!view.latest_details.length\">{{view.view_name}}</strong>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/jira.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
     "\n" +
-    "                                        <div class=\"stats\">\n" +
-    "                                            <small>\n" +
-    "                                                avg. response <strong>{{view.avg_response}}s</strong> in\n" +
-    "                            <span class=\"requests\"\n" +
-    "                                  data-uib-tooltip=\"Requests\"><strong>{{view.requests|numberToThousands}}</strong> requests</span>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "                        <span ng-if=\"view.latest_details\">\n" +
-    "                        &nbsp;&nbsp; Latest reports:\n" +
-    "                            <a ng-repeat=\"d in view.latest_details\" target=\"_blank\" ui-sref=\"report.view_detail({groupId:d.group_id, reportId:d.report_id})\"> <strong>{{$index+1}}</strong></a>\n" +
-    "                        </span>\n" +
-    "                                            </small>\n" +
-    "                                        </div>\n" +
+    "        <h1>Jira Integration</h1>\n" +
     "\n" +
-    "                                    </div>\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
     "\n" +
-    "                                </div>\n" +
-    "                            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-host_name\">\n" +
     "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Server URL <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.host_name\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"host_name\" name=\"host_name\" type=\"text\" ng-model=\"integration.config.host_name\">\n" +
     "\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
+    "                    <p>\n" +
+    "                        <small>https://servername.atlassian.net</small>\n" +
+    "                    </p>\n" +
     "\n" +
     "                </div>\n" +
-    "\n" +
     "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-user_name\">\n" +
     "\n" +
-    "            <div class=\"row\">\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Username <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
     "\n" +
-    "                    <div class=\"panel panel-default\">\n" +
-    "                        <div class=\"panel-heading\">\n" +
-    "                            <h3 class=\"panel-title\">\n" +
-    "                                <span class=\"fa fa-exclamation-triangle\"></span> Report groups trending over {{ index.timeSpan.label }}\n" +
-    "                            </h3>\n" +
-    "                        </div>\n" +
-    "                        <div class=\"panel-body\">\n" +
-    "                            <p ng-if=\"index.loading.reports != false\" class=\"text-center\">\n" +
-    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
-    "                            </p>\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"user_name\" name=\"user_name\" type=\"text\" ng-model=\"integration.config.user_name\">\n" +
     "\n" +
-    "                            <p ng-if=\"index.trendingReports.length == 0 && index.loading.reports == false\">\n" +
-    "                                No reports found\n" +
-    "                            </p>\n" +
+    "                    <p>\n" +
+    "                        <small>[e-mail]</small>\n" +
+    "                    </p>\n" +
     "\n" +
-    "                            <div small-report-group-list groups=\"index.trendingReports\" applications=\"index.applications\" ng-if=\"index.loading.reports==false\"></div>\n" +
-    "                        </div>\n" +
-    "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-password\">\n" +
     "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Password <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.password\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"password\" name=\"password\" type=\"password\" ng-model=\"integration.config.password\">\n" +
     "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-project\">\n" +
     "\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Project key <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.project\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"project\" name=\"project\" type=\"text\" ng-model=\"integration.config.project\">\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-submit\">\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Setup Jira\">\n" +
     "\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                    <div class=\"panel panel-default\">\n" +
-    "                        <div class=\"panel-heading\">\n" +
-    "                            <h3 class=\"panel-title\">\n" +
-    "                                Most common slow calls over {{ index.timeSpan.label }}\n" +
-    "                            </h3>\n" +
-    "                        </div>\n" +
-    "                        <div class=\"panel-body\">\n" +
+    "        </form>\n" +
     "\n" +
-    "                            <div ng-if=\"index.loading.slowCalls!=false\" class=\"text-center\">\n" +
-    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
-    "                            </div>\n" +
     "\n" +
-    "                            <table id=\"slow-statements\" ng-if=\"index.loading.slowCalls==false\">\n" +
-    "                                <tbody>\n" +
-    "                                <tr ng-repeat=\"call in index.slowCalls\">\n" +
-    "                                    <td class=\"occurences\">\n" +
-    "                                        <span class=\"occurences\" data-uib-tooltip=\"Occurences\">{{call.occurences|numberToThousands}}</span>\n" +
-    "                                    </td>\n" +
-    "                                    <td class=\"ellipsis\">\n" +
-    "                                        <small title=\"{{call.statement}}\" class=\"statement\">{{call.statement}}</small>\n" +
-    "                                        <br/>\n" +
-    "                                        <span class=\"type\">{{call.statement_type}}</span>\n" +
-    "                                        <span class=\"subtype\">{{call.statement_subtype}}</span>\n" +
-    "                                        <span class=\"duration\" data-uib-tooltip=\"Average duration\">{{call.total_duration/call.occurences|round:2}}s</span>\n" +
-    "                        <span class=\"report-list\">\n" +
-    "                        Latest reports:\n" +
-    "                        <a ng-repeat=\"d in call.latest_details\" target=\"_blank\" ui-sref=\"report.view_detail({groupId:d.group_id, reportId:d.report_id})\"> <strong>{{$index+1}}</strong> </a>\n" +
-    "                        </span>\n" +
-    "                                    </td>\n" +
-    "                                </tr>\n" +
-    "                                </tbody>\n" +
-    "                            </table>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/slack.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
+    "\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
+    "        <h1>Slack Integration</h1>\n" +
     "\n" +
-    "                        </div>\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "\n" +
+    "            <div class=\"form-group\">\n" +
+    "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    API Token <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.webhook_url\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"integration.config.webhook_url\" placeholder=\"Webhook URL\" type=\"webhook_url\">\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "\n" +
+    "            <div class=\"form-group\">\n" +
+    "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input type=\"submit\" class=\"btn btn-primary\"\n" +
+    "                           value=\"Connect to Slack\">\n" +
+    "\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "\n" +
+    "                    <div class=\"btn-group\" uib-dropdown>\n" +
+    "                        <button type=\"button\" class=\"btn btn-info\" uib-dropdown-toggle>\n" +
+    "                            Test integration <span class=\"caret\"></span>\n" +
+    "                        </button>\n" +
+    "                        <ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"integration.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
     "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </form>\n" +
+    "\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/integrations/webhooks.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || integration.loading.integration\"></ng-include>\n" +
+    "\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !integration.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "\n" +
+    "        <h1>Webhooks Integration</h1>\n" +
     "\n" +
+    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "            <div class=\"form-group\" id=\"row-reports_webhook\">\n" +
+    "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Reports webhook <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.reports_webhook\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"reports_webhook\" name=\"reports_webhook\" type=\"text\" ng-model=\"integration.config.reports_webhook\">\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-alerts_webhook\">\n" +
     "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">\n" +
+    "                    Alerts webhook <span class=\"required\">*</span>\n" +
+    "                </label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"integration.integrationForm.ae_validation.alerts_webhook\"></data-form-errors>\n" +
+    "                    <input class=\"form-control StringField None\" id=\"alerts_webhook\" name=\"alerts_webhook\" type=\"text\" ng-model=\"integration.config.alerts_webhook\">\n" +
     "                </div>\n" +
     "\n" +
+    "\n" +
     "            </div>\n" +
-    "        </div>\n" +
+    "            <div class=\"form-group\" id=\"row-submit\">\n" +
+    "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <input class=\"form-control btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Setup webhooks\">\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-danger\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove Integration</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"integration.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </form>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/list.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications.loading.applications\"></ng-include>\n" +
+    "\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!applications.loading.applications\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/applications/breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\" ng-if=\"applications.applications.length === 0 \">\n" +
+    "\n" +
+    "        <p>You have to create a new application first.</p>\n" +
+    "\n" +
+    "    </div>\n" +
+    "\n" +
+    "    <table class=\"table table-striped\" ng-if=\"applications.applications.length > 0\">\n" +
+    "        <thead>\n" +
+    "        <tr>\n" +
+    "            <th class=\"resource_name\">Resource Name</th>\n" +
+    "            <th class=\"domains\">Domains</th>\n" +
+    "            <th class=\"options\">Options</th>\n" +
+    "        </tr>\n" +
+    "        </thead>\n" +
+    "        <tbody>\n" +
+    "        <tr class=\"r{{$index+1}}\" ng-repeat=\"application in applications.applications\">\n" +
+    "            <td>{{application.resource_name}}</td>\n" +
+    "            <td>{{application.domains}}</td>\n" +
+    "            <td class=\"options\">\n" +
+    "                <a class=\"btn btn-default\" data-ui-sref=\"applications.update({resourceId:application.resource_id})\" data-toggle=\"tooltip\" title=\"Update application\"><span class=\"fa fa-cog\"></span> Update</a>\n" +
+    "                <a class=\"btn btn-default\" data-ui-sref=\"applications.integrations({resourceId:application.resource_id})\" data-toggle=\"tooltip\" title=\"Manage Integrations\"><span class=\"fa fa-wrench\"></span> Integrations</a>\n" +
+    "            </td>\n" +
+    "        </tr>\n" +
+    "        </tbody>\n" +
+    "    </table>\n" +
+    "\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('templates/applications/parent_view.html',
+    "<div class=\"row application-management\">\n" +
+    "    <div class=\"col-sm-3\" id=\"menu\">\n" +
+    "        <div ng-include=\"'templates/user/menu.html'\"></div>\n" +
     "    </div>\n" +
+    "\n" +
+    "    <div class=\"col-sm-9\" ui-view></div>\n" +
+    "\n" +
     "</div>\n"
   );
 
@@ -7329,436 +7328,653 b' function ChannelstreamController($rootScope, stateHolder, userSelfPropertyResour'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-var aeconfig = angular.module('appenlight.config', []);
-aeconfig.factory('AeConfig', function () {
-    var obj = {};
-    obj.flashMessages = decodeEncodedJSON(window.AE.flash_messages);
-    obj.timeOptions = decodeEncodedJSON(window.AE.timeOptions);
-    obj.plugins = decodeEncodedJSON(window.AE.plugins);
-    obj.topNav = decodeEncodedJSON(window.AE.topNav);
-    obj.ws_url = window.AE.ws_url;
-    obj.urls = window.AE.urls;
-    // set keys on values because we wont be able to retrieve them everywhere
-    for (var key in obj.timeOptions) {
-        obj.timeOptions[key]['key'] = key;
-    }
-    console.info('config', obj);
-    return obj;
-});
-
-;// # Copyright (C) 2010-2016  RhodeCode GmbH
-// #
-// # This program is free software: you can redistribute it and/or modify
-// # it under the terms of the GNU Affero General Public License, version 3
-// # (only), as published by the Free Software Foundation.
-// #
-// # This program is distributed in the hope that it will be useful,
-// # but WITHOUT ANY WARRANTY; without even the implied warranty of
-// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// # GNU General Public License for more details.
-// #
-// # You should have received a copy of the GNU Affero General Public License
-// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
-// #
-// # This program is dual-licensed. If you wish to learn more about the
-// # AppEnlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
-angular.module('appenlight.controllers').controller('AdminApplicationsListController', AdminApplicationsListController);
+angular.module('appenlight.components.indexDashboardView', [])
+    .component('indexDashboardView', {
+        templateUrl: 'components/views/index-dashboard/index-dashboard.html',
+        controller: IndexDashboardController
+    });
 
-AdminApplicationsListController.$inject = ['applicationsResource'];
+IndexDashboardController.$inject = ['$rootScope', '$scope', '$location','$cookies', '$interval', 'stateHolder', 'applicationsPropertyResource', 'AeConfig'];
 
-function AdminApplicationsListController(applicationsResource) {
-    
+function IndexDashboardController($rootScope, $scope, $location, $cookies, $interval, stateHolder, applicationsPropertyResource, AeConfig) {
     var vm = this;
-    vm.loading = {applications: true};
-
-    vm.applications = applicationsResource.query({
-        root_list: true,
-        resource_type: 'application'
-    }, function (data) {
-        vm.loading = {applications: false};
+    stateHolder.section = 'dashboard';
+    vm.timeOptions = {};
+    var allowed = ['1h', '4h', '12h', '24h', '1w', '2w', '1M'];
+    _.each(allowed, function (key) {
+        if (allowed.indexOf(key) !== -1) {
+            vm.timeOptions[key] = AeConfig.timeOptions[key];
+        }
     });
-};
+    vm.stateHolder = stateHolder;
+    vm.urls = AeConfig.urls;
+    vm.applications = stateHolder.AeUser.applications_map;
+    vm.show_dashboard = false;
+    vm.resource = null;
+    vm.graphType = {selected: null};
+    vm.timeSpan = vm.timeOptions['1h'];
+    vm.trendingReports = [];
+    vm.exceptions = 0;
+    vm.satisfyingRequests = 0;
+    vm.toleratedRequests = 0;
+    vm.frustratingRequests = 0;
+    vm.uptimeStats = 0;
+    vm.apdexStats = [];
+    vm.seriesRequestsData = [];
+    vm.seriesMetricsData = [];
+    vm.seriesSlowData = [];
+    vm.slowCalls = [];
+    vm.slowURIS = [];
 
-;// # Copyright (C) 2010-2016  RhodeCode GmbH
-// #
-// # This program is free software: you can redistribute it and/or modify
-// # it under the terms of the GNU Affero General Public License, version 3
-// # (only), as published by the Free Software Foundation.
-// #
-// # This program is distributed in the hope that it will be useful,
-// # but WITHOUT ANY WARRANTY; without even the implied warranty of
-// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// # GNU General Public License for more details.
-// #
-// # You should have received a copy of the GNU Affero General Public License
-// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
-// #
-// # This program is dual-licensed. If you wish to learn more about the
-// # AppEnlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
-angular.module('appenlight.controllers').controller('ConfigsListController', ConfigsListController);
-
-ConfigsListController.$inject = ['configsResource', 'configsNoIdResource'];
-
-function ConfigsListController(configsResource, configsNoIdResource) {
-    var vm = this;
-    vm.loading = {config: true};
-
-    var filters = [
-        'template_footer_html:global',
-        'list_groups_to_non_admins:global',
-        'per_application_reports_rate_limit:global',
-        'per_application_logs_rate_limit:global',
-        'per_application_metrics_rate_limit:global',
-    ];
-
-    vm.configs = {};
-
-    vm.configList = configsResource.query({filter: filters},
-        function (data) {
-            vm.loading = {config: false};
-            _.each(data, function (item) {
-                if (vm.configs[item.section] === undefined) {
-                    vm.configs[item.section] = {};
+    vm.reportChartConfig = {
+        data: {
+            json: [],
+            xFormat: '%Y-%m-%dT%H:%M:%S'
+        },
+        color: {
+            pattern: ['#6baed6', '#e6550d', '#74c476', '#fdd0a2', '#8c564b']
+        },
+        axis: {
+            x: {
+                type: 'timeseries',
+                tick: {
+                    culling: {
+                        max: 6 // the number of tick texts will be adjusted to less than this value
+                    },
+                    format: '%Y-%m-%d %H:%M'
                 }
-                vm.configs[item.section][item.key] = item;
-            });
-        });
-
-    vm.save = function () {
-        vm.loading.config = true;
-        _.each(vm.configList, function (item) {
-            item.$save();
-        });
-        vm.loading.config = false;
+            },
+            y: {
+                tick: {
+                    count: 5,
+                    format: d3.format('.2s')
+                }
+            }
+        },
+        subchart: {
+            show: true,
+            size: {
+                height: 20
+            }
+        },
+        size: {
+            height: 250
+        },
+        zoom: {
+            rescale: true
+        },
+        grid: {
+            x: {
+                show: true
+            },
+            y: {
+                show: true
+            }
+        },
+        tooltip: {
+            format: {
+                title: function (d) {
+                    return '' + d;
+                },
+                value: function (v) {
+                    return v
+                }
+            }
+        }
     };
+    vm.reportChartData = {};
 
-};
-
-;// # Copyright (C) 2010-2016  RhodeCode GmbH
-// #
-// # This program is free software: you can redistribute it and/or modify
-// # it under the terms of the GNU Affero General Public License, version 3
-// # (only), as published by the Free Software Foundation.
-// #
-// # This program is distributed in the hope that it will be useful,
-// # but WITHOUT ANY WARRANTY; without even the implied warranty of
-// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// # GNU General Public License for more details.
-// #
-// # You should have received a copy of the GNU Affero General Public License
-// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
-// #
-// # This program is dual-licensed. If you wish to learn more about the
-// # AppEnlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
-angular.module('appenlight.controllers').controller('AdminGroupsCreateController', AdminGroupsCreateController);
-
-AdminGroupsCreateController.$inject = ['$state', 'groupsResource', 'groupsPropertyResource', 'sectionViewResource', 'AeConfig'];
-
-function AdminGroupsCreateController($state, groupsResource, groupsPropertyResource, sectionViewResource, AeConfig) {
-    
-    var vm = this;
-    vm.loading = {
-        group: false,
-        resource_permissions: false,
-        users: false
+    vm.reportSlowChartConfig = {
+        data: {
+            json: [],
+            xFormat: '%Y-%m-%dT%H:%M:%S'
+        },
+        color: {
+            pattern: ['#6baed6', '#e6550d', '#74c476', '#fdd0a2', '#8c564b']
+        },
+        axis: {
+            x: {
+                type: 'timeseries',
+                tick: {
+                    culling: {
+                        max: 6 // the number of tick texts will be adjusted to less than this value
+                    },
+                    format: '%Y-%m-%d %H:%M'
+                }
+            },
+            y: {
+                tick: {
+                    count: 5,
+                    format: d3.format('.2s')
+                }
+            }
+        },
+        subchart: {
+            show: true,
+            size: {
+                height: 20
+            }
+        },
+        size: {
+            height: 250
+        },
+        zoom: {
+            rescale: true
+        },
+        grid: {
+            x: {
+                show: true
+            },
+            y: {
+                show: true
+            }
+        },
+        tooltip: {
+            format: {
+                title: function (d) {
+                    return '' + d;
+                },
+                value: function (v) {
+                    return v
+                }
+            }
+        }
     };
+    vm.reportSlowChartData = {};
 
-    vm.form = {
-        autocompleteUser: '',
-    }
-
-
-    if (typeof $state.params.groupId !== 'undefined') {
-        vm.loading.group = true;
-        var groupId = $state.params.groupId;
-        vm.group = groupsResource.get({groupId: groupId}, function (data) {
-            vm.loading.group = false;
-        });
-
-        vm.resource_permissions = groupsPropertyResource.query(
-            {groupId: groupId, key: 'resource_permissions'}, function (data) {
-                vm.loading.resource_permissions = false;
-                var tmpObj = {
-                    'group': {
-                        'application': {},
-                        'dashboard': {}
-                    }
-                };
-                _.each(data, function (item) {
-                    
-                    var section = tmpObj[item.type][item.resource_type];
-                    if (typeof section[item.resource_id] == 'undefined') {
-                        section[item.resource_id] = {
-                            self: item,
-                            permissions: []
-                        }
-                    }
-                    section[item.resource_id].permissions.push(item.perm_name);
-
-                });
-                vm.resourcePermissions = tmpObj;
-            });
-
-        vm.users = groupsPropertyResource.query(
-            {groupId: groupId, key: 'users'}, function (data) {
-                vm.loading.users = false;
-            }, function () {
-                vm.loading.users = false;
-            });
-
-    }
-    else {
-        var groupId = null;
-    }
+    vm.metricsChartConfig = {
+        data: {
+            json: [],
+            xFormat: '%Y-%m-%dT%H:%M:%S',
+            keys: {
+                x: 'x',
+                value: ["main", "sql", "nosql", "tmpl", "remote", "custom"]
+            },
+            names: {
+                main: 'View/Application logic',
+                sql: 'Relational database queries',
+                nosql: 'NoSql datastore calls',
+                tmpl: 'Template rendering',
+                custom: 'Custom timed calls',
+                remote: 'Requests to remote resources'
+            },
+            type: 'area',
+            groups: [["main", "sql", "nosql", "remote", "custom", "tmpl"]],
+            order: null
+        },
+        color: {
+            pattern: ['#6baed6', '#c7e9c0', '#fd8d3c', '#d6616b', '#ffcc00', '#c6dbef']
+        },
+        axis: {
+            x: {
+                type: 'timeseries',
+                tick: {
+                    culling: {
+                        max: 6 // the number of tick texts will be adjusted to less than this value
+                    },
+                    format: '%Y-%m-%d %H:%M'
+                }
+            },
+            y: {
+                tick: {
+                    count: 5,
+                    format: d3.format('.2f')
+                }
+            }
+        },
+        point: {
+            show: false
+        },
+        subchart: {
+            show: true,
+            size: {
+                height: 20
+            }
+        },
+        size: {
+            height: 350
+        },
+        zoom: {
+            rescale: true
+        },
+        grid: {
+            x: {
+                show: true
+            },
+            y: {
+                show: true
+            }
+        },
+        tooltip: {
+            format: {
+                title: function (d) {
+                    return '' + d;
+                },
+                value: function (v) {
+                    return v
+                }
+            }
+        }
+    };
+    vm.metricsChartData = {};
 
-    var formResponse = function (response) {
-        if (response.status === 422) {
-            setServerValidation(vm.groupForm, response.data);
+    vm.responseChartConfig = {
+        data: {
+            json: [],
+            xFormat: '%Y-%m-%dT%H:%M:%S'
+        },
+        color: {
+            pattern: ['#d6616b', '#6baed6', '#fd8d3c']
+        },
+        axis: {
+            x: {
+                type: 'timeseries',
+                tick: {
+                    culling: {
+                        max: 6 // the number of tick texts will be adjusted to less than this value
+                    },
+                    format: '%Y-%m-%d %H:%M'
+                }
+            },
+            y: {
+                tick: {
+                    count: 5,
+                    format: d3.format('.2f')
+                }
+            }
+        },
+        point: {
+            show: false
+        },
+        subchart: {
+            show: true,
+            size: {
+                height: 20
+            }
+        },
+        size: {
+            height: 350
+        },
+        zoom: {
+            rescale: true
+        },
+        grid: {
+            x: {
+                show: true
+            },
+            y: {
+                show: true
+            }
+        },
+        tooltip: {
+            format: {
+                title: function (d) {
+                    return '' + d;
+                },
+                value: function (v) {
+                    return v
+                }
+            }
         }
-        vm.loading.group = false;
     };
+    vm.responseChartData = {};
 
-    vm.createGroup = function () {
-        vm.loading.group = true;
-        if (groupId) {
-            groupsResource.update({groupId: vm.group.id}, vm.group, function (data) {
-                setServerValidation(vm.groupForm);
-                vm.loading.group = false;
-            }, formResponse);
-        }
-        else {
-            groupsResource.save(vm.group, function (data) {
-                $state.go('admin.group.update', {groupId: data.id});
-            }, formResponse);
+    vm.requestsChartConfig = {
+        data: {
+            json: [],
+            xFormat: '%Y-%m-%dT%H:%M:%S'
+        },
+        color: {
+            pattern: ['#d6616b', '#6baed6', '#fd8d3c']
+        },
+        axis: {
+            x: {
+                type: 'timeseries',
+                tick: {
+                    culling: {
+                        max: 6 // the number of tick texts will be adjusted to less than this value
+                    },
+                    format: '%Y-%m-%d %H:%M'
+                }
+            },
+            y: {
+                tick: {
+                    count: 5,
+                    format: d3.format('.2f')
+                }
+            }
+        },
+        point: {
+            show: false
+        },
+        subchart: {
+            show: true,
+            size: {
+                height: 20
+            }
+        },
+        size: {
+            height: 350
+        },
+        zoom: {
+            rescale: true
+        },
+        grid: {
+            x: {
+                show: true
+            },
+            y: {
+                show: true
+            }
+        },
+        tooltip: {
+            format: {
+                title: function (d) {
+                    return '' + d;
+                },
+                value: function (v) {
+                    return v
+                }
+            }
         }
     };
+    vm.requestsChartData = {};
 
-    vm.removeUser = function (user) {
-        groupsPropertyResource.delete(
-            {groupId: groupId, key: 'users', user_name: user.user_name},
-            function (data) {
-                vm.loading.users = false;
-                vm.users = _.filter(vm.users, function (item) {
-                    return item != user;
-                });
-            }, function () {
-                vm.loading.users = false;
-            });
+    vm.loading = {
+        'apdex': true,
+        'reports': true,
+        'graphs': true,
+        'slowCalls': true,
+        'slowURIS': true,
+        'requestsBreakdown': true,
+        'series': true
     };
+    vm.stream = {paused: false, filtered: false, messages: [], reports: []};
 
-    vm.addUser = function () {
-        groupsPropertyResource.save(
-            {groupId: groupId, key: 'users'},
-            {user_name: vm.form.autocompleteUser},
-            function (data) {
-                vm.loading.users = false;
-                vm.users.push(data);
-                vm.form.autocompleteUser = '';
-            }, function () {
-                vm.loading.users = false;
-            });
-    }
-
-    vm.searchUsers = function (searchPhrase) {
-        
-        return sectionViewResource.query({
-            section: 'users_section',
-            view: 'search_users',
-            'user_name': searchPhrase
-        }).$promise.then(function (data) {
-                return _.map(data, function (item) {
-                    return item.user;
-                });
-            });
-    }
-};
-
-;// # Copyright (C) 2010-2016  RhodeCode GmbH
-// #
-// # This program is free software: you can redistribute it and/or modify
-// # it under the terms of the GNU Affero General Public License, version 3
-// # (only), as published by the Free Software Foundation.
-// #
-// # This program is distributed in the hope that it will be useful,
-// # but WITHOUT ANY WARRANTY; without even the implied warranty of
-// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// # GNU General Public License for more details.
-// #
-// # You should have received a copy of the GNU Affero General Public License
-// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
-// #
-// # This program is dual-licensed. If you wish to learn more about the
-// # AppEnlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
-angular.module('appenlight.controllers').controller('AdminGroupsController', AdminGroupsController);
-
-AdminGroupsController.$inject = ['groupsResource'];
-
-function AdminGroupsController(groupsResource) {
-    
-    var vm = this;
-    vm.loading = {groups: true};
-
-    vm.groups = groupsResource.query({}, function (data) {
-        vm.loading = {groups: false};
-        vm.activeUsers = _.reduce(vm.groups, function(memo, val){
-            if (val.status == 1){
-                return memo + 1;
+    $rootScope.$on('channelstream-message.front_dashboard.new_topic', function(event, message){
+        var ws_report = message.message.report;
+        if (ws_report.http_status != 500) {
+            return
+        }
+        if (vm.stream.paused == true) {
+            return
+        }
+        if (vm.stream.filtered && ws_report.resource_id != vm.resource) {
+            return
+        }
+        var should_insert = true;
+        _.each(vm.stream.reports, function (report) {
+            if (report.report_id == ws_report.report_id) {
+                report.occurences = ws_report.occurences;
+                should_insert = false;
             }
-            return memo;
-        }, 0);
-        
+        });
+        if (should_insert) {
+            if (vm.stream.reports.length > 7) {
+                vm.stream.reports.pop();
+            }
+            vm.stream.reports.unshift(ws_report);
+        }
     });
 
+    vm.determineStartState = function () {
+        if (stateHolder.AeUser.applications.length) {
+            vm.resource = Number($location.search().resource);
 
-    vm.removeGroup = function (group) {
-        groupsResource.remove({groupId: group.id}, function (data, responseHeaders) {
-            
-            if (data) {
-                var index = vm.groups.indexOf(group);
-                if (index !== -1) {
-                    vm.groups.splice(index, 1);
-                    vm.activeGroups -= 1;
+            if (!vm.resource){
+                var cookieResource = $cookies.getObject('resource');
+                
+
+                if (cookieResource) {
+                    vm.resource = cookieResource;
+                }
+                else{
+                    vm.resource = stateHolder.AeUser.applications[0].resource_id;
                 }
             }
-        });
-    }
-};
-
-;// # Copyright (C) 2010-2016  RhodeCode GmbH
-// #
-// # This program is free software: you can redistribute it and/or modify
-// # it under the terms of the GNU Affero General Public License, version 3
-// # (only), as published by the Free Software Foundation.
-// #
-// # This program is distributed in the hope that it will be useful,
-// # but WITHOUT ANY WARRANTY; without even the implied warranty of
-// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// # GNU General Public License for more details.
-// #
-// # You should have received a copy of the GNU Affero General Public License
-// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
-// #
-// # This program is dual-licensed. If you wish to learn more about the
-// # AppEnlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
-angular.module('appenlight.controllers').controller('AdminPartitionsController', AdminPartitionsController);
-
-AdminPartitionsController.$inject = ['sectionViewResource'];
-
-function AdminPartitionsController(sectionViewResource) {
-    var vm = this;
-    vm.permanentPartitions = [];
-    vm.dailyPartitions = [];
-    vm.loading = {partitions: true};
-    vm.dailyChecked = false;
-    vm.permChecked = false;
-    vm.dailyConfirm = '';
-    vm.permConfirm = '';
-
-
-    vm.loadPartitions = function (data) {
-        var permanentPartitions = vm.transformPartitionList(
-            data.permanent_partitions);
-        var dailyPartitions = vm.transformPartitionList(
-            data.daily_partitions);
-        vm.permanentPartitions = permanentPartitions;
-        vm.dailyPartitions = dailyPartitions;
-        vm.loading = {partitions: false};
-    };
-
-    vm.setCheckedList = function (scope) {
-        var toTest = null;
-        if (scope === 'dailyPartitions'){
-            toTest = 'dailyChecked';
+        }
+
+        var timespan = $location.search().timespan;
+
+        if(_.has(vm.timeOptions, timespan)){
+            vm.timeSpan = vm.timeOptions[timespan];
         }
         else{
-            toTest = 'permChecked';
+            vm.timeSpan = vm.timeOptions['1h'];
         }
 
-        if (vm[toTest]) {
-            var val = true;
+        var graphType = $location.search().graphtype;
+        if(!graphType){
+            vm.graphType = {selected: 'metrics_graphs'};
         }
-        else {
-            var val = false;
+        else{
+            vm.graphType = {selected: graphType};
         }
-        
-        _.each(vm[scope], function (item) {
-            _.each(item[1].pg, function (index) {
-                index.checked = val;
-            });
-            _.each(item[1].elasticsearch, function (index) {
-                index.checked = val;
-            });
-        });
-    }
+        vm.updateSearchParams();
+    };
 
+    vm.updateSearchParams = function () {
+        $location.search('resource', vm.resource);
+        $location.search('timespan', vm.timeSpan.key);
+        $location.search('graphtype', vm.graphType.selected);
+        stateHolder.resource = vm.resource;
 
-    vm.transformPartitionList = function (inputList) {
-        var outputList = [];
+        if (vm.resource){
+            $cookies.putObject('resource', vm.resource,
+                {expires:new Date(3000, 1, 1)});
+        }
+        vm.refreshData();
+    };
 
-        _.each(inputList, function (item) {
-            var time = [item[0], {
-                elasticsearch: [],
-                pg: []
-            }]
-            _.each(item[1].pg, function (index) {
-                time[1].pg.push({name: index, checked: false})
-            });
-            _.each(item[1].elasticsearch, function (index) {
-                time[1].elasticsearch.push({
-                    name: index,
-                    checked: false
-                })
-            });
-            outputList.push(time);
-        });
-        return outputList;
+    vm.refreshData = function () {
+        vm.fetchApdexStats();
+        vm.fetchTrendingReports();
+        vm.fetchMetrics();
+        vm.fetchRequestsBreakdown();
+        vm.fetchSlowCalls();
     };
 
-    sectionViewResource.get({section:'admin_section', view: 'partitions'},
-        vm.loadPartitions);
+    vm.changedTimeSpan = function(){
+        vm.startDateFilter = timeSpanToStartDate(vm.timeSpan.key);
+        vm.refreshData();
+    };
 
-    vm.partitionsDelete = function (partitionType) {
-        var es_indices = [];
-        var pg_indices = [];
-        _.each(vm[partitionType], function (item) {
-            _.each(item[1].pg, function (index) {
-                if (index.checked) {
-                    pg_indices.push(index.name)
-                }
-            });
-            _.each(item[1].elasticsearch, function (index) {
-                if (index.checked) {
-                    es_indices.push(index.name)
+    vm.intervalId = $interval(function () {
+        if (_.contains(['30m', "1h"], vm.timeSpan.key)) {
+            // don't do anything if window is unfocused
+            if(document.hidden === true){
+                return ;
+            }
+            vm.refreshData();
+        }
+    }, 60000);
+
+    vm.fetchApdexStats = function () {
+        vm.loading.apdex = true;
+        vm.apdexStats = applicationsPropertyResource.query({
+                'key': 'apdex_stats',
+                'resourceId': vm.resource,
+                "start_date": timeSpanToStartDate(vm.timeSpan.key)
+            },
+            function (data) {
+                vm.loading.apdex = false;
+
+                vm.exceptions = _.reduce(data, function (memo, row) {
+                    return memo + row.errors;
+                }, 0);
+                vm.satisfyingRequests = _.reduce(data, function (memo, row) {
+                    return memo + row.satisfying_requests;
+                }, 0);
+                vm.toleratedRequests = _.reduce(data, function (memo, row) {
+                    return memo + row.tolerated_requests;
+                }, 0);
+                vm.frustratingRequests = _.reduce(data, function (memo, row) {
+                    return memo + row.frustrating_requests;
+                }, 0);
+                if (data.length) {
+                    vm.uptimeStats = data[0].uptime;
                 }
-            });
+
+            },
+            function () {
+                vm.loading.apdex = false;
+            }
+        );
+    }
+
+    vm.fetchMetrics = function () {
+        vm.loading.series = true;
+        applicationsPropertyResource.query({
+            'resourceId': vm.resource,
+            'key': vm.graphType.selected,
+            "start_date": timeSpanToStartDate(vm.timeSpan.key)
+        }, function (data) {
+            if (vm.graphType.selected == 'metrics_graphs') {
+                vm.metricsChartData = {
+                    json: data,
+                    xFormat: '%Y-%m-%dT%H:%M:%S',
+                    keys: {
+                        x: 'x',
+                        value: ["main", "sql", "nosql", "tmpl", "remote", "custom"]
+                    },
+                    names: {
+                        main: 'View/Application logic',
+                        sql: 'Relational database queries',
+                        nosql: 'NoSql datastore calls',
+                        tmpl: 'Template rendering',
+                        custom: 'Custom timed calls',
+                        remote: 'Requests to remote resources'
+                    },
+                    type: 'area',
+                    groups: [["main", "sql", "nosql", "remote", "custom", "tmpl"]],
+                    order: null
+                };
+            }
+            else if (vm.graphType.selected == 'report_graphs') {
+                vm.reportChartData = {
+                    json: data,
+                    xFormat: '%Y-%m-%dT%H:%M:%S',
+                    keys: {
+                        x: 'x',
+                        value: ["not_found", "report"]
+                    },
+                    names: {
+                        report: 'Errors',
+                        not_found: '404\'s requests'
+                    },
+                    type: 'bar'
+                };
+            }
+            else if (vm.graphType.selected == 'slow_report_graphs') {
+                vm.reportSlowChartData = {
+                    json: data,
+                    xFormat: '%Y-%m-%dT%H:%M:%S',
+                    keys: {
+                        x: 'x',
+                        value: ["slow_report"]
+                    },
+                    names: {
+                        slow_report: 'Slow reports'
+                    },
+                    type: 'bar'
+                };
+            }
+            else if (vm.graphType.selected == 'response_graphs') {
+                vm.responseChartData = {
+                    json: data,
+                    xFormat: '%Y-%m-%dT%H:%M:%S',
+                    keys: {
+                        x: 'x',
+                        value: ["today", "days_ago_2", "days_ago_7"]
+                    },
+                    names: {
+                        today: 'Today',
+                        "days_ago_2": '2 days ago',
+                        "days_ago_7": '7 days ago'
+                    }
+                };
+            }
+            else if (vm.graphType.selected == 'requests_graphs') {
+                vm.requestsChartData = {
+                    json: data,
+                    xFormat: '%Y-%m-%dT%H:%M:%S',
+                    keys: {
+                        x: 'x',
+                        value: ["requests"]
+                    },
+                    names: {
+                        requests: 'Requests/s'
+                    }
+                };
+            }
+            vm.loading.series = false;
+        }, function(){
+            vm.loading.series = false;
         });
-        
+    }
+
+    vm.fetchSlowCalls = function () {
+        vm.loading.slowCalls = true;
+        applicationsPropertyResource.query({
+            'resourceId': vm.resource,
+            "start_date": timeSpanToStartDate(vm.timeSpan.key),
+            'key': 'slow_calls'
+        }, function (data) {
+            vm.slowCalls = data;
+            vm.loading.slowCalls = false;
+        }, function () {
+            vm.loading.slowCalls = false;
+        });
+    }
+
+    vm.fetchRequestsBreakdown = function () {
+        vm.loading.requestsBreakdown = true;
+        applicationsPropertyResource.query({
+            'resourceId': vm.resource,
+            "start_date": timeSpanToStartDate(vm.timeSpan.key),
+            'key': 'requests_breakdown'
+        }, function (data) {
+            vm.requestsBreakdown = data;
+            vm.loading.requestsBreakdown = false;
+        }, function () {
+            vm.loading.requestsBreakdown = false;
+        });
+    }
+
+    vm.fetchTrendingReports = function () {
+
+        if (vm.graphType.selected == 'slow_report_graphs') {
+            var report_type = 'slow';
+        }
+        else {
+            var report_type = 'error';
+        }
+
+        vm.loading.reports = true;
+        vm.trendingReports = applicationsPropertyResource.query({
+                'key': 'trending_reports',
+                'resourceId': vm.resource,
+                "start_date": timeSpanToStartDate(vm.timeSpan.key),
+                "report_type": report_type
+            },
+            function () {
+                vm.loading.reports = false;
+            },
+            function () {
+                vm.loading.reports = false;
+            }
+        );
+    };
 
-        vm.loading = {partitions: true};
-        sectionViewResource.save({section:'admin_section',
-            view: 'partitions_remove'}, {
-            es_indices: es_indices,
-            pg_indices: pg_indices,
-            confirm: 'CONFIRM'
-        }, vm.loadPartitions);
+    $scope.$on('$destroy',function(){
+        $interval.cancel(vm.intervalId);
+    });
 
+    if (stateHolder.AeUser.applications.length){
+        vm.show_dashboard = true;
+        vm.determineStartState();
+        vm.refreshData();
     }
-
 }
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -7780,31 +7996,22 b' function AdminPartitionsController(sectionViewResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminSystemController', AdminSystemController);
-
-AdminSystemController.$inject = ['sectionViewResource'];
-
-function AdminSystemController(sectionViewResource) {
-    var vm = this;
-    vm.tables = [];
-    vm.loading = {system: true};
-    sectionViewResource.get({
-        section: 'admin_section',
-        view: 'system'
-    }, null, function (data) {
-        vm.DBtables = data.db_tables;
-        vm.ESIndices = data.es_indices;
-        vm.queueStats = data.queue_stats;
-        vm.systemLoad = data.system_load;
-        vm.packages = data.packages;
-        vm.processInfo = data.process_info;
-        vm.disks = data.disks;
-        vm.memory = data.memory;
-        vm.selfInfo = data.self_info;
-
-        vm.loading.system = false;
-    });
-};
+var aeconfig = angular.module('appenlight.config', []);
+aeconfig.factory('AeConfig', function () {
+    var obj = {};
+    obj.flashMessages = decodeEncodedJSON(window.AE.flash_messages);
+    obj.timeOptions = decodeEncodedJSON(window.AE.timeOptions);
+    obj.plugins = decodeEncodedJSON(window.AE.plugins);
+    obj.topNav = decodeEncodedJSON(window.AE.topNav);
+    obj.ws_url = window.AE.ws_url;
+    obj.urls = window.AE.urls;
+    // set keys on values because we wont be able to retrieve them everywhere
+    for (var key in obj.timeOptions) {
+        obj.timeOptions[key]['key'] = key;
+    }
+    console.info('config', obj);
+    return obj;
+});
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -7825,106 +8032,21 b' function AdminSystemController(sectionViewResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminUsersCreateController', AdminUsersCreateController);
+angular.module('appenlight.controllers').controller('AdminApplicationsListController', AdminApplicationsListController);
 
-AdminUsersCreateController.$inject = ['$state', 'usersResource', 'usersPropertyResource', 'sectionViewResource', 'AeConfig'];
+AdminApplicationsListController.$inject = ['applicationsResource'];
 
-function AdminUsersCreateController($state, usersResource, usersPropertyResource, sectionViewResource, AeConfig) {
+function AdminApplicationsListController(applicationsResource) {
     
     var vm = this;
-    vm.loading = {user: false};
-
-
-    if (typeof $state.params.userId !== 'undefined') {
-        vm.loading.user = true;
-        var userId = $state.params.userId;
-        vm.user = usersResource.get({userId: userId}, function (data) {
-            vm.loading.user = false;
-            // cast to true for angular checkbox
-            if (vm.user.status === 1) {
-                vm.user.status = true;
-            }
-        });
-
-        vm.resource_permissions = usersPropertyResource.query(
-            {userId: userId, key: 'resource_permissions'}, function (data) {
-                vm.loading.resource_permissions = false;
-                var tmpObj = {
-                    'user': {
-                        'application': {},
-                        'dashboard': {}
-                    },
-                    'group': {
-                        'application': {},
-                        'dashboard': {}
-                    }
-                };
-                _.each(data, function (item) {
-                    
-                    var section = tmpObj[item.type][item.resource_type];
-                    if (typeof section[item.resource_id] == 'undefined'){
-                        section[item.resource_id] = {
-                            self:item,
-                            permissions: []
-                        }
-                    }
-                    section[item.resource_id].permissions.push(item.perm_name);
-
-                });
-                vm.resourcePermissions = tmpObj;
-            });
-
-    }
-    else {
-        var userId = null;
-        vm.user = {
-            status: true
-        }
-    }
-
-    var formResponse = function (response) {
-        if (response.status == 422) {
-            setServerValidation(vm.profileForm, response.data);
-        }
-        vm.loading.user = false;
-    }
-
-    vm.createUser = function () {
-        vm.loading.user = true;
-        
-        if (userId) {
-            usersResource.update({userId: vm.user.id}, vm.user, function (data) {
-                setServerValidation(vm.profileForm);
-                vm.loading.user = false;
-            }, formResponse);
-        }
-        else {
-            usersResource.save(vm.user, function (data) {
-                $state.go('admin.user.update', {userId: data.id});
-            }, formResponse);
-        }
-    }
-
-    vm.generatePassword = function () {
-        var length = 8;
-        var charset = "abcdefghijklnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
-        vm.gen_pass = "";
-        for (var i = 0, n = charset.length; i < length; ++i) {
-            vm.gen_pass += charset.charAt(Math.floor(Math.random() * n));
-        }
-        vm.user.user_password = '' + vm.gen_pass;
-        
-    }
-
-    vm.reloginUser = function () {
-        sectionViewResource.get({
-            section: 'admin_section', view: 'relogin_user',
-            user_id: vm.user.id
-        }, function () {
-            window.location = AeConfig.urls.baseUrl;
-        });
+    vm.loading = {applications: true};
 
-    }
+    vm.applications = applicationsResource.query({
+        root_list: true,
+        resource_type: 'application'
+    }, function (data) {
+        vm.loading = {applications: false};
+    });
 };
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -7946,39 +8068,43 b' function AdminUsersCreateController($state, usersResource, usersPropertyResource'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminUsersController', AdminUsersController);
+angular.module('appenlight.controllers').controller('ConfigsListController', ConfigsListController);
 
-AdminUsersController.$inject = ['usersResource'];
+ConfigsListController.$inject = ['configsResource', 'configsNoIdResource'];
 
-function AdminUsersController(usersResource) {
-    
+function ConfigsListController(configsResource, configsNoIdResource) {
     var vm = this;
-    vm.loading = {users: true};
+    vm.loading = {config: true};
 
-    vm.users = usersResource.query({}, function (data) {
-        vm.loading = {users: false};
-        vm.activeUsers = _.reduce(vm.users, function(memo, val){
-            if (val.status == 1){
-                return memo + 1;
-            }
-            return memo;
-        }, 0);
-        
-    });
+    var filters = [
+        'template_footer_html:global',
+        'list_groups_to_non_admins:global',
+        'per_application_reports_rate_limit:global',
+        'per_application_logs_rate_limit:global',
+        'per_application_metrics_rate_limit:global',
+    ];
 
+    vm.configs = {};
 
-    vm.removeUser = function (user) {
-        usersResource.remove({userId: user.id}, function (data, responseHeaders) {
-            
-            if (data) {
-                var index = vm.users.indexOf(user);
-                if (index !== -1) {
-                    vm.users.splice(index, 1);
-                    vm.activeUsers -= 1;
+    vm.configList = configsResource.query({filter: filters},
+        function (data) {
+            vm.loading = {config: false};
+            _.each(data, function (item) {
+                if (vm.configs[item.section] === undefined) {
+                    vm.configs[item.section] = {};
                 }
-            }
+                vm.configs[item.section][item.key] = item;
+            });
         });
-    }
+
+    vm.save = function () {
+        vm.loading.config = true;
+        _.each(vm.configList, function (item) {
+            item.$save();
+        });
+        vm.loading.config = false;
+    };
+
 };
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -8000,157 +8126,128 b' function AdminUsersController(usersResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsUpdateController', ApplicationsUpdateController)
+angular.module('appenlight.controllers').controller('AdminGroupsCreateController', AdminGroupsCreateController);
 
-ApplicationsUpdateController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
+AdminGroupsCreateController.$inject = ['$state', 'groupsResource', 'groupsPropertyResource', 'sectionViewResource', 'AeConfig'];
 
-function ApplicationsUpdateController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
-    'use strict';
+function AdminGroupsCreateController($state, groupsResource, groupsPropertyResource, sectionViewResource, AeConfig) {
     
     var vm = this;
-    vm.loading = {application: false};
+    vm.loading = {
+        group: false,
+        resource_permissions: false,
+        users: false
+    };
 
-    vm.groupingOptions = [
-        ['url_type', 'Error Type + location'],
-        ['url_traceback', 'Traceback + location'],
-        ['traceback_server', 'Traceback + Server'],
-    ];
+    vm.form = {
+        autocompleteUser: '',
+    }
 
-    var resourceId = $state.params.resourceId;
 
+    if (typeof $state.params.groupId !== 'undefined') {
+        vm.loading.group = true;
+        var groupId = $state.params.groupId;
+        vm.group = groupsResource.get({groupId: groupId}, function (data) {
+            vm.loading.group = false;
+        });
 
-    var options = {};
+        vm.resource_permissions = groupsPropertyResource.query(
+            {groupId: groupId, key: 'resource_permissions'}, function (data) {
+                vm.loading.resource_permissions = false;
+                var tmpObj = {
+                    'group': {
+                        'application': {},
+                        'dashboard': {}
+                    }
+                };
+                _.each(data, function (item) {
+                    
+                    var section = tmpObj[item.type][item.resource_type];
+                    if (typeof section[item.resource_id] == 'undefined') {
+                        section[item.resource_id] = {
+                            self: item,
+                            permissions: []
+                        }
+                    }
+                    section[item.resource_id].permissions.push(item.perm_name);
 
-    vm.momentJs = moment;
-    
-    vm.formTransferModel = {password:''};
+                });
+                vm.resourcePermissions = tmpObj;
+            });
 
-    // set initial data
+        vm.users = groupsPropertyResource.query(
+            {groupId: groupId, key: 'users'}, function (data) {
+                vm.loading.users = false;
+            }, function () {
+                vm.loading.users = false;
+            });
 
-    if (resourceId === 'new') {
-        vm.resource = {
-            resource_id: null,
-            slow_report_threshold: 10,
-            error_report_threshold: 10,
-            allow_permanent_storage: true,
-            default_grouping: vm.groupingOptions[1][0]
-        };
     }
     else {
-        vm.loading.application = true;
-        vm.resource = applicationsResource.get({
-            'resourceId': resourceId
-        }, function (data) {
-            vm.loading.application = false;
-        });
+        var groupId = null;
     }
 
+    var formResponse = function (response) {
+        if (response.status === 422) {
+            setServerValidation(vm.groupForm, response.data);
+        }
+        vm.loading.group = false;
+    };
 
-    vm.updateBasicForm = function () {
-        vm.loading.application = true;
-        if (vm.resource.resource_id === null) {
-            applicationsNoIdResource.save(null, vm.resource, function (data) {
-                stateHolder.AeUser.addApplication(data);
-                $state.go('applications.update', {resourceId: data.resource_id});
-                setServerValidation(vm.BasicForm);
-            }, function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.BasicForm, response.data);
-                }
-                vm.loading.application = false;
-                
-            });
+    vm.createGroup = function () {
+        vm.loading.group = true;
+        if (groupId) {
+            groupsResource.update({groupId: vm.group.id}, vm.group, function (data) {
+                setServerValidation(vm.groupForm);
+                vm.loading.group = false;
+            }, formResponse);
         }
         else {
-            applicationsResource.update({resourceId: vm.resource.resource_id},
-                vm.resource, function (data) {
-                    vm.resource = data;
-                    vm.loading.application = false;
-                    setServerValidation(vm.BasicForm);
-                }, function (response) {
-                    if (response.status == 422) {
-                        setServerValidation(vm.BasicForm, response.data);
-                    }
-                    vm.loading.application = false;
-                });
+            groupsResource.save(vm.group, function (data) {
+                $state.go('admin.group.update', {groupId: data.id});
+            }, formResponse);
         }
     };
 
-    vm.addRule = function () {
-        
-        applicationsPropertyResource.save({
-                resourceId: vm.resource.resource_id,
-                key: 'postprocessing_rules'
-            }, null,
-            function (data) {
-                vm.resource.postprocessing_rules.push(data);
-            }
-        );
-    };
-
-    vm.regenerateAPIKeys = function(){
-        vm.loading.application = true;
-        applicationsPropertyResource.save({
-                resourceId: vm.resource.resource_id,
-                key: 'api_key'
-            }, {password: vm.regenerateAPIKeysPassword},
-            function (data) {
-                vm.resource = data;
-                vm.loading.application = false;
-                vm.regenerateAPIKeysPassword = '';
-                setServerValidation(vm.regenerateAPIKeysForm);
-            },
-            function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.regenerateAPIKeysForm, response.data);
-                    
-                }
-                vm.loading.application = false;
-            }
-        )
-    };
-
-    vm.deleteApplication = function(){
-        vm.loading.application = true;
-        applicationsPropertyResource.update({
-                resourceId: vm.resource.resource_id,
-                key: 'delete_resource'
-            }, vm.formDeleteModel,
+    vm.removeUser = function (user) {
+        groupsPropertyResource.delete(
+            {groupId: groupId, key: 'users', user_name: user.user_name},
             function (data) {
-                stateHolder.AeUser.removeApplicationById(vm.resource.resource_id);
-                $state.go('applications.list');
-            },
-            function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.formDelete, response.data);
-                    
-                }
-                vm.loading.application = false;
-            }
-        );
+                vm.loading.users = false;
+                vm.users = _.filter(vm.users, function (item) {
+                    return item != user;
+                });
+            }, function () {
+                vm.loading.users = false;
+            });
     };
 
-    vm.transferApplication = function(){
-        vm.loading.application = true;
-        applicationsPropertyResource.update({
-                resourceId: vm.resource.resource_id,
-                key: 'owner'
-            }, vm.formTransferModel,
+    vm.addUser = function () {
+        groupsPropertyResource.save(
+            {groupId: groupId, key: 'users'},
+            {user_name: vm.form.autocompleteUser},
             function (data) {
-                $state.go('applications.list');
-            },
-            function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.formTransfer, response.data);
-                    
-                }
-                vm.loading.application = false;
-            }
-        )
+                vm.loading.users = false;
+                vm.users.push(data);
+                vm.form.autocompleteUser = '';
+            }, function () {
+                vm.loading.users = false;
+            });
     }
 
-}
+    vm.searchUsers = function (searchPhrase) {
+        
+        return sectionViewResource.query({
+            section: 'users_section',
+            view: 'search_users',
+            'user_name': searchPhrase
+        }).$promise.then(function (data) {
+                return _.map(data, function (item) {
+                    return item.user;
+                });
+            });
+    }
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8171,74 +8268,40 b' function ApplicationsUpdateController($state, applicationsNoIdResource, applicat'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('IntegrationController', IntegrationController)
-
-IntegrationController.$inject = ['$state', 'integrationResource'];
-
-function IntegrationController($state, integrationResource) {
-    
-    var vm = this;
-    vm.loading = {integration: true};
-    vm.config = integrationResource.get(
-        {
-            integration: $state.params.integration,
-            action: 'setup',
-            resourceId: $state.params.resourceId
-        }, function (data) {
-            vm.loading.integration = false;
-        });
-
-    vm.configureIntegration = function () {
-        console.info('configureIntegration');
-        vm.loading.integration = true;
-        integrationResource.save(
-            {
-                integration: $state.params.integration,
-                action: 'setup',
-                resourceId: $state.params.resourceId
-            }, vm.config, function (data) {
-                vm.loading.integration = false;
-                setServerValidation(vm.integrationForm);
-            }, function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.integrationForm, response.data);
-                }
-                vm.loading.integration = false;
-            });
-    };
-
-    vm.removeIntegration = function () {
-        console.info('removeIntegration');
-        integrationResource.remove({
-                integration: $state.params.integration,
-                resourceId: $state.params.resourceId,
-                action: 'delete'
-            },
-            function () {
-                $state.go('applications.integrations',
-                    {resourceId: $state.params.resourceId});
-            }
-        );
-    }
-
-    vm.testIntegration = function(to_test){
-        console.info('testIntegration', to_test);
-        vm.loading.integration = true;
-        integrationResource.save(
-            {
-                integration: $state.params.integration,
-                action: 'test_'+ to_test,
-                resourceId: $state.params.resourceId
-            }, vm.config, function (data) {
-                vm.loading.integration = false;
-            }, function (response) {
-                vm.loading.integration = false;
-            });
-    }
+angular.module('appenlight.controllers').controller('AdminGroupsController', AdminGroupsController);
 
+AdminGroupsController.$inject = ['groupsResource'];
+
+function AdminGroupsController(groupsResource) {
     
-}
+    var vm = this;
+    vm.loading = {groups: true};
+
+    vm.groups = groupsResource.query({}, function (data) {
+        vm.loading = {groups: false};
+        vm.activeUsers = _.reduce(vm.groups, function(memo, val){
+            if (val.status == 1){
+                return memo + 1;
+            }
+            return memo;
+        }, 0);
+        
+    });
+
+
+    vm.removeGroup = function (group) {
+        groupsResource.remove({groupId: group.id}, function (data, responseHeaders) {
+            
+            if (data) {
+                var index = vm.groups.indexOf(group);
+                if (index !== -1) {
+                    vm.groups.splice(index, 1);
+                    vm.activeGroups -= 1;
+                }
+            }
+        });
+    }
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8259,19 +8322,110 b' function IntegrationController($state, integrationResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('IntegrationsListController', IntegrationsListController)
+angular.module('appenlight.controllers').controller('AdminPartitionsController', AdminPartitionsController);
 
-IntegrationsListController.$inject = ['$state', 'applicationsResource'];
+AdminPartitionsController.$inject = ['sectionViewResource'];
 
-function IntegrationsListController($state, applicationsResource) {
-    
+function AdminPartitionsController(sectionViewResource) {
     var vm = this;
-    vm.loading = {application: true};
-    vm.resource = applicationsResource.get({resourceId: $state.params.resourceId}, function (data) {
-        vm.loading.application = false;
-        $state.current.data.resource = vm.resource;
-    });
+    vm.permanentPartitions = [];
+    vm.dailyPartitions = [];
+    vm.loading = {partitions: true};
+    vm.dailyChecked = false;
+    vm.permChecked = false;
+    vm.dailyConfirm = '';
+    vm.permConfirm = '';
+
+
+    vm.loadPartitions = function (data) {
+        var permanentPartitions = vm.transformPartitionList(
+            data.permanent_partitions);
+        var dailyPartitions = vm.transformPartitionList(
+            data.daily_partitions);
+        vm.permanentPartitions = permanentPartitions;
+        vm.dailyPartitions = dailyPartitions;
+        vm.loading = {partitions: false};
+    };
+
+    vm.setCheckedList = function (scope) {
+        var toTest = null;
+        if (scope === 'dailyPartitions'){
+            toTest = 'dailyChecked';
+        }
+        else{
+            toTest = 'permChecked';
+        }
+
+        if (vm[toTest]) {
+            var val = true;
+        }
+        else {
+            var val = false;
+        }
+        
+        _.each(vm[scope], function (item) {
+            _.each(item[1].pg, function (index) {
+                index.checked = val;
+            });
+            _.each(item[1].elasticsearch, function (index) {
+                index.checked = val;
+            });
+        });
+    }
+
+
+    vm.transformPartitionList = function (inputList) {
+        var outputList = [];
+
+        _.each(inputList, function (item) {
+            var time = [item[0], {
+                elasticsearch: [],
+                pg: []
+            }]
+            _.each(item[1].pg, function (index) {
+                time[1].pg.push({name: index, checked: false})
+            });
+            _.each(item[1].elasticsearch, function (index) {
+                time[1].elasticsearch.push({
+                    name: index,
+                    checked: false
+                })
+            });
+            outputList.push(time);
+        });
+        return outputList;
+    };
+
+    sectionViewResource.get({section:'admin_section', view: 'partitions'},
+        vm.loadPartitions);
+
+    vm.partitionsDelete = function (partitionType) {
+        var es_indices = [];
+        var pg_indices = [];
+        _.each(vm[partitionType], function (item) {
+            _.each(item[1].pg, function (index) {
+                if (index.checked) {
+                    pg_indices.push(index.name)
+                }
+            });
+            _.each(item[1].elasticsearch, function (index) {
+                if (index.checked) {
+                    es_indices.push(index.name)
+                }
+            });
+        });
+        
+
+        vm.loading = {partitions: true};
+        sectionViewResource.save({section:'admin_section',
+            view: 'partitions_remove'}, {
+            es_indices: es_indices,
+            pg_indices: pg_indices,
+            confirm: 'CONFIRM'
+        }, vm.loadPartitions);
+
+    }
+
 }
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -8293,19 +8447,31 b' function IntegrationsListController($state, applicationsResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsListController', ApplicationsListController)
+angular.module('appenlight.controllers').controller('AdminSystemController', AdminSystemController);
 
-ApplicationsListController.$inject = ['applicationsResource'];
+AdminSystemController.$inject = ['sectionViewResource'];
 
-function ApplicationsListController(applicationsResource) {
-    
+function AdminSystemController(sectionViewResource) {
     var vm = this;
-    vm.loading = {applications: true};
-    vm.applications = applicationsResource.query(null, function(){
-        vm.loading.applications = false;
+    vm.tables = [];
+    vm.loading = {system: true};
+    sectionViewResource.get({
+        section: 'admin_section',
+        view: 'system'
+    }, null, function (data) {
+        vm.DBtables = data.db_tables;
+        vm.ESIndices = data.es_indices;
+        vm.queueStats = data.queue_stats;
+        vm.systemLoad = data.system_load;
+        vm.packages = data.packages;
+        vm.processInfo = data.process_info;
+        vm.disks = data.disks;
+        vm.memory = data.memory;
+        vm.selfInfo = data.self_info;
+
+        vm.loading.system = false;
     });
-}
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8326,47 +8492,107 b' function ApplicationsListController(applicationsResource) {'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsPurgeLogsController', ApplicationsPurgeLogsController)
+angular.module('appenlight.controllers').controller('AdminUsersCreateController', AdminUsersCreateController);
 
-ApplicationsPurgeLogsController.$inject = ['applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
+AdminUsersCreateController.$inject = ['$state', 'usersResource', 'usersPropertyResource', 'sectionViewResource', 'AeConfig'];
 
-function ApplicationsPurgeLogsController(applicationsResource, sectionViewResource, logsNoIdResource) {
+function AdminUsersCreateController($state, usersResource, usersPropertyResource, sectionViewResource, AeConfig) {
     
     var vm = this;
-    vm.loading = {applications: true};
+    vm.loading = {user: false};
 
-    vm.namespace = null;
-    vm.selectedResource = null;
-    vm.commonNamespaces = [];
 
-    vm.applications = applicationsResource.query({'type':'update_reports'}, function () {
-        vm.loading.applications = false;
-        vm.selectedResource = vm.applications[0].resource_id;
-        vm.getCommonKeys();
-    });
+    if (typeof $state.params.userId !== 'undefined') {
+        vm.loading.user = true;
+        var userId = $state.params.userId;
+        vm.user = usersResource.get({userId: userId}, function (data) {
+            vm.loading.user = false;
+            // cast to true for angular checkbox
+            if (vm.user.status === 1) {
+                vm.user.status = true;
+            }
+        });
+
+        vm.resource_permissions = usersPropertyResource.query(
+            {userId: userId, key: 'resource_permissions'}, function (data) {
+                vm.loading.resource_permissions = false;
+                var tmpObj = {
+                    'user': {
+                        'application': {},
+                        'dashboard': {}
+                    },
+                    'group': {
+                        'application': {},
+                        'dashboard': {}
+                    }
+                };
+                _.each(data, function (item) {
+                    
+                    var section = tmpObj[item.type][item.resource_type];
+                    if (typeof section[item.resource_id] == 'undefined'){
+                        section[item.resource_id] = {
+                            self:item,
+                            permissions: []
+                        }
+                    }
+                    section[item.resource_id].permissions.push(item.perm_name);
+
+                });
+                vm.resourcePermissions = tmpObj;
+            });
+
+    }
+    else {
+        var userId = null;
+        vm.user = {
+            status: true
+        }
+    }
+
+    var formResponse = function (response) {
+        if (response.status == 422) {
+            setServerValidation(vm.profileForm, response.data);
+        }
+        vm.loading.user = false;
+    }
+
+    vm.createUser = function () {
+        vm.loading.user = true;
+        
+        if (userId) {
+            usersResource.update({userId: vm.user.id}, vm.user, function (data) {
+                setServerValidation(vm.profileForm);
+                vm.loading.user = false;
+            }, formResponse);
+        }
+        else {
+            usersResource.save(vm.user, function (data) {
+                $state.go('admin.user.update', {userId: data.id});
+            }, formResponse);
+        }
+    }
 
-    /**
-     * Fetches most commonly used tags in logs
-     */
-    vm.getCommonKeys = function () {
+    vm.generatePassword = function () {
+        var length = 8;
+        var charset = "abcdefghijklnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
+        vm.gen_pass = "";
+        for (var i = 0, n = charset.length; i < length; ++i) {
+            vm.gen_pass += charset.charAt(Math.floor(Math.random() * n));
+        }
+        vm.user.user_password = '' + vm.gen_pass;
+        
+    }
+
+    vm.reloginUser = function () {
         sectionViewResource.get({
-            section: 'logs_section',
-            view: 'common_tags',
-            resource: vm.selectedResource
-        }, function (data) {
-            vm.commonNamespaces = data['namespaces']
+            section: 'admin_section', view: 'relogin_user',
+            user_id: vm.user.id
+        }, function () {
+            window.location = AeConfig.urls.baseUrl;
         });
-    };
 
-    vm.purgeLogs = function () {
-        vm.loading.applications = true;
-        logsNoIdResource.delete({resource:vm.selectedResource,
-            namespace: vm.namespace}, function(){
-            vm.loading.applications = false;
-        });
     }
-}
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8387,31 +8613,40 b' function ApplicationsPurgeLogsController(applicationsResource, sectionViewResour'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('EventsController', EventsController);
+angular.module('appenlight.controllers').controller('AdminUsersController', AdminUsersController);
 
-EventsController.$inject = ['eventsNoIdResource', 'eventsResource'];
+AdminUsersController.$inject = ['usersResource'];
 
-function EventsController(eventsNoIdResource, eventsResource) {
-    console.info('EventsController');
+function AdminUsersController(usersResource) {
+    
     var vm = this;
+    vm.loading = {users: true};
 
-    vm.loading = {events: true};
-
-    vm.events = eventsNoIdResource.query(
-        {key: 'events'},
-        function (data) {
-            vm.loading.events = false;
-        });
+    vm.users = usersResource.query({}, function (data) {
+        vm.loading = {users: false};
+        vm.activeUsers = _.reduce(vm.users, function(memo, val){
+            if (val.status == 1){
+                return memo + 1;
+            }
+            return memo;
+        }, 0);
+        
+    });
 
 
-    vm.closeEvent = function (event) {
-        
-        eventsResource.update({eventId: event.id}, {status: 0}, function (data) {
-            event.status = 0;
+    vm.removeUser = function (user) {
+        usersResource.remove({userId: user.id}, function (data, responseHeaders) {
+            
+            if (data) {
+                var index = vm.users.indexOf(user);
+                if (index !== -1) {
+                    vm.users.splice(index, 1);
+                    vm.activeUsers -= 1;
+                }
+            }
         });
     }
-
-}
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8433,649 +8668,416 b' function EventsController(eventsNoIdResource, eventsResource) {'
 // # https://rhodecode.com/licenses/
 
 angular.module('appenlight.controllers')
-    .controller('IndexDashboardController', IndexDashboardController);
+    .controller('ApplicationsUpdateController', ApplicationsUpdateController)
 
-IndexDashboardController.$inject = ['$rootScope', '$scope', '$location','$cookies', '$interval', 'stateHolder', 'applicationsPropertyResource', 'AeConfig'];
+ApplicationsUpdateController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
 
-function IndexDashboardController($rootScope, $scope, $location, $cookies, $interval, stateHolder, applicationsPropertyResource, AeConfig) {
+function ApplicationsUpdateController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
+    'use strict';
+    
     var vm = this;
-    stateHolder.section = 'dashboard';
-    vm.timeOptions = {};
-    var allowed = ['1h', '4h', '12h', '24h', '1w', '2w', '1M'];
-    _.each(allowed, function (key) {
-        if (allowed.indexOf(key) !== -1) {
-            vm.timeOptions[key] = AeConfig.timeOptions[key];
-        }
-    });
-    vm.stateHolder = stateHolder;
-    vm.urls = AeConfig.urls;
-    vm.applications = stateHolder.AeUser.applications_map;
-    vm.show_dashboard = false;
-    vm.resource = null;
-    vm.graphType = {selected: null};
-    vm.timeSpan = vm.timeOptions['1h'];
-    vm.trendingReports = [];
-    vm.exceptions = 0;
-    vm.satisfyingRequests = 0;
-    vm.toleratedRequests = 0;
-    vm.frustratingRequests = 0;
-    vm.uptimeStats = 0;
-    vm.apdexStats = [];
-    vm.seriesRequestsData = [];
-    vm.seriesMetricsData = [];
-    vm.seriesSlowData = [];
-    vm.slowCalls = [];
-    vm.slowURIS = [];
+    vm.loading = {application: false};
 
-    vm.reportChartConfig = {
-        data: {
-            json: [],
-            xFormat: '%Y-%m-%dT%H:%M:%S'
-        },
-        color: {
-            pattern: ['#6baed6', '#e6550d', '#74c476', '#fdd0a2', '#8c564b']
-        },
-        axis: {
-            x: {
-                type: 'timeseries',
-                tick: {
-                    culling: {
-                        max: 6 // the number of tick texts will be adjusted to less than this value
-                    },
-                    format: '%Y-%m-%d %H:%M'
-                }
-            },
-            y: {
-                tick: {
-                    count: 5,
-                    format: d3.format('.2s')
-                }
-            }
-        },
-        subchart: {
-            show: true,
-            size: {
-                height: 20
-            }
-        },
-        size: {
-            height: 250
-        },
-        zoom: {
-            rescale: true
-        },
-        grid: {
-            x: {
-                show: true
-            },
-            y: {
-                show: true
-            }
-        },
-        tooltip: {
-            format: {
-                title: function (d) {
-                    return '' + d;
-                },
-                value: function (v) {
-                    return v
-                }
-            }
-        }
-    };
-    vm.reportChartData = {};
+    vm.groupingOptions = [
+        ['url_type', 'Error Type + location'],
+        ['url_traceback', 'Traceback + location'],
+        ['traceback_server', 'Traceback + Server'],
+    ];
 
-    vm.reportSlowChartConfig = {
-        data: {
-            json: [],
-            xFormat: '%Y-%m-%dT%H:%M:%S'
-        },
-        color: {
-            pattern: ['#6baed6', '#e6550d', '#74c476', '#fdd0a2', '#8c564b']
-        },
-        axis: {
-            x: {
-                type: 'timeseries',
-                tick: {
-                    culling: {
-                        max: 6 // the number of tick texts will be adjusted to less than this value
-                    },
-                    format: '%Y-%m-%d %H:%M'
-                }
-            },
-            y: {
-                tick: {
-                    count: 5,
-                    format: d3.format('.2s')
-                }
-            }
-        },
-        subchart: {
-            show: true,
-            size: {
-                height: 20
-            }
-        },
-        size: {
-            height: 250
-        },
-        zoom: {
-            rescale: true
-        },
-        grid: {
-            x: {
-                show: true
-            },
-            y: {
-                show: true
-            }
-        },
-        tooltip: {
-            format: {
-                title: function (d) {
-                    return '' + d;
-                },
-                value: function (v) {
-                    return v
+    var resourceId = $state.params.resourceId;
+
+
+    var options = {};
+
+    vm.momentJs = moment;
+    
+    vm.formTransferModel = {password:''};
+
+    // set initial data
+
+    if (resourceId === 'new') {
+        vm.resource = {
+            resource_id: null,
+            slow_report_threshold: 10,
+            error_report_threshold: 10,
+            allow_permanent_storage: true,
+            default_grouping: vm.groupingOptions[1][0]
+        };
+    }
+    else {
+        vm.loading.application = true;
+        vm.resource = applicationsResource.get({
+            'resourceId': resourceId
+        }, function (data) {
+            vm.loading.application = false;
+        });
+    }
+
+
+    vm.updateBasicForm = function () {
+        vm.loading.application = true;
+        if (vm.resource.resource_id === null) {
+            applicationsNoIdResource.save(null, vm.resource, function (data) {
+                stateHolder.AeUser.addApplication(data);
+                $state.go('applications.update', {resourceId: data.resource_id});
+                setServerValidation(vm.BasicForm);
+            }, function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.BasicForm, response.data);
                 }
-            }
+                vm.loading.application = false;
+                
+            });
+        }
+        else {
+            applicationsResource.update({resourceId: vm.resource.resource_id},
+                vm.resource, function (data) {
+                    vm.resource = data;
+                    vm.loading.application = false;
+                    setServerValidation(vm.BasicForm);
+                }, function (response) {
+                    if (response.status == 422) {
+                        setServerValidation(vm.BasicForm, response.data);
+                    }
+                    vm.loading.application = false;
+                });
         }
     };
-    vm.reportSlowChartData = {};
 
-    vm.metricsChartConfig = {
-        data: {
-            json: [],
-            xFormat: '%Y-%m-%dT%H:%M:%S',
-            keys: {
-                x: 'x',
-                value: ["main", "sql", "nosql", "tmpl", "remote", "custom"]
-            },
-            names: {
-                main: 'View/Application logic',
-                sql: 'Relational database queries',
-                nosql: 'NoSql datastore calls',
-                tmpl: 'Template rendering',
-                custom: 'Custom timed calls',
-                remote: 'Requests to remote resources'
-            },
-            type: 'area',
-            groups: [["main", "sql", "nosql", "remote", "custom", "tmpl"]],
-            order: null
-        },
-        color: {
-            pattern: ['#6baed6', '#c7e9c0', '#fd8d3c', '#d6616b', '#ffcc00', '#c6dbef']
-        },
-        axis: {
-            x: {
-                type: 'timeseries',
-                tick: {
-                    culling: {
-                        max: 6 // the number of tick texts will be adjusted to less than this value
-                    },
-                    format: '%Y-%m-%d %H:%M'
-                }
-            },
-            y: {
-                tick: {
-                    count: 5,
-                    format: d3.format('.2f')
-                }
-            }
-        },
-        point: {
-            show: false
-        },
-        subchart: {
-            show: true,
-            size: {
-                height: 20
+    vm.addRule = function () {
+        
+        applicationsPropertyResource.save({
+                resourceId: vm.resource.resource_id,
+                key: 'postprocessing_rules'
+            }, null,
+            function (data) {
+                vm.resource.postprocessing_rules.push(data);
             }
-        },
-        size: {
-            height: 350
-        },
-        zoom: {
-            rescale: true
-        },
-        grid: {
-            x: {
-                show: true
+        );
+    };
+
+    vm.regenerateAPIKeys = function(){
+        vm.loading.application = true;
+        applicationsPropertyResource.save({
+                resourceId: vm.resource.resource_id,
+                key: 'api_key'
+            }, {password: vm.regenerateAPIKeysPassword},
+            function (data) {
+                vm.resource = data;
+                vm.loading.application = false;
+                vm.regenerateAPIKeysPassword = '';
+                setServerValidation(vm.regenerateAPIKeysForm);
             },
-            y: {
-                show: true
-            }
-        },
-        tooltip: {
-            format: {
-                title: function (d) {
-                    return '' + d;
-                },
-                value: function (v) {
-                    return v
+            function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.regenerateAPIKeysForm, response.data);
+                    
                 }
+                vm.loading.application = false;
             }
-        }
+        )
     };
-    vm.metricsChartData = {};
 
-    vm.responseChartConfig = {
-        data: {
-            json: [],
-            xFormat: '%Y-%m-%dT%H:%M:%S'
-        },
-        color: {
-            pattern: ['#d6616b', '#6baed6', '#fd8d3c']
-        },
-        axis: {
-            x: {
-                type: 'timeseries',
-                tick: {
-                    culling: {
-                        max: 6 // the number of tick texts will be adjusted to less than this value
-                    },
-                    format: '%Y-%m-%d %H:%M'
-                }
+    vm.deleteApplication = function(){
+        vm.loading.application = true;
+        applicationsPropertyResource.update({
+                resourceId: vm.resource.resource_id,
+                key: 'delete_resource'
+            }, vm.formDeleteModel,
+            function (data) {
+                stateHolder.AeUser.removeApplicationById(vm.resource.resource_id);
+                $state.go('applications.list');
             },
-            y: {
-                tick: {
-                    count: 5,
-                    format: d3.format('.2f')
+            function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.formDelete, response.data);
+                    
                 }
+                vm.loading.application = false;
             }
-        },
-        point: {
-            show: false
-        },
-        subchart: {
-            show: true,
-            size: {
-                height: 20
-            }
-        },
-        size: {
-            height: 350
-        },
-        zoom: {
-            rescale: true
-        },
-        grid: {
-            x: {
-                show: true
+        );
+    };
+
+    vm.transferApplication = function(){
+        vm.loading.application = true;
+        applicationsPropertyResource.update({
+                resourceId: vm.resource.resource_id,
+                key: 'owner'
+            }, vm.formTransferModel,
+            function (data) {
+                $state.go('applications.list');
             },
-            y: {
-                show: true
+            function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.formTransfer, response.data);
+                    
+                }
+                vm.loading.application = false;
             }
-        },
-        tooltip: {
-            format: {
-                title: function (d) {
-                    return '' + d;
-                },
-                value: function (v) {
-                    return v
+        )
+    }
+
+}
+
+;// # Copyright (C) 2010-2016  RhodeCode GmbH
+// #
+// # This program is free software: you can redistribute it and/or modify
+// # it under the terms of the GNU Affero General Public License, version 3
+// # (only), as published by the Free Software Foundation.
+// #
+// # This program is distributed in the hope that it will be useful,
+// # but WITHOUT ANY WARRANTY; without even the implied warranty of
+// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// # GNU General Public License for more details.
+// #
+// # You should have received a copy of the GNU Affero General Public License
+// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
+// #
+// # This program is dual-licensed. If you wish to learn more about the
+// # AppEnlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
+
+angular.module('appenlight.controllers')
+    .controller('IntegrationController', IntegrationController)
+
+IntegrationController.$inject = ['$state', 'integrationResource'];
+
+function IntegrationController($state, integrationResource) {
+    
+    var vm = this;
+    vm.loading = {integration: true};
+    vm.config = integrationResource.get(
+        {
+            integration: $state.params.integration,
+            action: 'setup',
+            resourceId: $state.params.resourceId
+        }, function (data) {
+            vm.loading.integration = false;
+        });
+
+    vm.configureIntegration = function () {
+        console.info('configureIntegration');
+        vm.loading.integration = true;
+        integrationResource.save(
+            {
+                integration: $state.params.integration,
+                action: 'setup',
+                resourceId: $state.params.resourceId
+            }, vm.config, function (data) {
+                vm.loading.integration = false;
+                setServerValidation(vm.integrationForm);
+            }, function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.integrationForm, response.data);
                 }
-            }
-        }
+                vm.loading.integration = false;
+            });
     };
-    vm.responseChartData = {};
 
-    vm.requestsChartConfig = {
-        data: {
-            json: [],
-            xFormat: '%Y-%m-%dT%H:%M:%S'
-        },
-        color: {
-            pattern: ['#d6616b', '#6baed6', '#fd8d3c']
-        },
-        axis: {
-            x: {
-                type: 'timeseries',
-                tick: {
-                    culling: {
-                        max: 6 // the number of tick texts will be adjusted to less than this value
-                    },
-                    format: '%Y-%m-%d %H:%M'
-                }
-            },
-            y: {
-                tick: {
-                    count: 5,
-                    format: d3.format('.2f')
-                }
-            }
-        },
-        point: {
-            show: false
-        },
-        subchart: {
-            show: true,
-            size: {
-                height: 20
-            }
-        },
-        size: {
-            height: 350
-        },
-        zoom: {
-            rescale: true
-        },
-        grid: {
-            x: {
-                show: true
+    vm.removeIntegration = function () {
+        console.info('removeIntegration');
+        integrationResource.remove({
+                integration: $state.params.integration,
+                resourceId: $state.params.resourceId,
+                action: 'delete'
             },
-            y: {
-                show: true
-            }
-        },
-        tooltip: {
-            format: {
-                title: function (d) {
-                    return '' + d;
-                },
-                value: function (v) {
-                    return v
-                }
+            function () {
+                $state.go('applications.integrations',
+                    {resourceId: $state.params.resourceId});
             }
-        }
-    };
-    vm.requestsChartData = {};
+        );
+    }
 
-    vm.loading = {
-        'apdex': true,
-        'reports': true,
-        'graphs': true,
-        'slowCalls': true,
-        'slowURIS': true,
-        'requestsBreakdown': true,
-        'series': true
-    };
-    vm.stream = {paused: false, filtered: false, messages: [], reports: []};
+    vm.testIntegration = function(to_test){
+        console.info('testIntegration', to_test);
+        vm.loading.integration = true;
+        integrationResource.save(
+            {
+                integration: $state.params.integration,
+                action: 'test_'+ to_test,
+                resourceId: $state.params.resourceId
+            }, vm.config, function (data) {
+                vm.loading.integration = false;
+            }, function (response) {
+                vm.loading.integration = false;
+            });
+    }
 
-    $rootScope.$on('channelstream-message.front_dashboard.new_topic', function(event, message){
-        var ws_report = message.message.report;
-        if (ws_report.http_status != 500) {
-            return
-        }
-        if (vm.stream.paused == true) {
-            return
-        }
-        if (vm.stream.filtered && ws_report.resource_id != vm.resource) {
-            return
-        }
-        var should_insert = true;
-        _.each(vm.stream.reports, function (report) {
-            if (report.report_id == ws_report.report_id) {
-                report.occurences = ws_report.occurences;
-                should_insert = false;
-            }
-        });
-        if (should_insert) {
-            if (vm.stream.reports.length > 7) {
-                vm.stream.reports.pop();
-            }
-            vm.stream.reports.unshift(ws_report);
-        }
-    });
+    
+}
 
-    vm.determineStartState = function () {
-        if (stateHolder.AeUser.applications.length) {
-            vm.resource = Number($location.search().resource);
+;// # Copyright (C) 2010-2016  RhodeCode GmbH
+// #
+// # This program is free software: you can redistribute it and/or modify
+// # it under the terms of the GNU Affero General Public License, version 3
+// # (only), as published by the Free Software Foundation.
+// #
+// # This program is distributed in the hope that it will be useful,
+// # but WITHOUT ANY WARRANTY; without even the implied warranty of
+// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// # GNU General Public License for more details.
+// #
+// # You should have received a copy of the GNU Affero General Public License
+// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
+// #
+// # This program is dual-licensed. If you wish to learn more about the
+// # AppEnlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
 
-            if (!vm.resource){
-                var cookieResource = $cookies.getObject('resource');
-                
+angular.module('appenlight.controllers')
+    .controller('IntegrationsListController', IntegrationsListController)
 
-                if (cookieResource) {
-                    vm.resource = cookieResource;
-                }
-                else{
-                    vm.resource = stateHolder.AeUser.applications[0].resource_id;
-                }
-            }
-        }
+IntegrationsListController.$inject = ['$state', 'applicationsResource'];
 
-        var timespan = $location.search().timespan;
+function IntegrationsListController($state, applicationsResource) {
+    
+    var vm = this;
+    vm.loading = {application: true};
+    vm.resource = applicationsResource.get({resourceId: $state.params.resourceId}, function (data) {
+        vm.loading.application = false;
+        $state.current.data.resource = vm.resource;
+    });
+}
 
-        if(_.has(vm.timeOptions, timespan)){
-            vm.timeSpan = vm.timeOptions[timespan];
-        }
-        else{
-            vm.timeSpan = vm.timeOptions['1h'];
-        }
+;// # Copyright (C) 2010-2016  RhodeCode GmbH
+// #
+// # This program is free software: you can redistribute it and/or modify
+// # it under the terms of the GNU Affero General Public License, version 3
+// # (only), as published by the Free Software Foundation.
+// #
+// # This program is distributed in the hope that it will be useful,
+// # but WITHOUT ANY WARRANTY; without even the implied warranty of
+// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// # GNU General Public License for more details.
+// #
+// # You should have received a copy of the GNU Affero General Public License
+// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
+// #
+// # This program is dual-licensed. If you wish to learn more about the
+// # AppEnlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
 
-        var graphType = $location.search().graphtype;
-        if(!graphType){
-            vm.graphType = {selected: 'metrics_graphs'};
-        }
-        else{
-            vm.graphType = {selected: graphType};
-        }
-        vm.updateSearchParams();
-    };
+angular.module('appenlight.controllers')
+    .controller('ApplicationsListController', ApplicationsListController)
 
-    vm.updateSearchParams = function () {
-        $location.search('resource', vm.resource);
-        $location.search('timespan', vm.timeSpan.key);
-        $location.search('graphtype', vm.graphType.selected);
-        stateHolder.resource = vm.resource;
+ApplicationsListController.$inject = ['applicationsResource'];
 
-        if (vm.resource){
-            $cookies.putObject('resource', vm.resource,
-                {expires:new Date(3000, 1, 1)});
-        }
-        vm.refreshData();
-    };
+function ApplicationsListController(applicationsResource) {
+    
+    var vm = this;
+    vm.loading = {applications: true};
+    vm.applications = applicationsResource.query(null, function(){
+        vm.loading.applications = false;
+    });
+}
 
-    vm.refreshData = function () {
-        vm.fetchApdexStats();
-        vm.fetchTrendingReports();
-        vm.fetchMetrics();
-        vm.fetchRequestsBreakdown();
-        vm.fetchSlowCalls();
-    };
+;// # Copyright (C) 2010-2016  RhodeCode GmbH
+// #
+// # This program is free software: you can redistribute it and/or modify
+// # it under the terms of the GNU Affero General Public License, version 3
+// # (only), as published by the Free Software Foundation.
+// #
+// # This program is distributed in the hope that it will be useful,
+// # but WITHOUT ANY WARRANTY; without even the implied warranty of
+// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// # GNU General Public License for more details.
+// #
+// # You should have received a copy of the GNU Affero General Public License
+// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
+// #
+// # This program is dual-licensed. If you wish to learn more about the
+// # AppEnlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
 
-    vm.changedTimeSpan = function(){
-        vm.startDateFilter = timeSpanToStartDate(vm.timeSpan.key);
-        vm.refreshData();
-    };
+angular.module('appenlight.controllers')
+    .controller('ApplicationsPurgeLogsController', ApplicationsPurgeLogsController)
 
-    vm.intervalId = $interval(function () {
-        if (_.contains(['30m', "1h"], vm.timeSpan.key)) {
-            // don't do anything if window is unfocused
-            if(document.hidden === true){
-                return ;
-            }
-            vm.refreshData();
-        }
-    }, 60000);
+ApplicationsPurgeLogsController.$inject = ['applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
 
-    vm.fetchApdexStats = function () {
-        vm.loading.apdex = true;
-        vm.apdexStats = applicationsPropertyResource.query({
-                'key': 'apdex_stats',
-                'resourceId': vm.resource,
-                "start_date": timeSpanToStartDate(vm.timeSpan.key)
-            },
-            function (data) {
-                vm.loading.apdex = false;
+function ApplicationsPurgeLogsController(applicationsResource, sectionViewResource, logsNoIdResource) {
+    
+    var vm = this;
+    vm.loading = {applications: true};
 
-                vm.exceptions = _.reduce(data, function (memo, row) {
-                    return memo + row.errors;
-                }, 0);
-                vm.satisfyingRequests = _.reduce(data, function (memo, row) {
-                    return memo + row.satisfying_requests;
-                }, 0);
-                vm.toleratedRequests = _.reduce(data, function (memo, row) {
-                    return memo + row.tolerated_requests;
-                }, 0);
-                vm.frustratingRequests = _.reduce(data, function (memo, row) {
-                    return memo + row.frustrating_requests;
-                }, 0);
-                if (data.length) {
-                    vm.uptimeStats = data[0].uptime;
-                }
+    vm.namespace = null;
+    vm.selectedResource = null;
+    vm.commonNamespaces = [];
 
-            },
-            function () {
-                vm.loading.apdex = false;
-            }
-        );
-    }
+    vm.applications = applicationsResource.query({'type':'update_reports'}, function () {
+        vm.loading.applications = false;
+        vm.selectedResource = vm.applications[0].resource_id;
+        vm.getCommonKeys();
+    });
 
-    vm.fetchMetrics = function () {
-        vm.loading.series = true;
-        applicationsPropertyResource.query({
-            'resourceId': vm.resource,
-            'key': vm.graphType.selected,
-            "start_date": timeSpanToStartDate(vm.timeSpan.key)
+    /**
+     * Fetches most commonly used tags in logs
+     */
+    vm.getCommonKeys = function () {
+        sectionViewResource.get({
+            section: 'logs_section',
+            view: 'common_tags',
+            resource: vm.selectedResource
         }, function (data) {
-            if (vm.graphType.selected == 'metrics_graphs') {
-                vm.metricsChartData = {
-                    json: data,
-                    xFormat: '%Y-%m-%dT%H:%M:%S',
-                    keys: {
-                        x: 'x',
-                        value: ["main", "sql", "nosql", "tmpl", "remote", "custom"]
-                    },
-                    names: {
-                        main: 'View/Application logic',
-                        sql: 'Relational database queries',
-                        nosql: 'NoSql datastore calls',
-                        tmpl: 'Template rendering',
-                        custom: 'Custom timed calls',
-                        remote: 'Requests to remote resources'
-                    },
-                    type: 'area',
-                    groups: [["main", "sql", "nosql", "remote", "custom", "tmpl"]],
-                    order: null
-                };
-            }
-            else if (vm.graphType.selected == 'report_graphs') {
-                vm.reportChartData = {
-                    json: data,
-                    xFormat: '%Y-%m-%dT%H:%M:%S',
-                    keys: {
-                        x: 'x',
-                        value: ["not_found", "report"]
-                    },
-                    names: {
-                        report: 'Errors',
-                        not_found: '404\'s requests'
-                    },
-                    type: 'bar'
-                };
-            }
-            else if (vm.graphType.selected == 'slow_report_graphs') {
-                vm.reportSlowChartData = {
-                    json: data,
-                    xFormat: '%Y-%m-%dT%H:%M:%S',
-                    keys: {
-                        x: 'x',
-                        value: ["slow_report"]
-                    },
-                    names: {
-                        slow_report: 'Slow reports'
-                    },
-                    type: 'bar'
-                };
-            }
-            else if (vm.graphType.selected == 'response_graphs') {
-                vm.responseChartData = {
-                    json: data,
-                    xFormat: '%Y-%m-%dT%H:%M:%S',
-                    keys: {
-                        x: 'x',
-                        value: ["today", "days_ago_2", "days_ago_7"]
-                    },
-                    names: {
-                        today: 'Today',
-                        "days_ago_2": '2 days ago',
-                        "days_ago_7": '7 days ago'
-                    }
-                };
-            }
-            else if (vm.graphType.selected == 'requests_graphs') {
-                vm.requestsChartData = {
-                    json: data,
-                    xFormat: '%Y-%m-%dT%H:%M:%S',
-                    keys: {
-                        x: 'x',
-                        value: ["requests"]
-                    },
-                    names: {
-                        requests: 'Requests/s'
-                    }
-                };
-            }
-            vm.loading.series = false;
-        }, function(){
-            vm.loading.series = false;
+            vm.commonNamespaces = data['namespaces']
         });
-    }
+    };
 
-    vm.fetchSlowCalls = function () {
-        vm.loading.slowCalls = true;
-        applicationsPropertyResource.query({
-            'resourceId': vm.resource,
-            "start_date": timeSpanToStartDate(vm.timeSpan.key),
-            'key': 'slow_calls'
-        }, function (data) {
-            vm.slowCalls = data;
-            vm.loading.slowCalls = false;
-        }, function () {
-            vm.loading.slowCalls = false;
+    vm.purgeLogs = function () {
+        vm.loading.applications = true;
+        logsNoIdResource.delete({resource:vm.selectedResource,
+            namespace: vm.namespace}, function(){
+            vm.loading.applications = false;
         });
     }
+}
 
-    vm.fetchRequestsBreakdown = function () {
-        vm.loading.requestsBreakdown = true;
-        applicationsPropertyResource.query({
-            'resourceId': vm.resource,
-            "start_date": timeSpanToStartDate(vm.timeSpan.key),
-            'key': 'requests_breakdown'
-        }, function (data) {
-            vm.requestsBreakdown = data;
-            vm.loading.requestsBreakdown = false;
-        }, function () {
-            vm.loading.requestsBreakdown = false;
-        });
-    }
+;// # Copyright (C) 2010-2016  RhodeCode GmbH
+// #
+// # This program is free software: you can redistribute it and/or modify
+// # it under the terms of the GNU Affero General Public License, version 3
+// # (only), as published by the Free Software Foundation.
+// #
+// # This program is distributed in the hope that it will be useful,
+// # but WITHOUT ANY WARRANTY; without even the implied warranty of
+// # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// # GNU General Public License for more details.
+// #
+// # You should have received a copy of the GNU Affero General Public License
+// # along with this program.  If not, see <http://www.gnu.org/licenses/>.
+// #
+// # This program is dual-licensed. If you wish to learn more about the
+// # AppEnlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
 
-    vm.fetchTrendingReports = function () {
+angular.module('appenlight.controllers').controller('EventsController', EventsController);
 
-        if (vm.graphType.selected == 'slow_report_graphs') {
-            var report_type = 'slow';
-        }
-        else {
-            var report_type = 'error';
-        }
+EventsController.$inject = ['eventsNoIdResource', 'eventsResource'];
 
-        vm.loading.reports = true;
-        vm.trendingReports = applicationsPropertyResource.query({
-                'key': 'trending_reports',
-                'resourceId': vm.resource,
-                "start_date": timeSpanToStartDate(vm.timeSpan.key),
-                "report_type": report_type
-            },
-            function () {
-                vm.loading.reports = false;
-            },
-            function () {
-                vm.loading.reports = false;
-            }
-        );
-    };
+function EventsController(eventsNoIdResource, eventsResource) {
+    console.info('EventsController');
+    var vm = this;
 
-    $scope.$on('$destroy',function(){
-        $interval.cancel(vm.intervalId);
-    });
+    vm.loading = {events: true};
 
-    if (stateHolder.AeUser.applications.length){
-        vm.show_dashboard = true;
-        vm.determineStartState();
-        vm.refreshData();
+    vm.events = eventsNoIdResource.query(
+        {key: 'events'},
+        function (data) {
+            vm.loading.events = false;
+        });
+
+
+    vm.closeEvent = function (event) {
+        
+        eventsResource.update({eventId: event.id}, {status: 0}, function (data) {
+            event.status = 0;
+        });
     }
+
 }
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -12361,8 +12363,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
 
     $stateProvider.state('front_dashboard', {
         url: '/ui',
-        templateUrl: 'templates/dashboard.html',
-        controller: 'IndexDashboardController as index'
+        component: 'indexDashboardView'
     });
     
     $stateProvider.state('report', {

frontend/src/app.js

@@ -42,7 +42,8 b" angular.module('appenlight.controllers', ["
 angular.module('appenlight.components', [
     'appenlight.components.channelstream',
     'appenlight.components.appenlightApp',
-    'appenlight.components.appenlightHeader'
+    'appenlight.components.appenlightHeader',
+    'appenlight.components.indexDashboardView'
 ]);
 angular.module('appenlight.directives', [
     'appenlight.directives.c3chart',

frontend/src/components/views/index-dashboard/index-dashboard.html

@@ -7,51 +7,49 b''
         stroke-width: 0;
         opacity: 0.75;
     }
-
-
 </style>
 
 <div class="row">
     <div class="col-sm-12 dashboard" id="content">
-        <div ng-if="!index.stateHolder.AeUser.applications.length">
+        <div ng-if="!$ctrl.stateHolder.AeUser.applications.length">
 
             <div ng-include="'templates/quickstart.html'"></div>
 
         </div>
 
-        <div ng-if="index.stateHolder.AeUser.applications.length">
+        <div ng-if="$ctrl.stateHolder.AeUser.applications.length">
 
             <div class="row">
                 <div class="col-sm-6">
                     <div class="panel panel-default">
                         <div class="panel-body">
                             <form class="graph-type form-inline">
-                                <select ng-model="index.resource" ng-options="r.resource_id as r.resource_name for r in index.stateHolder.AeUser.applications" ng-change="index.updateSearchParams()"
+                                <select ng-model="$ctrl.resource" ng-options="r.resource_id as r.resource_name for r in $ctrl.stateHolder.AeUser.applications" ng-change="$ctrl.updateSearchParams()"
                                         class="SelectField form-control input-sm slim-input"></select>
 
-                                <select class="SelectField form-control input-sm slim-input" ng-model="index.timeSpan"
-                                        ng-options="i as i.label for i in index.timeOptions | objectToOrderedArray:'minutes'" ng-change="index.updateSearchParams()"
+                                <select class="SelectField form-control input-sm slim-input" ng-model="$ctrl.timeSpan"
+                                        ng-options="i as i.label for i in $ctrl.timeOptions | objectToOrderedArray:'minutes'" ng-change="$ctrl.updateSearchParams()"
                                         class="SelectField"></select>
 
 
                                 <div class="btn-group">
-                                    <button type="button" class="btn btn-primary btn-sm" ng-model="index.graphType.selected" ng-change="index.updateSearchParams()"
+                                    <button type="button" class="btn btn-primary btn-sm" ng-model="$ctrl.graphType.selected" ng-change="$ctrl.updateSearchParams()"
                                             uib-btn-radio="'requests_graphs'" data-uib-tooltip="Requests per second">
                                         <span class="fa fa-line-chart"></span>
                                     </button>
-                                    <button type="button" class="btn btn-primary btn-sm" ng-model="index.graphType.selected" ng-change="index.updateSearchParams()"
+                                    <button type="button" class="btn btn-primary btn-sm" ng-model="$ctrl.graphType.selected" ng-change="$ctrl.updateSearchParams()"
                                             uib-btn-radio="'response_graphs'" data-uib-tooltip="Average response time">
                                         <span class="fa fa-random"></span>
                                     </button>
-                                    <button type="button" class="btn btn-primary btn-sm" ng-model="index.graphType.selected" ng-change="index.updateSearchParams()"
+                                    <button type="button" class="btn btn-primary btn-sm" ng-model="$ctrl.graphType.selected" ng-change="$ctrl.updateSearchParams()"
                                             uib-btn-radio="'metrics_graphs'" data-uib-tooltip="Time spent per request">
                                         <span class="fa fa-bar-chart-o"></span>
                                     </button>
-                                    <button type="button" class="btn btn-primary btn-sm" ng-model="index.graphType.selected" ng-change="index.updateSearchParams()"
+                                    <button type="button" class="btn btn-primary btn-sm" ng-model="$ctrl.graphType.selected" ng-change="$ctrl.updateSearchParams()"
                                             uib-btn-radio="'report_graphs'" data-uib-tooltip="Errors">
                                         <span class="fa fa-exclamation-triangle"></span>
                                     </button>
-                                    <button type="button" class="btn btn-primary btn-sm" ng-model="index.graphType.selected" ng-change="index.updateSearchParams()"
+                                    <button type="button" class="btn btn-primary btn-sm" ng-model="$ctrl.graphType.selected" ng-change="$ctrl.updateSearchParams()"
                                             uib-btn-radio="'slow_report_graphs'" data-uib-tooltip="Slow reports">
                                         <span class="fa fa-clock-o"></span>
                                     </button>
@@ -59,52 +57,52 b''
                             </form>
                             <div class="clearfix"></div>
 
-                            <p ng-if="index.loading.series != false" class="text-center">
+                            <p ng-if="$ctrl.loading.series != false" class="text-center">
                                 <span class="fa fa-cog fa-spin fa-5x loader"></span>
                             </p>
 
-                            <div ng-if="index.loading.series == false">
-                            <div ng-if="index.graphType.selected == 'requests_graphs'">
-                                <c3chart data-domid="reponse_chart" data-data="index.requestsChartData" data-config="index.requestsChartConfig" update="true">
+                            <div ng-if="$ctrl.loading.series == false">
+                            <div ng-if="$ctrl.graphType.selected == 'requests_graphs'">
+                                <c3chart data-domid="reponse_chart" data-data="$ctrl.requestsChartData" data-config="$ctrl.requestsChartConfig" update="true">
                                 </c3chart>
                             </div>
 
-                            <div ng-if="index.graphType.selected == 'response_graphs'">
-                                <c3chart data-domid="reponse_chart" data-data="index.responseChartData" data-config="index.responseChartConfig" update="true">
+                            <div ng-if="$ctrl.graphType.selected == 'response_graphs'">
+                                <c3chart data-domid="reponse_chart" data-data="$ctrl.responseChartData" data-config="$ctrl.responseChartConfig" update="true">
                                 </c3chart>
                             </div>
 
-                            <div ng-if="index.graphType.selected == 'metrics_graphs'">
-                                <c3chart data-domid="metrics_chart" data-data="index.metricsChartData" data-config="index.metricsChartConfig" update="true">
+                            <div ng-if="$ctrl.graphType.selected == 'metrics_graphs'">
+                                <c3chart data-domid="metrics_chart" data-data="$ctrl.metricsChartData" data-config="$ctrl.metricsChartConfig" update="true">
                                 </c3chart>
                             </div>
-                            <div ng-if="index.graphType.selected == 'report_graphs'">
-                                <c3chart data-domid="reports_chart" data-data="index.reportChartData" data-config="index.reportChartConfig" update="true">
+                            <div ng-if="$ctrl.graphType.selected == 'report_graphs'">
+                                <c3chart data-domid="reports_chart" data-data="$ctrl.reportChartData" data-config="$ctrl.reportChartConfig" update="true">
                                 </c3chart>
                             </div>
 
-                            <div ng-if="index.graphType.selected == 'slow_report_graphs'">
-                                <c3chart data-domid="slow_reports_chart" data-data="index.reportSlowChartData" data-config="index.reportSlowChartConfig" update="true">
+                            <div ng-if="$ctrl.graphType.selected == 'slow_report_graphs'">
+                                <c3chart data-domid="slow_reports_chart" data-data="$ctrl.reportSlowChartData" data-config="$ctrl.reportSlowChartConfig" update="true">
                                 </c3chart>
                             </div>
 
-                            <p ng-if="index.graphType.selected == 'requests_graphs'" class="text-center">
+                            <p ng-if="$ctrl.graphType.selected == 'requests_graphs'" class="text-center">
                                 <small>Average requests per second from all servers</small>
                             </p>
 
-                            <p ng-if="index.graphType.selected == 'response_graphs'" class="text-center">
+                            <p ng-if="$ctrl.graphType.selected == 'response_graphs'" class="text-center">
                                 <small>Average response time from all servers</small>
                             </p>
 
-                            <p ng-if="index.graphType.selected == 'metrics_graphs'" class="text-center">
+                            <p ng-if="$ctrl.graphType.selected == 'metrics_graphs'" class="text-center">
                                 <small>Aggregated average time spent per request - broken to layers</small>
                             </p>
 
-                            <p ng-if="index.graphType.selected == 'report_graphs'" class="text-center">
+                            <p ng-if="$ctrl.graphType.selected == 'report_graphs'" class="text-center">
                                 <small>Aggregated reports sent by your application</small>
                             </p>
 
-                            <p ng-if="index.graphType.selected == 'slow_report_graphs'" class="text-center">
+                            <p ng-if="$ctrl.graphType.selected == 'slow_report_graphs'" class="text-center">
                                 <small>Aggregated slow reports sent by your application</small>
                             </p>
                             </div>
@@ -117,40 +115,40 b''
 
                     <div id="server-container">
 
-                        <div ng-if="index.loading.apdex==false" class="text-center m-b-1">
+                        <div ng-if="$ctrl.loading.apdex==false" class="text-center m-b-1">
 
-                            <a data-ui-sref="report.list({resource:index.resource, start_date:index.startDateFilter})" class="combined-stat text-center" id="error-rate">
+                            <a data-ui-sref="report.list({resource:$ctrl.resource, start_date:$ctrl.startDateFilter})" class="combined-stat text-center" id="error-rate">
                                 <small>Exceptions</small>
                                 <br/>
-                                <strong>{{ index.exceptions|numberToThousands}}</strong>
+                                <strong>{{ $ctrl.exceptions|numberToThousands}}</strong>
                                 <span class="fa fa-chevron-right"></span>
                             </a><!--
 
-                    --><a data-ui-sref="report.list_slow({resource:index.resource, min_duration:4, start_date:index.startDateFilter})" class="combined-stat text-center" id="frustrating-requests" data-uib-tooltip="Requests over 4s">
+                    --><a data-ui-sref="report.list_slow({resource:$ctrl.resource, min_duration:4, start_date:$ctrl.startDateFilter})" class="combined-stat text-center" id="frustrating-requests" data-uib-tooltip="Requests over 4s">
                             <small>Frustrating req.</small>
                             <br/>
-                            <strong>{{index.frustratingRequests|numberToThousands}}</strong>
+                            <strong>{{$ctrl.frustratingRequests|numberToThousands}}</strong>
                             <span class="fa fa-chevron-right"></span>
                         </a><!--
 
-                     --><a data-ui-sref="report.list_slow({resource:index.resource, min_duration:1, max_duration:4, start_date:index.startDateFilter})" class="combined-stat text-center" id="tolerated-requests"
+                     --><a data-ui-sref="report.list_slow({resource:$ctrl.resource, min_duration:1, max_duration:4, start_date:$ctrl.startDateFilter})" class="combined-stat text-center" id="tolerated-requests"
                            data-uib-tooltip="Requests under 4s">
                             <small>Tolerated req.</small>
                             <br/>
-                            <strong>{{index.toleratedRequests|numberToThousands}}</strong>
+                            <strong>{{$ctrl.toleratedRequests|numberToThousands}}</strong>
                             <span class="fa fa-chevron-right"></span>
                         </a><!--
                         
                         --><a class="combined-stat text-center" id="satisfying-requests" data-uib-tooltip="Requests under 1s">
                             <small>Satisfying req.</small>
                             <br/>
-                            <strong>{{index.satisfyingRequests|numberToThousands}}</strong>
+                            <strong>{{$ctrl.satisfyingRequests|numberToThousands}}</strong>
                         </a><!--
 
-                    --><a data-ui-sref="uptime({resource:index.resource})" class="combined-stat text-center" id="uptime-stats" data-uib-tooltip="Uptime">
+                    --><a data-ui-sref="uptime({resource:$ctrl.resource})" class="combined-stat text-center" id="uptime-stats" data-uib-tooltip="Uptime">
                             <small>Uptime</small>
                             <br/>
-                            <strong>{{index.uptimeStats}}%</strong>
+                            <strong>{{$ctrl.uptimeStats}}%</strong>
                             <span class="fa fa-chevron-right"></span>
                         </a>
 
@@ -172,11 +170,11 b''
                                 </tr>
                                 </thead>
                                 <tbody>
-                                <tr ng-if="index.loading.apdex!=false" class="text-center">
+                                <tr ng-if="$ctrl.loading.apdex!=false" class="text-center">
                                     <td colspan="5"><span class="fa fa-cog fa-spin fa-5x loader"></span></td>
                                 </tr>
-                                <tr ng-repeat="server in index.apdexStats" class="{{ server | apdexValue }}"
-                                    ng-if="index.loading.apdex==false">
+                                <tr ng-repeat="server in $ctrl.apdexStats" class="{{ server | apdexValue }}"
+                                    ng-if="$ctrl.loading.apdex==false">
                                     <td><span class="fa fa-hdd-o"></span></td>
                                     <td>
                                         <small><strong>{{ server.name }}</strong></small>
@@ -209,10 +207,10 b''
                         <div class="panel-heading position-relative">
                             <h3 class="panel-title"><span class="fa fa-exclamation-triangle"></span> Newest errors (real-time)
                             </h3>
-                            <a tooltip-append-to-body="true" data-uib-tooltip="Play/Pause stream" class="btn btn-primary btn-sm pause_stream" ng-model="index.stream.paused" uib-btn-checkbox>
+                            <a tooltip-append-to-body="true" data-uib-tooltip="Play/Pause stream" class="btn btn-primary btn-sm pause_stream" ng-model="$ctrl.stream.paused" uib-btn-checkbox>
                                 <span class="fa {{stream.paused ? 'fa-play' : 'fa-pause'}}"></span>
                             </a>
-                            <a tooltip-append-to-body="true" data-uib-tooltip="Limit reports to current application" class="btn btn-primary btn-sm limit_stream" ng-model="index.stream.filtered" uib-btn-checkbox>
+                            <a tooltip-append-to-body="true" data-uib-tooltip="Limit reports to current application" class="btn btn-primary btn-sm limit_stream" ng-model="$ctrl.stream.filtered" uib-btn-checkbox>
                                 <span class="fa fa-lock"></span>
                             </a>
 
@@ -220,9 +218,9 b''
                         </div>
                         <div class="panel-body">
 
-                            <p ng-if="index.stream.reports.length === 0">No new reports</p>
+                            <p ng-if="$ctrl.stream.reports.length === 0">No new reports</p>
 
-                            <div small-report-list reports="index.stream.reports" applications="index.applications"></div>
+                            <div small-report-list reports="$ctrl.stream.reports" applications="$ctrl.applications"></div>
                         </div>
                     </div>
                 </div>
@@ -231,15 +229,15 b''
 
                     <div class="panel panel-default">
                         <div class="panel-heading">
-                            <h3 class="panel-title"><span class="fa fa-sort-amount-desc"></span> Request breakdown over {{ index.timeSpan.label }}</h3>
+                            <h3 class="panel-title"><span class="fa fa-sort-amount-desc"></span> Request breakdown over {{ $ctrl.timeSpan.label }}</h3>
                         </div>
                         <div class="panel-body" id="view-breakdown-container">
-                            <p ng-if="index.loading.requestsBreakdown!=false" class="text-center">
+                            <p ng-if="$ctrl.loading.requestsBreakdown!=false" class="text-center">
                                 <span class="fa fa-cog fa-spin fa-5x loader"></span>
                             </p>
 
                             <div class="report-list">
-                                <div ng-if="index.loading.requestsBreakdown==false" ng-repeat="view in index.requestsBreakdown">
+                                <div ng-if="$ctrl.loading.requestsBreakdown==false" ng-repeat="view in $ctrl.requestsBreakdown">
                                     <div class="view-info">
                                         <div class="view-name">
                                             <div class="bar" style="width: {{view.percentage}}%">
@@ -281,19 +279,19 b''
                     <div class="panel panel-default">
                         <div class="panel-heading">
                             <h3 class="panel-title">
-                                <span class="fa fa-exclamation-triangle"></span> Report groups trending over {{ index.timeSpan.label }}
+                                <span class="fa fa-exclamation-triangle"></span> Report groups trending over {{ $ctrl.timeSpan.label }}
                             </h3>
                         </div>
                         <div class="panel-body">
-                            <p ng-if="index.loading.reports != false" class="text-center">
+                            <p ng-if="$ctrl.loading.reports != false" class="text-center">
                                 <span class="fa fa-cog fa-spin fa-5x loader"></span>
                             </p>
 
-                            <p ng-if="index.trendingReports.length == 0 && index.loading.reports == false">
+                            <p ng-if="$ctrl.trendingReports.length == 0 && $ctrl.loading.reports == false">
                                 No reports found
                             </p>
 
-                            <div small-report-group-list groups="index.trendingReports" applications="index.applications" ng-if="index.loading.reports==false"></div>
+                            <div small-report-group-list groups="$ctrl.trendingReports" applications="$ctrl.applications" ng-if="$ctrl.loading.reports==false"></div>
                         </div>
                     </div>
 
@@ -305,18 +303,18 b''
                     <div class="panel panel-default">
                         <div class="panel-heading">
                             <h3 class="panel-title">
-                                Most common slow calls over {{ index.timeSpan.label }}
+                                Most common slow calls over {{ $ctrl.timeSpan.label }}
                             </h3>
                         </div>
                         <div class="panel-body">
 
-                            <div ng-if="index.loading.slowCalls!=false" class="text-center">
+                            <div ng-if="$ctrl.loading.slowCalls!=false" class="text-center">
                                 <span class="fa fa-cog fa-spin fa-5x loader"></span>
                             </div>
 
-                            <table id="slow-statements" ng-if="index.loading.slowCalls==false">
+                            <table id="slow-statements" ng-if="$ctrl.loading.slowCalls==false">
                                 <tbody>
-                                <tr ng-repeat="call in index.slowCalls">
+                                <tr ng-repeat="call in $ctrl.slowCalls">
                                     <td class="occurences">
                                         <span class="occurences" data-uib-tooltip="Occurences">{{call.occurences|numberToThousands}}</span>
                                     </td>

frontend/src/components/views/index-dashboard/index-dashboard.js

@@ -17,8 +17,11 b''
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('IndexDashboardController', IndexDashboardController);
+angular.module('appenlight.components.indexDashboardView', [])
+    .component('indexDashboardView', {
+        templateUrl: 'components/views/index-dashboard/index-dashboard.html',
+        controller: IndexDashboardController
+    });
 
 IndexDashboardController.$inject = ['$rootScope', '$scope', '$location','$cookies', '$interval', 'stateHolder', 'applicationsPropertyResource', 'AeConfig'];
 

frontend/src/routes.js

@@ -29,8 +29,7 b" angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun"
 
     $stateProvider.state('front_dashboard', {
         url: '/ui',
-        templateUrl: 'templates/dashboard.html',
-        controller: 'IndexDashboardController as index'
+        component: 'indexDashboardView'
     });
     
     $stateProvider.state('report', {