From 437edeed4e7974096ffa23702723f322d717edef 2016-10-07 14:15:49
From: Marcin Lulek <mlulek@rhodecode.com>
Date: 2016-10-07 14:15:49
Subject: [PATCH] components: whole settings panel componentized

---

diff --git a/backend/src/appenlight/static/js/appenlight.js b/backend/src/appenlight/static/js/appenlight.js
index a67aaf1..c9ab9da 100644
--- a/backend/src/appenlight/static/js/appenlight.js
+++ b/backend/src/appenlight/static/js/appenlight.js
@@ -2547,7 +2547,7 @@ function decodeEncodedJSON (input){
         delete doc;
         return val;
     }catch(exc){
-        console.error('decodeEncodedJSON:' + exc + ' input:' + input);
+        
         delete doc;
     }
 }
@@ -2600,16 +2600,16 @@ function timeSpanToStartDate(timeSpan){
 /* Sets server validation messages on form using angular machinery +
 * custom key holding actual error messages */
 function setServerValidation(form, errors){
-    console.log('form', form);
+    
     if (typeof form.ae_validation === 'undefined'){
         form.ae_validation = {};
-        console.log('create ae_validation key');
+        
     }
     for (var key in form.ae_validation){
         form.ae_validation[key] = [];
-        console.log('clear key:', key);
+        
     }
-    console.log('errors:',errors);
+    
 
     for (var key in form){
         if (key[0] !== '$' && key !== 'ae_validation'){
@@ -2688,6 +2688,18 @@ angular.module('appenlight.components', [
     'appenlight.components.userAuthTokensView',
     'appenlight.components.userAlertChannelsListView',
     'appenlight.components.userAlertChannelsEmailNewView',
+    'appenlight.components.applicationsListView',
+    'appenlight.components.applicationsPurgeLogsView',
+    'appenlight.components.applicationsUpdateView',
+    'appenlight.components.integrationsListView',
+    'appenlight.components.bitbucketIntegrationConfigView',
+    'appenlight.components.campfireIntegrationConfigView',
+    'appenlight.components.flowdockIntegrationConfigView',
+    'appenlight.components.githubIntegrationConfigView',
+    'appenlight.components.hipchatIntegrationConfigView',
+    'appenlight.components.jiraIntegrationConfigView',
+    'appenlight.components.slackIntegrationConfigView',
+    'appenlight.components.webhooksIntegrationConfigView',
     'appenlight.components.settingsView'
 ]);
 angular.module('appenlight.directives', [
@@ -2720,7 +2732,7 @@ var pluginsToLoad = _.map(decodeEncodedJSON(window.AE.plugins),
     function(item){
         return item.config.angular_module
     });
-console.log(pluginsToLoad);
+
 angular.module('appenlight.plugins', pluginsToLoad);
 
 var app = angular.module('appenlight', [
@@ -2816,7 +2828,7 @@ function kickstartAE(initialUserData) {
                     AeConfig.urls.otherRoutes.lostPassword,
                     AeConfig.urls.otherRoutes.lostPasswordGenerate
                 ];
-                console.log('$transitions.onBefore', path, $transition$.to().name, $state);
+                
                 _.each(openViews, function (url) {
                     var url = '/' + url.split('/').slice(3).join('/');
                     if (url === path) {
@@ -2825,7 +2837,7 @@ function kickstartAE(initialUserData) {
                 });
                 if (stateHolder.AeUser.id === null && !isGuestState && !isOpenView) {
                     if (window.location.toString().indexOf(AeConfig.urls.otherRoutes.register) === -1) {
-                        console.log('redirect to register');
+                        
                         var newLocation = AeConfig.urls.otherRoutes.register + '?came_from=' + encodeURIComponent(window.location);
                         // fix infinite digest here
                         $rootScope.$on('$locationChangeStart',
@@ -2973,3206 +2985,3183 @@ function kickstartAE(initialUserData) {
   );
 
 
-  $templateCache.put('components/views/event-browser/event-browser.html',
-    "<div class=\"panel panel-default\">\n" +
-    "    <div class=\"panel-body\">\n" +
+  $templateCache.put('components/views/applications-integrations-view/applications-integrations-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.application && $state.is('applications.integrations')\"></ng-include>\n" +
     "\n" +
-    "        <h1>Event history</h1>\n" +
+    "<ui-view>\n" +
+    "    <div class=\"panel panel-default\" ng-show=\"!$ctrl.loading.application\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
-    "        <table class=\"table table-striped event-table\">\n" +
-    "            <tr ng-repeat=\"event in $ctrl.events track by event.id\">\n" +
-    "                <td class=\"text-center icons\">\n" +
-    "                    <span ng-if=\"event.event_type === 1\" class=\"fa fa-exclamation-triangle fa-2x\" style=\"color:orangered\"></span>\n" +
-    "                    <span ng-if=\"event.event_type === 3\" class=\"fa fa-clock-o fa-2x\" style=\"color:darkorange\"></span>\n" +
-    "                    <span ng-if=\"event.event_type === 7\" class=\"fa fa-question-circle fa-2x\" style=\"color:dimgrey\"></span>\n" +
-    "                    <span ng-if=\"event.event_type === 9\" class=\"fa fa-line-chart fa-2x\" style=\"color:green\"></span>\n" +
-    "                </td>\n" +
-    "                <td>\n" +
-    "                    <p>For <strong>{{ event.resource_name }}</strong></p>\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.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>{{ event.text }}</p>\n" +
-    "                    <small class=\"date\" data-uib-tooltip=\"{{event.start_date}}\"> created:\n" +
-    "                        <iso-to-relative-time time=\"{{event.start_date}}\"/>\n" +
-    "                    </small>\n" +
-    "                    <small class=\"date\" ng-show=\"event.end_date\" data-uib-tooltip=\"{{event.end_date}}\"> | closed:\n" +
-    "                        <iso-to-relative-time time=\"{{event.end_date}}\"/>\n" +
-    "                    </small>\n" +
-    "                </td>\n" +
-    "                <td class=\"options\">\n" +
+    "                <p>Send issues and reports to Bitbucket</p>\n" +
+    "            </a>\n" +
     "\n" +
-    "                    <span class=\"dropdown pull-right\" ng-if=\"event.status === 1\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                      <a class=\"dropdown-toggle btn btn-danger\" data-uib-dropdown-toggle>\n" +
-    "                          <span class=\"fa fa-exclamation-circle\"></span>\n" +
-    "                      </a>\n" +
-    "                      <ul class=\"dropdown-menu\">\n" +
-    "                          <li>\n" +
-    "                              <a ng-click=\"$ctrl.closeEvent(event)\">Close event</a>\n" +
-    "                              <a>Do nothing</a>\n" +
-    "                          </li>\n" +
-    "                      </ul>\n" +
-    "                    </span>\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'campfire'})\">\n" +
+    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
+    "                <strong>Campfire</strong>\n" +
     "\n" +
-    "                </td>\n" +
-    "            </tr>\n" +
-    "        </table>\n" +
-    "    </div>\n" +
-    "</div>\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" +
+    "                <p>Receive reports and alerts in your Campfire rooms</p>\n" +
+    "            </a>\n" +
     "\n" +
-    "    #metrics_chart .c3-area {\n" +
-    "        stroke-width: 0;\n" +
-    "        opacity: 0.75;\n" +
-    "    }\n" +
-    "</style>\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'flowdock'})\">\n" +
+    "                <span class=\"fa fa-fw fa-envelope fa-3x pull-left\"></span>\n" +
+    "                <strong>Flowdock</strong>\n" +
     "\n" +
-    "<div class=\"row\">\n" +
-    "    <div class=\"col-sm-12 dashboard\" id=\"content\">\n" +
-    "        <div ng-if=\"!$ctrl.stateHolder.AeUser.applications.length\">\n" +
+    "                <p>Receive reports and alerts on your Flowdock team\n" +
+    "                    inbox</p>\n" +
+    "            </a>\n" +
     "\n" +
-    "            <div ng-include=\"'templates/quickstart.html'\"></div>\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'github'})\">\n" +
+    "                <span class=\"fa fa-fw fa-github fa-3x pull-left\"></span>\n" +
+    "                <strong>Github</strong>\n" +
     "\n" +
-    "        </div>\n" +
+    "                <p>Send issues and reports to Github</p>\n" +
+    "            </a>\n" +
     "\n" +
-    "        <div ng-if=\"$ctrl.stateHolder.AeUser.applications.length\">\n" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'hipchat'})\">\n" +
+    "                <span class=\"fa fa-fw fa-comment fa-3x pull-left\"></span>\n" +
+    "                <strong>HipChat</strong>\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=\"$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" +
+    "                <p>Receive reports and alerts in your Hipchat chanels</p>\n" +
+    "            </a>\n" +
     "\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" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.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" +
-    "                                <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" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.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 ng-if=\"$ctrl.loading.series != false\" class=\"text-center\">\n" +
-    "                                <span class=\"fa fa-cog fa-spin fa-5x loader\"></span>\n" +
-    "                            </p>\n" +
+    "                <p>Receive reports and alerts in your Slack chanels</p>\n" +
+    "            </a>\n" +
     "\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" +
+    "            <a class=\"btn btn-default integration\"\n" +
+    "               data-ui-sref=\"applications.integrations.edit({resourceId:$ctrl.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" +
-    "                            <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" +
+    "                <p>Notify third party API's of your reports and alerts</p>\n" +
+    "            </a>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "</ui-view>\n"
+  );
+
+
+  $templateCache.put('components/views/applications-list-view/applications-list-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.applications\"></ng-include>\n" +
     "\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" +
+    "<div class=\"panel panel-default\" ng-show=\"!$ctrl.loading.applications\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\" ng-if=\"$ctrl.applications.length === 0 \">\n" +
     "\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" +
+    "        <p>You have to create a new application first.</p>\n" +
     "\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" +
+    "    </div>\n" +
     "\n" +
-    "                            <p ng-if=\"$ctrl.graphType.selected == 'response_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Average response time from all servers</small>\n" +
-    "                            </p>\n" +
+    "    <table class=\"table table-striped\" ng-if=\"$ctrl.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 $ctrl.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" +
-    "                            <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" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/applications-purge-logs-view/applications-purge-logs-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.applications\"></ng-include>\n" +
     "\n" +
-    "                            <p ng-if=\"$ctrl.graphType.selected == 'report_graphs'\" class=\"text-center\">\n" +
-    "                                <small>Aggregated reports sent by your application</small>\n" +
-    "                            </p>\n" +
+    "<div ng-show=\"!$ctrl.loading.applications\">\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\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" +
+    "            <form method=\"post\" class=\"form-horizontal\" name=\"$ctrl.form\" ng-submit=\"$ctrl.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=\"$ctrl.selectedResource\" ng-change=\"$ctrl.getCommonKeys()\"\n" +
+    "                                ng-options=\"r.resource_id as r.resource_name for r in $ctrl.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-6\">\n" +
+    "                    <div class=\"col-sm-9 col-lg-10\">\n" +
+    "                        <input type=\"text\" name=\"namespace\" ng-model=\"$ctrl.namespace\"\n" +
+    "                               placeholder=\"Namespace to filter on\" uib-typeahead=\"ns for ns in $ctrl.commonNamespaces\"\n" +
+    "                               class=\"form-control\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
     "\n" +
-    "                    <div id=\"server-container\">\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
     "\n" +
-    "                        <div ng-if=\"$ctrl.loading.apdex==false\" class=\"text-center m-b-1\">\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" +
-    "                            <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" +
+    "            </form>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/applications-update-view/applications-update-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.application\"></ng-include>\n" +
     "\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" +
+    "<div ng-show=\"!$ctrl.loading.application\">\n" +
     "\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" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\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" +
+    "            <div class=\"row\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "                            <div class=\"clearfix\"></div>\n" +
-    "                        </div>\n" +
+    "                    <uib-tabset>\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                API keys\n" +
+    "                            </uib-tab-heading>\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=\"$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" +
+    "                            <p><strong>PRIVATE API KEY:</strong></p>\n" +
+    "                            <p>\n" +
+    "                            <div class=\"well well-sm\">{{ $ctrl.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\">{{ $ctrl.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>\n" +
-    "                    </div>\n" +
+    "                        </uib-tab>\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=\"$ctrl.regenerateAPIKeys()\" name=\"$ctrl.regenerateAPIKeysForm\" class=\"form-inline\">\n" +
+    "                                <data-form-errors errors=\"$ctrl.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=\"$ctrl.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" +
     "\n" +
+    "                    </p>\n" +
+    "                </div>\n" +
     "            </div>\n" +
     "\n" +
-    "            <div class=\"row\">\n" +
-    "                <div class=\"col-sm-6\">\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=\"$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" +
+    "            <hr ng-show=\"$ctrl.resource.resource_id\">\n" +
     "\n" +
+    "            <form method=\"post\" class=\"form-horizontal\" name=\"$ctrl.BasicForm\" ng-submit=\"$ctrl.updateBasicForm()\" novalidate>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control\"  name=\"resource_name\" placeholder=\"Application Name\" type=\"text\" ng-model=\"$ctrl.resource.resource_name\">\n" +
     "                        </div>\n" +
-    "                        <div class=\"panel-body\">\n" +
     "\n" +
-    "                            <p ng-if=\"$ctrl.stream.reports.length === 0\">No new reports</p>\n" +
     "\n" +
-    "                            <div small-report-list reports=\"$ctrl.stream.reports\" applications=\"$ctrl.applications\"></div>\n" +
-    "                        </div>\n" +
     "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
-    "                <div class=\"col-sm-6\">\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 {{ $ctrl.timeSpan.label }}</h3>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.resource.domains\"></textarea>\n" +
+    "                            <p class=\"description\">Required for Javascript error tracking (one line one domain, skip http:// part)</p>\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" +
-    "                            <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 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>\n" +
     "\n" +
-    "                                </div>\n" +
-    "                            </div>\n" +
     "\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.resource.default_grouping\" ng-options=\"i[0] as i[1] for i in $ctrl.groupingOptions\"></select>\n" +
+    "                        </div>\n" +
     "\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.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=\"$ctrl.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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" +
-    "\n" +
-    "            </div>\n" +
-    "\n" +
-    "            <div class=\"row\">\n" +
-    "                <div class=\"col-sm-6\">\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 {{ $ctrl.timeSpan.label }}\n" +
-    "                            </h3>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control\"  name=\"slow_report_threshold\" type=\"text\" ng-model=\"$ctrl.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 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" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.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" +
-    "                            <p ng-if=\"$ctrl.trendingReports.length == 0 && $ctrl.loading.reports == false\">\n" +
-    "                                No reports found\n" +
-    "                            </p>\n" +
+    "                        </label>\n" +
     "\n" +
-    "                            <div small-report-group-list groups=\"$ctrl.trendingReports\" applications=\"$ctrl.applications\" ng-if=\"$ctrl.loading.reports==false\"></div>\n" +
+    "                        <div class=\" col-sm-8 col-lg-9 \">\n" +
+    "                            <input class=\"form-control btn btn-primary\"  name=\"submit\" type=\"submit\" value=\"{{$ctrl.resource.resource_id? 'Update' : 'Create'}} Application\">\n" +
     "                        </div>\n" +
     "                    </div>\n" +
+    "            </form>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\n" +
-    "                </div>\n" +
-    "\n" +
-    "                <div class=\"col-sm-6\">\n" +
+    "    <div class=\"panel panel-default\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Plugins</h3>\n" +
+    "        </div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
+    "        <plugin-config resource=\"$ctrl.resource\"\n" +
+    "                       section=\"'application.update'\"\n" +
+    "                       ng-if=\"$ctrl.resource.resource_id\">\n" +
+    "        </plugin-config>\n" +
     "\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" +
+    "        </div>\n" +
+    "    </div>\n" +
     "\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" +
+    "    <div class=\"panel panel-default m-t-1\" ng-show=\"$ctrl.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 $ctrl.</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" +
-    "                            <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" +
+    "                    <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={{$ctrl.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\": \"{{$ctrl.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\": \"{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}\"\n" +
+    "      }\n" +
+    "    ]'\n" +
+    "                    </pre>\n" +
+    "                    </div>\n" +
     "\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "                        </div>\n" +
+    "                <uib-tab>\n" +
+    "                    <uib-tab-heading>\n" +
+    "                        Report 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/reports?protocol_version=0.5\\&ampapi_key={{$ctrl.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\": \"{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "    \"end_time\": \"{{$ctrl.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\": \"{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "                   \"end\": \"{{$ctrl.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" +
+    "                </uib-tab>\n" +
     "\n" +
-    "                </div>\n" +
+    "                <uib-tab>\n" +
     "\n" +
-    "            </div>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/logs-browser/logs-browser.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.isLoading.logs\"></ng-include>\n" +
+    "                <uib-tab-heading>\n" +
+    "                    Metrics API\n" +
+    "                </uib-tab-heading>\n" +
     "\n" +
-    "<div ng-if=\"$ctrl.isLoading.logs === false\">\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={{$ctrl.resource.api_key}} -d '\n" +
+    "        [{\n" +
+    "        \"namespace\": \"some.monitor\",\n" +
+    "        \"timestamp\": \"{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}\",\n" +
+    "        \"server_name\": \"server.name\",\n" +
+    "        \"tags\": [[\"value1\", 15.7], [\"value2\", 26]]}]'\n" +
+    "                    </pre>\n" +
+    "                </div>\n" +
     "\n" +
-    "    <p class=\"search-params\">\n" +
-    "        <strong>Search params:</strong>\n" +
-    "        <span ng-repeat=\"tag in $ctrl.searchParams.tags\" class=\"tag\">\n" +
-    "            <strong>{{tag.type}}</strong>\n" +
-    "            {{ tag.type == 'resource' ? $ctrl.applications[tag.value].resource_name : tag.value }}\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "            <a ng-click=\"$ctrl.removeSearchTag(tag)\"><span class=\"fa fa-times\"></span></a>\n" +
-    "        </span>\n" +
-    "    </p>\n" +
+    "                <uib-tab>\n" +
     "\n" +
-    "    <p>\n" +
+    "                    <uib-tab-heading>\n" +
+    "                        Request Stats API\n" +
+    "                    </uib-tab-heading>\n" +
     "\n" +
-    "        <script type=\"text/ng-template\" id=\"SearchTypeAheadUrl.html\">\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={{$ctrl.resource.api_key}} -d '\n" +
+    "        [{\"server\": \"some.server.hostname\",\n" +
+    "          \"timestamp\": \"{{$ctrl.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" +
-    "        </script>\n" +
+    "                </uib-tab>\n" +
     "\n" +
-    "    <form class=\"form\">\n" +
-    "        <div class=\"typeahead-tags\">\n" +
-    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"$ctrl.filterTypeAhead\" placeholder=\"Start typing to filter logs for events, filter by servers, namespaces, levels.\"\n" +
-    "                   ng-keydown=\"$ctrl.typeAheadTag($event)\"\n" +
-    "                   uib-typeahead=\"tag as tag.text for tag in $ctrl.filterTypeAheadOptions | filter:$viewValue:$ctrl.aheadFilter\"\n" +
-    "                   typeahead-min-length=\"1\" class=\"form-control\"\n" +
-    "                   typeahead-template-url=\"templates/directives/search_type_ahead.html\">\n" +
-    "        </div>\n" +
-    "    </form>\n" +
+    "            </uib-tabset>\n" +
     "\n" +
-    "    <div class=\"well animate-show position-absolute increse-zindex\" ng-if=\"$ctrl.showDatePicker\" ng-model=\"$ctrl.pickerDate\" ng-change=\"$ctrl.pickerDateChanged()\">\n" +
-    "        <uib-datepicker></uib-datepicker>\n" +
+    "        </div>\n" +
     "    </div>\n" +
     "\n" +
-    "    </p>\n" +
-    "\n" +
-    "    <div class=\"panel\">\n" +
+    "    <permissions-form resource=\"$ctrl.resource\" current-permissions=\"$ctrl.resource.current_permissions\"\n" +
+    "                      possible-permissions=\"$ctrl.resource.possible_permissions\" ng-if=\"$ctrl.resource.resource_id\"></permissions-form>\n" +
     "\n" +
+    "    <div class=\"panel panel-info\" ng-show=\"$ctrl.resource.resource_id\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            <h3 class=\"panel-title\">Postprocessing</h3>\n" +
+    "        </div>\n" +
     "        <div class=\"panel-body\">\n" +
-    "            <c3chart data-domid=\"log_events_chart\" data-data=\"$ctrl.logEventsChartData\" data-config=\"$ctrl.logEventsChartConfig\">\n" +
-    "            </c3chart>\n" +
+    "            <p>This section allows you influence the rating of report groups - if rule is matched once its not executed anymore</p>\n" +
+    "\n" +
+    "            <p>\n" +
+    "                <a class=\"btn btn-info\" ng-click=\"$ctrl.addRule()\"><span class=\"fa fa-plus-circle\"></span> Add rule</a>\n" +
+    "            </p>\n" +
+    "\n" +
+    "            <post-process-action action=\"action\" resource=\"$ctrl.resource\" ng-repeat=\"action in $ctrl.resource.postprocessing_rules\"></post-process-action>\n" +
     "        </div>\n" +
     "    </div>\n" +
     "\n" +
+    "    <div class=\"panel panel-danger\" ng-show=\"$ctrl.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=\"$ctrl.transferApplication()\">\n" +
+    "                <form class=\"form-horizontal\" name=\"$ctrl.formTransfer\">\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.formTransferModel.password\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.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" +
     "\n" +
-    "    <div class=\"text-center\">\n" +
-    "        <uib-pagination total-items=\"$ctrl.itemCount\" items-per-page=\"$ctrl.itemsPerPage\" ng-model=\"$ctrl.page\" max-size=\"10\"\n" +
-    "                        ng-change=\"$ctrl.paginationChange()\"\n" +
-    "                        class=\"pagination pagination-sm\" boundary-links=\"true\" direction-links=\"false\"></uib-pagination>\n" +
-    "    </div>\n" +
+    "            <hr/>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\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" +
-    "        <table class=\"table table-striped log-list\">\n" +
-    "            <caption>Logs</caption>\n" +
-    "            <thead>\n" +
-    "            <tr>\n" +
-    "                <th class=\"c1 resource\">Application</th>\n" +
-    "                <th class=\"c2 message\">Message</th>\n" +
-    "                <th class=\"c3 when\">When</th>\n" +
-    "            </tr>\n" +
-    "            </thead>\n" +
-    "            <tbody>\n" +
-    "            <tr ng-repeat=\"log in $ctrl.logsPage track by log.log_id\" class=\"{{$odd ? 'odd' : 'even'}}\">\n" +
-    "                <td class=\"c1\">\n" +
-    "                    <a class=\"tag application\" ng-click=\"$ctrl.addSearchTag({type:'resource', value:log.resource_id})\">\n" +
-    "                        <span class=\"name\">{{log.resource_name}}</span></a>\n" +
-    "                </td>\n" +
-    "                <td class=\"c2\">\n" +
-    "                    <a class=\"tag {{log.log_level|lowercase}}\" ng-click=\"$ctrl.addSearchTag({type:'level', value:log.log_level})\">\n" +
-    "                        <span class=\"name\">level:</span> {{log.log_level}}</a>\n" +
-    "                    <a class=\"tag\" ng-click=\"$ctrl.addSearchTag({type:'namespace', value:log.namespace})\">\n" +
-    "                        <span class=\"name\">namespace:</span> {{log.namespace}}</a>\n" +
-    "                    <a ng-repeat=\"(tag, value) in log.tags\" class=\"tag\" ng-click=\"$ctrl.addSearchTag({type:tag, value:value})\">\n" +
-    "                        <span class=\"name\">{{tag}}:</span> {{value}}</a>\n" +
-    "                    <div class=\"log\">{{log.message}}</div>\n" +
-    "                </td>\n" +
-    "                <td class=\"c3 when\">\n" +
-    "                    <a ng-click=\"$ctrl.filterId(log)\" data-uib-tooltip=\"{{log.timestamp}}\">\n" +
-    "                        <iso-to-relative-time time=\"{{log.timestamp}}\"/>\n" +
-    "                    </a>\n" +
-    "                </td>\n" +
-    "            </tr>\n" +
-    "\n" +
-    "            </tbody>\n" +
-    "        </table>\n" +
-    "\n" +
-    "    </div>\n" +
+    "            <div class=\"confirmation_form\">\n" +
+    "                <form class=\"form-horizontal\" name=\"$ctrl.formDelete\" ng-submit=\"$ctrl.deleteApplication()\">\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <data-form-errors errors=\"$ctrl.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=\"$ctrl.formDeleteModel.password\">\n" +
+    "                        </div>\n" +
+    "                    </div>\n" +
+    "                    <div class=\"form-group\">\n" +
+    "                        <label class=\"control-label col-sm-4 col-lg-3\">\n" +
     "\n" +
-    "    <div class=\"text-center\">\n" +
-    "        <uib-pagination total-items=\"$ctrl.itemCount\" items-per-page=\"$ctrl.itemsPerPage\" ng-model=\"$ctrl.page\" max-size=\"10\"\n" +
-    "                        ng-change=\"$ctrl.paginationChange()\"\n" +
-    "                        class=\"pagination pagination-sm\" boundary-links=\"true\" direction-links=\"false\"></uib-pagination>\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" +
-    "\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('components/views/settings-view/settings-view.html',
-    "<div class=\"row\">\n" +
-    "    <div class=\"col-sm-3\" id=\"menu\">\n" +
-    "        <div class=\"panel panel-default\">\n" +
-    "            <div class=\"panel-heading\">Applications</div>\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.list\"><span class=\"fa fa-cog\"></span> List applications</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.update({resourceId:'new'})\"><span class=\"fa fa-plus-circle\"></span> Create application</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.purge_logs\"><span class=\"fa fa-trash-o\"></span> Purge logs</a></li>\n" +
-    "            </ul>\n" +
-    "        </div>\n" +
-    "\n" +
+  $templateCache.put('components/views/event-browser/event-browser.html',
+    "<div class=\"panel panel-default\">\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "        <div class=\"panel panel-default\">\n" +
-    "            <div class=\"panel-heading\">Settings</div>\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.edit\"><span class=\"fa fa-user\"></span> Profile details</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.password\"><span class=\"fa fa-lock\"></span> Change Password</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.identities\"><span class=\"fa fa-link\"></span> External Identities</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.auth_tokens\"><span class=\"fa fa-unlock\"></span> Auth Tokens</a></li>\n" +
-    "            </ul>\n" +
-    "        </div>\n" +
+    "        <h1>Event history</h1>\n" +
     "\n" +
-    "        <div class=\"panel panel-default\">\n" +
-    "            <div class=\"panel-heading\">Notifications</div>\n" +
-    "            <ul class=\"list-group\">\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.alert_channels.list\"><span class=\"fa fa-bullhorn\"></span> Alert channels</a></li>\n" +
-    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.alert_channels.email\"><span class=\"fa fa-envelope\"></span> Add email channel</a></li>\n" +
-    "            </ul>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
+    "        <table class=\"table table-striped event-table\">\n" +
+    "            <tr ng-repeat=\"event in $ctrl.events track by event.id\">\n" +
+    "                <td class=\"text-center icons\">\n" +
+    "                    <span ng-if=\"event.event_type === 1\" class=\"fa fa-exclamation-triangle fa-2x\" style=\"color:orangered\"></span>\n" +
+    "                    <span ng-if=\"event.event_type === 3\" class=\"fa fa-clock-o fa-2x\" style=\"color:darkorange\"></span>\n" +
+    "                    <span ng-if=\"event.event_type === 7\" class=\"fa fa-question-circle fa-2x\" style=\"color:dimgrey\"></span>\n" +
+    "                    <span ng-if=\"event.event_type === 9\" class=\"fa fa-line-chart fa-2x\" style=\"color:green\"></span>\n" +
+    "                </td>\n" +
+    "                <td>\n" +
+    "                    <p>For <strong>{{ event.resource_name }}</strong></p>\n" +
     "\n" +
-    "    <div class=\"col-sm-9\" ui-view></div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.email\"></ng-include>\n" +
+    "                    <p>{{ event.text }}</p>\n" +
+    "                    <small class=\"date\" data-uib-tooltip=\"{{event.start_date}}\"> created:\n" +
+    "                        <iso-to-relative-time time=\"{{event.start_date}}\"/>\n" +
+    "                    </small>\n" +
+    "                    <small class=\"date\" ng-show=\"event.end_date\" data-uib-tooltip=\"{{event.end_date}}\"> | closed:\n" +
+    "                        <iso-to-relative-time time=\"{{event.end_date}}\"/>\n" +
+    "                    </small>\n" +
+    "                </td>\n" +
+    "                <td class=\"options\">\n" +
     "\n" +
-    "<div ng-show=\"!$ctrl.loading.email\">\n" +
+    "                    <span class=\"dropdown pull-right\" ng-if=\"event.status === 1\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                      <a class=\"dropdown-toggle btn btn-danger\" data-uib-dropdown-toggle>\n" +
+    "                          <span class=\"fa fa-exclamation-circle\"></span>\n" +
+    "                      </a>\n" +
+    "                      <ul class=\"dropdown-menu\">\n" +
+    "                          <li>\n" +
+    "                              <a ng-click=\"$ctrl.closeEvent(event)\">Close event</a>\n" +
+    "                              <a>Do nothing</a>\n" +
+    "                          </li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <p>Adding email alert channel - after you authorize your email in the system we can send alerts directly to this mailbox.</p>\n" +
-    "            <form class=\"form-horizontal\" name=\"$ctrl.channelForm\" ng-submit=\"$ctrl.createChannel()\">\n" +
-    "                <div class=\"form-group\" id=\"row-email\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.channelForm.ae_validation.email\"></data-form-errors>\n" +
-    "                    <label 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\" type=\"text\" ng-model=\"$ctrl.form.email\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label for=\"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\" name=\"submit\" type=\"submit\" value=\"Add email channel\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "            </form>\n" +
-    "        </div>\n" +
+    "                </td>\n" +
+    "            </tr>\n" +
+    "        </table>\n" +
     "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('components/views/user-alert-channels-list-view/user-alert-channels-list-view.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.channels || $ctrl.loading.applications\"></ng-include>\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=\"!$ctrl.loading.channels && !$ctrl.loading.applications && !$ctrl.loading.actions\">\n" +
+    "    #metrics_chart .c3-area {\n" +
+    "        stroke-width: 0;\n" +
+    "        opacity: 0.75;\n" +
+    "    }\n" +
+    "</style>\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <h1>Report alert rules</h1>\n" +
-    "            <p>\n" +
-    "                <a class=\"btn btn-info\" ng-click=\"$ctrl.addAction()\"><span class=\"fa fa-plus-circle\"></span> Add top-level rule</a>\n" +
-    "            </p>\n" +
+    "<div class=\"row\">\n" +
+    "    <div class=\"col-sm-12 dashboard\" id=\"content\">\n" +
+    "        <div ng-if=\"!$ctrl.stateHolder.AeUser.applications.length\">\n" +
     "\n" +
-    "            <report-alert-action action=\"action\" rule-definitions=\"$ctrl.ruleDefinitions\"\n" +
-    "                                 possible-channels=\"$ctrl.alertChannels\"\n" +
-    "                                 actions=\"$ctrl.alertActions\" applications=\"$ctrl.applications\"\n" +
-    "                                 ng-repeat=\"action in $ctrl.alertActions | filter: {type:'report'}\"></report-alert-action>\n" +
+    "            <div ng-include=\"'templates/quickstart.html'\"></div>\n" +
     "\n" +
     "        </div>\n" +
-    "    </div>\n" +
-    "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <h1>Alert channels</h1>\n" +
     "\n" +
-    "            <p>Here you can configure your <em>alert channels</em>.</p>\n" +
+    "        <div ng-if=\"$ctrl.stateHolder.AeUser.applications.length\">\n" +
     "\n" +
-    "            <p>An alert channel serves as means of delivery of notifications about important events that happen in your applications.</p>\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=\"alert alert-success\">You can add more integrations that support different alert channels via application management panel.</div>\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" +
-    "            <table class=\"table table-striped\">\n" +
-    "                <tr ng-repeat=\"channel in $ctrl.alertChannels\" class=\"animate-repeat\">\n" +
-    "                    <td><strong>{{ channel.channel_visible_value }}</strong></td>\n" +
-    "                    <td class=\"text-right\">\n" +
-    "                        <span class=\"btn btn-default\" data-uib-tooltip=\"Channel is {{ channel.channel_validated? '' :'NOT' }} validated\" tooltip-append-to-body=\"true\"\n" +
-    "                              ng-class=\"{dim:!channel.channel_validated}\">\n" +
-    "                            <span class=\"fa\" ng-class=\"{'fa-check-circle':channel.channel_validated,  'fa-times-circle':!channel.channel_validated}\"></span>\n" +
-    "                        </span>\n" +
-    "                        <a class=\"btn btn-default\" data-uib-tooltip=\"Press to turn {{ channel.send_alerts ? 'OFF' : 'ON' }} alerting on this chanel\"\n" +
-    "                           ng-click=\"$ctrl.updateChannel(channel,'send_alerts')\" ng-class=\"{dim:!channel.send_alerts}\" tooltip-append-to-body=\"true\">\n" +
-    "                            <span class=\"fa fa-rss\"></span> Alerts\n" +
-    "                        </a>\n" +
-    "                        <a class=\"btn btn-default\" data-uib-tooltip=\"Press to turn {{ channel.daily_digest ? 'OFF' : 'ON' }} daily digests on this channel\"\n" +
-    "                           ng-click=\"$ctrl.updateChannel(channel,'daily_digest')\" ng-class=\"{dim:!channel.daily_digest}\" tooltip-append-to-body=\"true\">\n" +
-    "                            <span class=\"fa fa-envelope\"></span> Daily digests\n" +
-    "                        </a>\n" +
     "\n" +
-    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
-    "                            <a class=\"btn btn-default\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove</a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"$ctrl.removeChannel(channel)\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\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" +
-    "                    </td>\n" +
-    "                </tr>\n" +
-    "            </table>\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>\n" +
-    "    </div>\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" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/user-auth-tokens-view/user-auth-tokens-view.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.tokens\"></ng-include>\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 ng-show=\"!$ctrl.loading.tokens\">\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 class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\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" +
-    "        <div class=\"panel-body\">\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" +
-    "            <div class=\"alert alert-success\">You can use those tokens to authenticate yourself when performing various API calls</div>\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" +
-    "            <hr/>\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" +
-    "            <form method=\"post\" class=\"form-inline\" name=\"$ctrl.TokenForm\" ng-submit=\"$ctrl.addToken()\" novalidate>\n" +
-    "                <data-form-errors errors=\"$ctrl.TokenForm.ae_validation.description\"></data-form-errors>\n" +
-    "                <data-form-errors errors=\"$ctrl.TokenForm.ae_validation.expires\"></data-form-errors>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label>\n" +
-    "                        Description\n" +
-    "                    </label>\n" +
-    "                    <input class=\"form-control\" name=\"description\" placeholder=\"Token description\" type=\"text\" ng-model=\"$ctrl.form.description\">\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label>\n" +
-    "                        Expires\n" +
-    "                    </label>\n" +
-    "                    <select class=\"form-control\" ng-model=\"$ctrl.form.expires\" ng-options=\"i.key as i.label for i in $ctrl.expireOptions | objectToOrderedArray:'minutes'\">\n" +
-    "                        <option value=\"\">Never</option>\n" +
-    "                    </select>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\">\n" +
-    "                    <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    </label>\n" +
-    "                    <input class=\"form-control btn btn-primary\" name=\"submit\" type=\"submit\" value=\"Create Token\">\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" +
+    "                            <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" +
-    "            </form>\n" +
     "\n" +
-    "        </div>\n" +
     "\n" +
+    "                <div class=\"col-sm-6\">\n" +
     "\n" +
-    "    </div>\n" +
+    "                    <div id=\"server-container\">\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <table st-table=\"displayedCollection\" st-safe-src=\"$ctrl.tokens\" class=\"table table-striped\">\n" +
-    "            <caption>Your current tokens</caption>\n" +
-    "            <thead>\n" +
-    "            <tr>\n" +
-    "                <th st-sort=\"description\"><a>Description</a></th>\n" +
-    "                <th class=\"created\"><a>Created</a></th>\n" +
-    "                <th class=\"expires\"><a>Expires</a></th>\n" +
-    "                <th class=\"options\"></th>\n" +
-    "            </tr>\n" +
-    "            <tr>\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" +
-    "                <th></th>\n" +
-    "            </tr>\n" +
-    "            </thead>\n" +
-    "            <tbody>\n" +
+    "                        <div ng-if=\"$ctrl.loading.apdex==false\" class=\"text-center m-b-1\">\n" +
     "\n" +
-    "            <tr ng-repeat=\"token in displayedCollection\">\n" +
-    "                <td><p>{{token.description}}</p>\n" +
-    "                    <pre ng-init=\"token.limit = 8\"  ng-mouseover=\"token.limit = 99\" ng-mouseleave=\"token.limit = 8\">{{token.token| limitTo:token.limit}}...</pre>\n" +
-    "                </td>\n" +
-    "                <td><span data-uib-tooltip=\"{{token.creation_date}}\">{{token.creation_date | isoToRelativeTime}}</span></td>\n" +
-    "                <td><span ng-if=\"token.expires\" data-uib-tooltip=\"{{token.expires}}\">{{token.expires | isoToRelativeTime}}</span>\n" +
-    "                    <span ng-if=\"!token.expires\">Never</span></td>\n" +
-    "                <td>\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></a>\n" +
-    "                          <ul class=\"dropdown-menu\">\n" +
-    "                              <li><a>No</a></li>\n" +
-    "                              <li><a ng-click=\"$ctrl.removeToken(token)\">Yes</a></li>\n" +
-    "                          </ul>\n" +
-    "                        </span>\n" +
-    "                </td>\n" +
-    "            </tr>\n" +
-    "            </tbody>\n" +
-    "        </table>\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" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/user-identities-view/user-identities-view.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.identities\"></ng-include>\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" +
-    "<div ng-show=\"!$ctrl.loading.identities\">\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\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\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" +
-    "            <div class=\"col-sm-6\">\n" +
-    "                <p ng-show=\"$ctrl.identities.length === 0\">No external providers linked yet</p>\n" +
-    "                <ul class=\"list-group\">\n" +
-    "                    <li ng-repeat=\"provider in $ctrl.identities\" class=\"animate-repeat list-group-item\">\n" +
-    "                        <div class=\"pull-right\">\n" +
-    "                            <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\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.removeProvider(provider)\">Yes</a></li>\n" +
-    "                              </ul>\n" +
-    "                            </span>\n" +
+    "                            <div class=\"clearfix\"></div>\n" +
     "                        </div>\n" +
-    "                        <em>@{{ provider.provider }}</em>: <strong>{{ provider.id }}</strong>\n" +
-    "                    </li>\n" +
-    "                </ul>\n" +
-    "            </div>\n" +
-    "            <div class=\"col-sm-6\">\n" +
-    "                <ul class=\"list-group\">\n" +
-    "                    <li class=\"list-group-item\">\n" +
-    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.google}}\" target=\"_self\">\n" +
-    "                            <span class=\"fa fa-google-plus-square fa-2x\"></span> Connect with Google</a>\n" +
-    "                    </li>\n" +
-    "                    <li class=\"list-group-item\">\n" +
-    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.twitter}}\" target=\"_self\">\n" +
-    "                            <span class=\"fa fa-twitter fa-2x\"></span> Connect with Twitter</a>\n" +
-    "                    </li>\n" +
-    "                    <li class=\"list-group-item\">\n" +
-    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.bitbucket}}\" target=\"_self\">\n" +
-    "                            <span class=\"fa fa-bitbucket fa-2x\"></span> Connect with Bitbucket</a>\n" +
-    "                    </li>\n" +
-    "                    <li class=\"list-group-item\">\n" +
-    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.github}}\" target=\"_self\">\n" +
-    "                            <span class=\"fa fa-github fa-2x\"></span> Connect with Github including private repo access</a>\n" +
-    "                    </li>\n" +
-    "                </ul>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/user-password-view/user-password-view.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.password\"></ng-include>\n" +
-    "\n" +
-    "<div ng-show=\"!$ctrl.loading.password\">\n" +
     "\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\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" +
-    "            <form class=\"form-horizontal\" name=\"$ctrl.passwordForm\" ng-submit=\"$ctrl.updatePassword()\">\n" +
-    "                <div class=\"form-group\" id=\"row-old_password\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.old_password\"></data-form-errors>\n" +
-    "                    <label for=\"old_password\" id=\"label-old_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Old Password\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"old_password\" name=\"old_password\" type=\"password\" ng-model=\"$ctrl.form.old_password\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-new_password\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.new_password\"></data-form-errors>\n" +
-    "                    <label for=\"new_password\" id=\"label-new_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        New Password\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"new_password\" name=\"new_password\" type=\"password\" ng-model=\"$ctrl.form.new_password\">\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
+    "\n" +
     "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-new_password_confirm\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.new_password_confirm\"></data-form-errors>\n" +
-    "                    <label for=\"new_password_confirm\" id=\"label-new_password_confirm\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Confirm Password\n" +
-    "                        <span class=\"required\">*</span>\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"new_password_confirm\" name=\"new_password_confirm\" type=\"password\" ng-model=\"$ctrl.form.new_password_confirm\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-submit\">\n" +
-    "                    <label for=\"submit\" id=\"label-submit\" class=\"control-label col-sm-4 col-lg-3\"></label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control SubmitField btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Change Password\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "            </form>\n" +
     "\n" +
-    "        </div>\n" +
-    "    </div>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('components/views/user-profile-view/user-profile-view.html',
-    "<ui-view></ui-view><ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.profile\"></ng-include>\n" +
     "\n" +
-    "<div ng-show=\"!$ctrl.loading.profile\">\n" +
-    "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\" ng-include=\"'templates/user/breadcrumbs.html'\"></div>\n" +
-    "        <div class=\"panel-body\">\n" +
-    "            <form name=\"$ctrl.profileForm\" class=\"form-horizontal\" ng-submit=\"$ctrl.updateProfile()\">\n" +
-    "                <div class=\"form-group\" id=\"row-email\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.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=\"$ctrl.user.email\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
+    "            </div>\n" +
     "\n" +
-    "                <div class=\"form-group\" id=\"row-first_name\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.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=\"$ctrl.user.first_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-last_name\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.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=\"$ctrl.user.last_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-company_name\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.company_name\"></data-form-errors>\n" +
-    "                    <label for=\"company_name\" id=\"label-company_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Company Name\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"company_name\" name=\"company_name\" type=\"text\" ng-model=\"$ctrl.user.company_name\">\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-company_address\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.company_address\"></data-form-errors>\n" +
-    "                    <label for=\"company_address\" id=\"label-company_address\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Company Address\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <textarea class=\"form-control\" id=\"company_address\" name=\"company_address\" ng-model=\"$ctrl.user.company_address\"></textarea>\n" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-zip_code\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.zip_code\"></data-form-errors>\n" +
-    "                    <label for=\"zip_code\" id=\"label-zip_code\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        ZIP code\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"zip_code\" name=\"zip_code\" type=\"text\" ng-model=\"$ctrl.user.zip_code\">\n" +
+    "            <div class=\"row\">\n" +
+    "                <div class=\"col-sm-6\">\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=\"$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" +
+    "\n" +
+    "                        </div>\n" +
+    "                        <div class=\"panel-body\">\n" +
+    "\n" +
+    "                            <p ng-if=\"$ctrl.stream.reports.length === 0\">No new reports</p>\n" +
+    "\n" +
+    "                            <div small-report-list reports=\"$ctrl.stream.reports\" applications=\"$ctrl.applications\"></div>\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
     "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-city\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.city\"></data-form-errors>\n" +
-    "                    <label for=\"city\" id=\"label-city\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        City\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input class=\"form-control\" id=\"city\" name=\"city\" type=\"text\" ng-model=\"$ctrl.user.city\">\n" +
+    "\n" +
+    "                <div class=\"col-sm-6\">\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 {{ $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" +
+    "                            <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 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>\n" +
+    "\n" +
+    "                                </div>\n" +
+    "                            </div>\n" +
+    "\n" +
+    "\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
+    "\n" +
     "                </div>\n" +
-    "                <div class=\"form-group\" id=\"row-notifications\">\n" +
-    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.notifications\"></data-form-errors>\n" +
-    "                    <label for=\"notifications\" id=\"label-notifications\" class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                        Account notifications\n" +
-    "                    </label>\n" +
-    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
-    "                        <input checked class=\"form-control\" id=\"notifications\" name=\"notifications\" type=\"checkbox\" ng-model=\"$ctrl.user.notifications\">\n" +
+    "\n" +
+    "            </div>\n" +
+    "\n" +
+    "            <div class=\"row\">\n" +
+    "                <div class=\"col-sm-6\">\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 {{ $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" +
+    "                            <p ng-if=\"$ctrl.trendingReports.length == 0 && $ctrl.loading.reports == false\">\n" +
+    "                                No reports found\n" +
+    "                            </p>\n" +
+    "\n" +
+    "                            <div small-report-group-list groups=\"$ctrl.trendingReports\" applications=\"$ctrl.applications\" ng-if=\"$ctrl.loading.reports==false\"></div>\n" +
+    "                        </div>\n" +
     "                    </div>\n" +
+    "\n" +
     "                </div>\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=\"Update Account\">\n" +
+    "\n" +
+    "                <div class=\"col-sm-6\">\n" +
+    "\n" +
+    "\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 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" +
+    "                            <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>\n" +
     "                    </div>\n" +
+    "\n" +
+    "\n" +
     "                </div>\n" +
-    "            </form>\n" +
+    "\n" +
+    "            </div>\n" +
     "        </div>\n" +
     "    </div>\n" +
     "</div>\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" +
+  $templateCache.put('components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\n" +
+    "\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></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" +
+    "        <h1>Bitbucket Integration</h1>\n" +
     "\n" +
-    "        <div ng-if=\"permissions.possibleGroups.length > 0\">\n" +
-    "            <h3>Group permissions</h3>\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "            <div class=\"form-group\">\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" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <data-form-errors errors=\"$ctrl.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=\"$ctrl.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
+    "                        <div class=\"input-group-addon\">/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"$ctrl.config.repo_name\" placeholder=\"repo_name\" type=\"text\">\n" +
     "                    </div>\n" +
-    "                </li>\n" +
-    "            </ul>\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>\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "        </div>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\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" +
+    "                <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=\"permissions.removeUserPermission(perm_name,perm)\">Yes</a></li>\n" +
+    "                              <li><a ng-click=\"$ctrl.removeIntegration()\">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('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" +
-    "\n" +
-    "        <div class=\"form-group\">\n" +
-    "        <label>Action</label>\n" +
+    "            </div>\n" +
+    "        </form>\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" +
+    "        <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" +
-    "        <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" +
+    "        <p>Every user will have to authorize AppEnlight to access Bitbucket to be able to post issues.</p>\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" +
+  $templateCache.put('components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\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 class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "        <h1>Campfire Integration</h1>\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" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\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 class=\"form-group\">\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=\"$ctrl.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=\"$ctrl.config.account\" placeholder=\"account\">\n" +
+    "                        <div class=\"input-group-addon\">.campfirenow.com</div>\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>\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" +
-    "\n" +
-    "    <span class=\"form-group\">\n" +
-    "        {{rule_ctrlr.readOnlyPossibleFields[rule_ctrlr.rule.field]}}\n" +
-    "    </span>\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=\"$ctrl.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.config.api_token\" placeholder=\"Your API token\">\n" +
+    "                </div>\n" +
+    "            </div>\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" +
+    "            <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=\"$ctrl.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.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" +
     "\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" +
+    "                    <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=\"$ctrl.removeIntegration()\">Yes</a></li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\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 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=\"$ctrl.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                        <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                    </ul>\n" +
     "                </div>\n" +
+    "\n" +
     "            </div>\n" +
-    "        </div>\n" +
     "\n" +
-    "    </span>\n" +
+    "        </form>\n" +
+    "\n" +
+    "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('directives/rule/rule.html',
-    "<div class=\"rule form-inline\">\n" +
+  $templateCache.put('components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\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" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "    <div ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\" class=\"form-group\">\n" +
+    "        <h1>Flowdock Integration</h1>\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" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\n" +
     "\n" +
-    "        <input type=\"text\" placeholder=\"Value\" ng-model=\"rule_ctrlr.rule.value\" ng-change=\"rule_ctrlr.setDirty()\" class=\"form-control\">\n" +
+    "            <div class=\"form-group\">\n" +
     "\n" +
-    "    </div>\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\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 class=\"col-sm-8 col-lg-9\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
     "                </div>\n" +
+    "\n" +
+    "\n" +
     "            </div>\n" +
-    "        </div>\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" +
+    "            <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=\"$ctrl.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=\"$ctrl.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "\n" +
+    "\n" +
+    "        </form>\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" +
+  $templateCache.put('components/views/integrations/github-integration-config-view/github-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.application || $ctrl.loading.integration\"></ng-include>\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-if=\"!applications.loading.applications\">\n" +
-    "    <div class=\"panel-heading\">\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!$ctrl.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
-    "        Currently active applications: {{applications.applications.length}}\n" +
+    "        <h1>Github Integration</h1>\n" +
     "\n" +
-    "    </div>\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\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" +
+    "            <div class=\"form-group\">\n" +
+    "\n" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "\n" +
+    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <data-form-errors errors=\"$ctrl.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=\"$ctrl.config.user_name\" placeholder=\"user\" type=\"text\">\n" +
+    "                        <div class=\"input-group-addon\">/</div>\n" +
+    "                        <input class=\"form-control\" ng-model=\"$ctrl.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" +
+    "\n" +
+    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\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=\"$ctrl.removeIntegration()\">Yes</a></li>\n" +
+    "                      </ul>\n" +
+    "                    </span>\n" +
+    "\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 Github before we can send issues on your behalf.</p>\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" +
+    "\n" +
+    "                <p>Registration page OAuth does NOT give you token with private repository access permissions.</p>\n" +
+    "            </div>\n" +
+    "        </div>\n" +
+    "\n" +
+    "    </div>\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/configs/edit.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"configs.loading.config\"></ng-include>\n" +
+  $templateCache.put('components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></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 panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
     "    <div class=\"panel-body\">\n" +
-    "        <h2>Visual</h2>\n" +
-    "        <form class=\"form-horizontal\">\n" +
+    "\n" +
+    "        <h1>Hipchat Integration</h1>\n" +
+    "\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "\n" +
     "            <div class=\"form-group\">\n" +
-    "                <label class=\"control-label col-sm-4 col-lg-3\">\n" +
-    "                    Footer HTML\n" +
-    "                </label>\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" +
-    "                    <textarea class=\"form-control\" type=\"text\" ng-model=\"configs.configs.global.template_footer_html.value\" style=\"min-height: 150px\"></textarea>\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.api_token\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.config.api_token\" placeholder=\"Your API token\" type=\"text\">\n" +
     "                </div>\n" +
     "            </div>\n" +
-    "        </form>\n" +
     "\n" +
-    "        <h2>Functional</h2>\n" +
+    "            <div class=\"form-group\">\n" +
+    "\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=\"$ctrl.integrationForm.ae_validation.rooms\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.config.rooms\" placeholder=\"Room ID list\" type=\"text\">\n" +
+    "\n" +
+    "                    <p>\n" +
+    "                        <small>Room ID list separated by comma</small>\n" +
+    "                    </p>\n" +
+    "                </div>\n" +
+    "\n" +
+    "            </div>\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" +
+    "                <label class=\"control-label col-sm-3 col-lg-2\"></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" +
+    "                    <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=\"$ctrl.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=\"$ctrl.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
+    "                    </div>\n" +
+    "\n" +
     "                </div>\n" +
     "            </div>\n" +
+    "\n" +
     "        </form>\n" +
     "\n" +
-    "        <h2>Global Rate Limiting</h2>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/integrations/jira-integration-config-view/jira-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\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" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
+    "\n" +
+    "        <h1>Jira Integration</h1>\n" +
+    "\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.configureIntegration()\" class=\"form-horizontal\">\n" +
+    "\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" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_reports_rate_limit.value\" />\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.host_name\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"host_name\" name=\"host_name\" type=\"text\" ng-model=\"$ctrl.config.host_name\">\n" +
+    "\n" +
+    "                    <p>\n" +
+    "                        <small>https://servername.atlassian.net</small>\n" +
+    "                    </p>\n" +
+    "\n" +
     "                </div>\n" +
     "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-user_name\">\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 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" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_logs_rate_limit.value\" />\n" +
+    "\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.user_name\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"user_name\" name=\"user_name\" type=\"text\" ng-model=\"$ctrl.config.user_name\">\n" +
+    "\n" +
+    "                    <p>\n" +
+    "                        <small>user@email.com</small>\n" +
+    "                    </p>\n" +
+    "\n" +
     "                </div>\n" +
     "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-password\">\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 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" +
-    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_metrics_rate_limit.value\" />\n" +
+    "                    <data-form-errors errors=\"$ctrl.integrationForm.ae_validation.password\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"password\" name=\"password\" type=\"password\" ng-model=\"$ctrl.config.password\">\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-project\">\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=\"$ctrl.integrationForm.ae_validation.project\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"project\" name=\"project\" type=\"text\" ng-model=\"$ctrl.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=\"$ctrl.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
     "                </div>\n" +
     "            </div>\n" +
     "\n" +
     "        </form>\n" +
     "\n" +
-    "        <hr/>\n" +
     "\n" +
-    "        <a class=\"btn btn-primary\" ng-click=\"configs.save()\">Save configuration</a>\n" +
     "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/integrations/slack-integration-config-view/slack-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\n" +
     "\n" +
-    "</div>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\n" +
     "\n" +
+    "        <h1>Slack Integration</h1>\n" +
+    "\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.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=\"$ctrl.integrationForm.ae_validation.webhook_url\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" ng-model=\"$ctrl.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=\"$ctrl.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=\"$ctrl.testIntegration('report_notification')\">Test report notification</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('error_alert')\">Test error alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('uptime_alert')\">Test uptime alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('chart_alert')\">Test chart alert</a></li>\n" +
+    "                            <li role=\"menuitem\"><a ng-click=\"$ctrl.testIntegration('daily_digest')\">Test daily digest</a></li>\n" +
+    "                        </ul>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </form>\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" +
+  $templateCache.put('components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"integrations.loading.application || $ctrl.loading.integration\"></ng-include>\n" +
     "\n" +
-    "<div ng-show=\"!group.loading.group\">\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!integrations.loading.application && !$ctrl.loading.integration\">\n" +
+    "    <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "    <div class=\"panel-body\">\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" +
+    "        <h1>Webhooks Integration</h1>\n" +
+    "\n" +
+    "        <form name=\"$ctrl.integrationForm\" ng-submit=\"$ctrl.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=\"$ctrl.integrationForm.ae_validation.reports_webhook\"></data-form-errors>\n" +
+    "                    <input class=\"form-control\" id=\"reports_webhook\" name=\"reports_webhook\" type=\"text\" ng-model=\"$ctrl.config.reports_webhook\">\n" +
     "                </div>\n" +
+    "            </div>\n" +
+    "            <div class=\"form-group\" id=\"row-alerts_webhook\">\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" +
+    "                <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=\"$ctrl.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=\"$ctrl.config.alerts_webhook\">\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" +
+    "            <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=\"$ctrl.removeIntegration()\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
     "                </div>\n" +
-    "            </form>\n" +
-    "        </div>\n" +
+    "            </div>\n" +
+    "        </form>\n" +
     "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/logs-browser/logs-browser.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.isLoading.logs\"></ng-include>\n" +
     "\n" +
+    "<div ng-if=\"$ctrl.isLoading.logs === false\">\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" +
+    "    <p class=\"search-params\">\n" +
+    "        <strong>Search params:</strong>\n" +
+    "        <span ng-repeat=\"tag in $ctrl.searchParams.tags\" class=\"tag\">\n" +
+    "            <strong>{{tag.type}}</strong>\n" +
+    "            {{ tag.type == 'resource' ? $ctrl.applications[tag.value].resource_name : tag.value }}\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" +
+    "            <a ng-click=\"$ctrl.removeSearchTag(tag)\"><span class=\"fa fa-times\"></span></a>\n" +
+    "        </span>\n" +
+    "    </p>\n" +
     "\n" +
-    "                    <div class=\"pull-right\">\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" +
+    "        <script type=\"text/ng-template\" id=\"SearchTypeAheadUrl.html\">\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>\n" +
-    "                </li>\n" +
-    "            </ul>\n" +
+    "        </script>\n" +
     "\n" +
-    "            <h3>Direct dashboard permissions</h3>\n" +
+    "    <form class=\"form\">\n" +
+    "        <div class=\"typeahead-tags\">\n" +
+    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"$ctrl.filterTypeAhead\" placeholder=\"Start typing to filter logs for events, filter by servers, namespaces, levels.\"\n" +
+    "                   ng-keydown=\"$ctrl.typeAheadTag($event)\"\n" +
+    "                   uib-typeahead=\"tag as tag.text for tag in $ctrl.filterTypeAheadOptions | filter:$viewValue:$ctrl.aheadFilter\"\n" +
+    "                   typeahead-min-length=\"1\" class=\"form-control\"\n" +
+    "                   typeahead-template-url=\"templates/directives/search_type_ahead.html\">\n" +
+    "        </div>\n" +
+    "    </form>\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=\"well animate-show position-absolute increse-zindex\" ng-if=\"$ctrl.showDatePicker\" ng-model=\"$ctrl.pickerDate\" ng-change=\"$ctrl.pickerDateChanged()\">\n" +
+    "        <uib-datepicker></uib-datepicker>\n" +
+    "    </div>\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" +
+    "    </p>\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\">\n" +
     "\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <c3chart data-domid=\"log_events_chart\" data-data=\"$ctrl.logEventsChartData\" data-config=\"$ctrl.logEventsChartConfig\">\n" +
+    "            </c3chart>\n" +
     "        </div>\n" +
-    "\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\">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" +
+    "    <div class=\"text-center\">\n" +
+    "        <uib-pagination total-items=\"$ctrl.itemCount\" items-per-page=\"$ctrl.itemsPerPage\" ng-model=\"$ctrl.page\" max-size=\"10\"\n" +
+    "                        ng-change=\"$ctrl.paginationChange()\"\n" +
+    "                        class=\"pagination pagination-sm\" boundary-links=\"true\" direction-links=\"false\"></uib-pagination>\n" +
+    "    </div>\n" +
     "\n" +
-    "        </div>\n" +
+    "    <div class=\"panel panel-default\">\n" +
     "\n" +
-    "        <table st-table=\"displayedCollection\" st-safe-src=\"group.users\" class=\"table table-striped\">\n" +
+    "        <table class=\"table table-striped log-list\">\n" +
+    "            <caption>Logs</caption>\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" +
+    "                <th class=\"c1 resource\">Application</th>\n" +
+    "                <th class=\"c2 message\">Message</th>\n" +
+    "                <th class=\"c3 when\">When</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" +
+    "            <tr ng-repeat=\"log in $ctrl.logsPage track by log.log_id\" class=\"{{$odd ? 'odd' : 'even'}}\">\n" +
+    "                <td class=\"c1\">\n" +
+    "                    <a class=\"tag application\" ng-click=\"$ctrl.addSearchTag({type:'resource', value:log.resource_id})\">\n" +
+    "                        <span class=\"name\">{{log.resource_name}}</span></a>\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" +
+    "                <td class=\"c2\">\n" +
+    "                    <a class=\"tag {{log.log_level|lowercase}}\" ng-click=\"$ctrl.addSearchTag({type:'level', value:log.log_level})\">\n" +
+    "                        <span class=\"name\">level:</span> {{log.log_level}}</a>\n" +
+    "                    <a class=\"tag\" ng-click=\"$ctrl.addSearchTag({type:'namespace', value:log.namespace})\">\n" +
+    "                        <span class=\"name\">namespace:</span> {{log.namespace}}</a>\n" +
+    "                    <a ng-repeat=\"(tag, value) in log.tags\" class=\"tag\" ng-click=\"$ctrl.addSearchTag({type:tag, value:value})\">\n" +
+    "                        <span class=\"name\">{{tag}}:</span> {{value}}</a>\n" +
+    "                    <div class=\"log\">{{log.message}}</div>\n" +
+    "                </td>\n" +
+    "                <td class=\"c3 when\">\n" +
+    "                    <a ng-click=\"$ctrl.filterId(log)\" data-uib-tooltip=\"{{log.timestamp}}\">\n" +
+    "                        <iso-to-relative-time time=\"{{log.timestamp}}\"/>\n" +
+    "                    </a>\n" +
+    "                </td>\n" +
+    "            </tr>\n" +
     "\n" +
-    "<div class=\"panel panel-default\" ng-show=\"!groups.loading.groups\">\n" +
+    "            </tbody>\n" +
+    "        </table>\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>\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=\"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" +
+    "    <div class=\"text-center\">\n" +
+    "        <uib-pagination total-items=\"$ctrl.itemCount\" items-per-page=\"$ctrl.itemsPerPage\" ng-model=\"$ctrl.page\" max-size=\"10\"\n" +
+    "                        ng-change=\"$ctrl.paginationChange()\"\n" +
+    "                        class=\"pagination pagination-sm\" boundary-links=\"true\" direction-links=\"false\"></uib-pagination>\n" +
+    "    </div>\n" +
     "\n" +
-    "</div>\n" +
-    "\n"
+    "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/groups/parent_view.html',
-    "<div ui-view></div>"
+  $templateCache.put('components/views/settings-view/settings-view.html',
+    "<div class=\"row\">\n" +
+    "    <div class=\"col-sm-3\" id=\"menu\">\n" +
+    "        <div class=\"panel panel-default\">\n" +
+    "            <div class=\"panel-heading\">Applications</div>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.list\"><span class=\"fa fa-cog\"></span> List applications</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.update({resourceId:'new'})\"><span class=\"fa fa-plus-circle\"></span> Create application</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"applications.purge_logs\"><span class=\"fa fa-trash-o\"></span> Purge logs</a></li>\n" +
+    "            </ul>\n" +
+    "        </div>\n" +
+    "\n" +
+    "\n" +
+    "        <div class=\"panel panel-default\">\n" +
+    "            <div class=\"panel-heading\">Settings</div>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.edit\"><span class=\"fa fa-user\"></span> Profile details</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.password\"><span class=\"fa fa-lock\"></span> Change Password</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.identities\"><span class=\"fa fa-link\"></span> External Identities</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.profile.auth_tokens\"><span class=\"fa fa-unlock\"></span> Auth Tokens</a></li>\n" +
+    "            </ul>\n" +
+    "        </div>\n" +
+    "\n" +
+    "        <div class=\"panel panel-default\">\n" +
+    "            <div class=\"panel-heading\">Notifications</div>\n" +
+    "            <ul class=\"list-group\">\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.alert_channels.list\"><span class=\"fa fa-bullhorn\"></span> Alert channels</a></li>\n" +
+    "                <li class=\"list-group-item\" ui-sref-active-eq=\"active\"><a data-ui-sref=\"user.alert_channels.email\"><span class=\"fa fa-envelope\"></span> Add email channel</a></li>\n" +
+    "            </ul>\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "\n" +
+    "    <div class=\"col-sm-9\" ui-view></div>\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('components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.email\"></ng-include>\n" +
+    "\n" +
+    "<div ng-show=\"!$ctrl.loading.email\">\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 class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <p>Adding email alert channel - after you authorize your email in the system we can send alerts directly to this mailbox.</p>\n" +
+    "            <form class=\"form-horizontal\" name=\"$ctrl.channelForm\" ng-submit=\"$ctrl.createChannel()\">\n" +
+    "                <div class=\"form-group\" id=\"row-email\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.channelForm.ae_validation.email\"></data-form-errors>\n" +
+    "                    <label 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\" type=\"text\" ng-model=\"$ctrl.form.email\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label for=\"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\" name=\"submit\" type=\"submit\" value=\"Add email channel\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
+    "        </div>\n" +
     "    </div>\n" +
-    "</div>\n" +
-    "\n" +
-    "\n" +
-    "<div class=\"col-sm-9\" ui-view></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('components/views/user-alert-channels-list-view/user-alert-channels-list-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.channels || $ctrl.loading.applications\"></ng-include>\n" +
     "\n" +
-    "<div ng-show=\"!partitions.loading.partitions\">\n" +
+    "<div ng-if=\"!$ctrl.loading.channels && !$ctrl.loading.applications && !$ctrl.loading.actions\">\n" +
     "\n" +
     "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            DELETE Daily Partitions\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <h1>Report alert rules</h1>\n" +
+    "            <p>\n" +
+    "                <a class=\"btn btn-info\" ng-click=\"$ctrl.addAction()\"><span class=\"fa fa-plus-circle\"></span> Add top-level rule</a>\n" +
+    "            </p>\n" +
+    "\n" +
+    "            <report-alert-action action=\"action\" rule-definitions=\"$ctrl.ruleDefinitions\"\n" +
+    "                                 possible-channels=\"$ctrl.alertChannels\"\n" +
+    "                                 actions=\"$ctrl.alertActions\" applications=\"$ctrl.applications\"\n" +
+    "                                 ng-repeat=\"action in $ctrl.alertActions | filter: {type:'report'}\"></report-alert-action>\n" +
+    "\n" +
     "        </div>\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 class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-body\">\n" +
+    "            <h1>Alert channels</h1>\n" +
     "\n" +
-    "            <div class=\"panel-body\">\n" +
+    "            <p>Here you can configure your <em>alert channels</em>.</p>\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" +
+    "            <p>An alert channel serves as means of delivery of notifications about important events that happen in your applications.</p>\n" +
     "\n" +
-    "            </div>\n" +
+    "            <div class=\"alert alert-success\">You can add more integrations that support different alert channels via application management panel.</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" +
+    "                <tr ng-repeat=\"channel in $ctrl.alertChannels\" class=\"animate-repeat\">\n" +
+    "                    <td><strong>{{ channel.channel_visible_value }}</strong></td>\n" +
+    "                    <td class=\"text-right\">\n" +
+    "                        <span class=\"btn btn-default\" data-uib-tooltip=\"Channel is {{ channel.channel_validated? '' :'NOT' }} validated\" tooltip-append-to-body=\"true\"\n" +
+    "                              ng-class=\"{dim:!channel.channel_validated}\">\n" +
+    "                            <span class=\"fa\" ng-class=\"{'fa-check-circle':channel.channel_validated,  'fa-times-circle':!channel.channel_validated}\"></span>\n" +
+    "                        </span>\n" +
+    "                        <a class=\"btn btn-default\" data-uib-tooltip=\"Press to turn {{ channel.send_alerts ? 'OFF' : 'ON' }} alerting on this chanel\"\n" +
+    "                           ng-click=\"$ctrl.updateChannel(channel,'send_alerts')\" ng-class=\"{dim:!channel.send_alerts}\" tooltip-append-to-body=\"true\">\n" +
+    "                            <span class=\"fa fa-rss\"></span> Alerts\n" +
+    "                        </a>\n" +
+    "                        <a class=\"btn btn-default\" data-uib-tooltip=\"Press to turn {{ channel.daily_digest ? 'OFF' : 'ON' }} daily digests on this channel\"\n" +
+    "                           ng-click=\"$ctrl.updateChannel(channel,'daily_digest')\" ng-class=\"{dim:!channel.daily_digest}\" tooltip-append-to-body=\"true\">\n" +
+    "                            <span class=\"fa fa-envelope\"></span> Daily digests\n" +
+    "                        </a>\n" +
+    "\n" +
+    "                        <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\n" +
+    "                            <a class=\"btn btn-default\" data-uib-dropdown-toggle><span class=\"fa fa-trash-o\"></span> Remove</a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"$ctrl.removeChannel(channel)\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "\n" +
     "                    </td>\n" +
     "                </tr>\n" +
     "            </table>\n" +
-    "        </form>\n" +
     "\n" +
+    "        </div>\n" +
     "    </div>\n" +
     "\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/user-auth-tokens-view/user-auth-tokens-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.tokens\"></ng-include>\n" +
+    "\n" +
+    "<div ng-show=\"!$ctrl.loading.tokens\">\n" +
+    "\n" +
     "    <div class=\"panel panel-default\">\n" +
-    "        <div class=\"panel-heading\">\n" +
-    "            DELETE Permanent Partitions\n" +
-    "        </div>\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\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" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
+    "            <div class=\"alert alert-success\">You can use those tokens to authenticate yourself when performing various API calls</div>\n" +
     "\n" +
-    "            <div class=\"panel-body\">\n" +
+    "            <hr/>\n" +
     "\n" +
+    "            <form method=\"post\" class=\"form-inline\" name=\"$ctrl.TokenForm\" ng-submit=\"$ctrl.addToken()\" novalidate>\n" +
+    "                <data-form-errors errors=\"$ctrl.TokenForm.ae_validation.description\"></data-form-errors>\n" +
+    "                <data-form-errors errors=\"$ctrl.TokenForm.ae_validation.expires\"></data-form-errors>\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" +
+    "                    <label>\n" +
+    "                        Description\n" +
+    "                    </label>\n" +
+    "                    <input class=\"form-control\" name=\"description\" placeholder=\"Token description\" type=\"text\" ng-model=\"$ctrl.form.description\">\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label>\n" +
+    "                        Expires\n" +
+    "                    </label>\n" +
+    "                    <select class=\"form-control\" ng-model=\"$ctrl.form.expires\" ng-options=\"i.key as i.label for i in $ctrl.expireOptions | objectToOrderedArray:'minutes'\">\n" +
+    "                        <option value=\"\">Never</option>\n" +
+    "                    </select>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\">\n" +
+    "                    <label class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                    </label>\n" +
+    "                    <input class=\"form-control btn btn-primary\" name=\"submit\" type=\"submit\" value=\"Create Token\">\n" +
     "                </div>\n" +
+    "            </form>\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" +
     "\n" +
     "    </div>\n" +
     "\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <table st-table=\"displayedCollection\" st-safe-src=\"$ctrl.tokens\" class=\"table table-striped\">\n" +
+    "            <caption>Your current tokens</caption>\n" +
+    "            <thead>\n" +
+    "            <tr>\n" +
+    "                <th st-sort=\"description\"><a>Description</a></th>\n" +
+    "                <th class=\"created\"><a>Created</a></th>\n" +
+    "                <th class=\"expires\"><a>Expires</a></th>\n" +
+    "                <th class=\"options\"></th>\n" +
+    "            </tr>\n" +
+    "            <tr>\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" +
+    "                <th></th>\n" +
+    "            </tr>\n" +
+    "            </thead>\n" +
+    "            <tbody>\n" +
+    "\n" +
+    "            <tr ng-repeat=\"token in displayedCollection\">\n" +
+    "                <td><p>{{token.description}}</p>\n" +
+    "                    <pre ng-init=\"token.limit = 8\"  ng-mouseover=\"token.limit = 99\" ng-mouseleave=\"token.limit = 8\">{{token.token| limitTo:token.limit}}...</pre>\n" +
+    "                </td>\n" +
+    "                <td><span data-uib-tooltip=\"{{token.creation_date}}\">{{token.creation_date | isoToRelativeTime}}</span></td>\n" +
+    "                <td><span ng-if=\"token.expires\" data-uib-tooltip=\"{{token.expires}}\">{{token.expires | isoToRelativeTime}}</span>\n" +
+    "                    <span ng-if=\"!token.expires\">Never</span></td>\n" +
+    "                <td>\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></a>\n" +
+    "                          <ul class=\"dropdown-menu\">\n" +
+    "                              <li><a>No</a></li>\n" +
+    "                              <li><a ng-click=\"$ctrl.removeToken(token)\">Yes</a></li>\n" +
+    "                          </ul>\n" +
+    "                        </span>\n" +
+    "                </td>\n" +
+    "            </tr>\n" +
+    "            </tbody>\n" +
+    "        </table>\n" +
+    "    </div>\n" +
+    "\n" +
     "</div>\n"
   );
 
 
-  $templateCache.put('templates/admin/system.html',
-    "<ng-include src=\"'templates/loader.html'\" ng-if=\"system.loading.system\"></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>\n" +
-    "                <div class=\"panel-body\">\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" +
+  $templateCache.put('components/views/user-identities-view/user-identities-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.identities\"></ng-include>\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" +
+    "<div ng-show=\"!$ctrl.loading.identities\">\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" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\n" +
     "\n" +
-    "                </div>\n" +
+    "            <div class=\"col-sm-6\">\n" +
+    "                <p ng-show=\"$ctrl.identities.length === 0\">No external providers linked yet</p>\n" +
+    "                <ul class=\"list-group\">\n" +
+    "                    <li ng-repeat=\"provider in $ctrl.identities\" class=\"animate-repeat list-group-item\">\n" +
+    "                        <div class=\"pull-right\">\n" +
+    "                            <span class=\"dropdown\" data-uib-dropdown on-toggle=\"toggled(open)\">\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.removeProvider(provider)\">Yes</a></li>\n" +
+    "                              </ul>\n" +
+    "                            </span>\n" +
+    "                        </div>\n" +
+    "                        <em>@{{ provider.provider }}</em>: <strong>{{ provider.id }}</strong>\n" +
+    "                    </li>\n" +
+    "                </ul>\n" +
+    "            </div>\n" +
+    "            <div class=\"col-sm-6\">\n" +
+    "                <ul class=\"list-group\">\n" +
+    "                    <li class=\"list-group-item\">\n" +
+    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.google}}\" target=\"_self\">\n" +
+    "                            <span class=\"fa fa-google-plus-square fa-2x\"></span> Connect with Google</a>\n" +
+    "                    </li>\n" +
+    "                    <li class=\"list-group-item\">\n" +
+    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.twitter}}\" target=\"_self\">\n" +
+    "                            <span class=\"fa fa-twitter fa-2x\"></span> Connect with Twitter</a>\n" +
+    "                    </li>\n" +
+    "                    <li class=\"list-group-item\">\n" +
+    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.bitbucket}}\" target=\"_self\">\n" +
+    "                            <span class=\"fa fa-bitbucket fa-2x\"></span> Connect with Bitbucket</a>\n" +
+    "                    </li>\n" +
+    "                    <li class=\"list-group-item\">\n" +
+    "                        <a href=\"{{$ctrl.AeConfig.urls.social_auth.github}}\" target=\"_self\">\n" +
+    "                            <span class=\"fa fa-github fa-2x\"></span> Connect with Github including private repo access</a>\n" +
+    "                    </li>\n" +
+    "                </ul>\n" +
     "            </div>\n" +
     "        </div>\n" +
     "    </div>\n" +
-    "    <div class=\"row\">\n" +
-    "        <div class=\"col-sm-12\">\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/user-password-view/user-password-view.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.password\"></ng-include>\n" +
     "\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-body\">\n" +
+    "<div ng-show=\"!$ctrl.loading.password\">\n" +
     "\n" +
-    "                    <uib-tabset>\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Postgresql Tables\n" +
-    "                            </uib-tab-heading>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\n" +
+    "        <div class=\"panel-body\">\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" +
+    "            <form class=\"form-horizontal\" name=\"$ctrl.passwordForm\" ng-submit=\"$ctrl.updatePassword()\">\n" +
+    "                <div class=\"form-group\" id=\"row-old_password\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.old_password\"></data-form-errors>\n" +
+    "                    <label for=\"old_password\" id=\"label-old_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Old Password\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"old_password\" name=\"old_password\" type=\"password\" ng-model=\"$ctrl.form.old_password\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-new_password\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.new_password\"></data-form-errors>\n" +
+    "                    <label for=\"new_password\" id=\"label-new_password\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        New Password\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"new_password\" name=\"new_password\" type=\"password\" ng-model=\"$ctrl.form.new_password\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-new_password_confirm\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.passwordForm.ae_validation.new_password_confirm\"></data-form-errors>\n" +
+    "                    <label for=\"new_password_confirm\" id=\"label-new_password_confirm\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Confirm Password\n" +
+    "                        <span class=\"required\">*</span>\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"new_password_confirm\" name=\"new_password_confirm\" type=\"password\" ng-model=\"$ctrl.form.new_password_confirm\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-submit\">\n" +
+    "                    <label for=\"submit\" id=\"label-submit\" class=\"control-label col-sm-4 col-lg-3\"></label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control SubmitField btn btn-primary\" id=\"submit\" name=\"submit\" type=\"submit\" value=\"Change Password\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
     "\n" +
-    "                        </uib-tab>\n" +
-    "\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                Elasticsearch Indices\n" +
-    "                            </uib-tab-heading>\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" +
-    "\n" +
-    "                        </uib-tab>\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>\n" +
-    "</div>\n"
-  );
-
-
-  $templateCache.put('templates/admin/users/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" +
-    "\n" +
-    "<div ng-show=\"!user.loading.user\">\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('components/views/user-profile-view/user-profile-view.html',
+    "<ui-view></ui-view><ng-include src=\"'templates/loader.html'\" ng-if=\"$ctrl.loading.profile\"></ng-include>\n" +
     "\n" +
+    "<div ng-show=\"!$ctrl.loading.profile\">\n" +
     "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\" ng-include=\"'templates/settings_breadcrumbs.html'\"></div>\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" +
-    "                        <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" +
-    "                    </div>\n" +
-    "                </div>\n" +
-    "\n" +
-    "\n" +
+    "            <form name=\"$ctrl.profileForm\" class=\"form-horizontal\" ng-submit=\"$ctrl.updateProfile()\">\n" +
     "                <div class=\"form-group\" id=\"row-email\">\n" +
-    "                    <data-form-errors errors=\"user.profileForm.ae_validation.email\"></data-form-errors>\n" +
+    "                    <data-form-errors errors=\"$ctrl.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" +
+    "                        <input class=\"form-control\" id=\"email\" name=\"email\" type=\"text\" ng-model=\"$ctrl.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" +
+    "                    <data-form-errors errors=\"$ctrl.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" +
+    "                        <input class=\"form-control\" id=\"first_name\" name=\"first_name\" type=\"text\" ng-model=\"$ctrl.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" +
+    "                    <data-form-errors errors=\"$ctrl.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=\"last_name\" name=\"last_name\" type=\"text\" ng-model=\"$ctrl.user.last_name\">\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" +
+    "                <div class=\"form-group\" id=\"row-company_name\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.company_name\"></data-form-errors>\n" +
+    "                    <label for=\"company_name\" id=\"label-company_name\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Company Name\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" +
+    "                        <input class=\"form-control\" id=\"company_name\" name=\"company_name\" type=\"text\" ng-model=\"$ctrl.user.company_name\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-company_address\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.company_address\"></data-form-errors>\n" +
+    "                    <label for=\"company_address\" id=\"label-company_address\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Company Address\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <textarea class=\"form-control\" id=\"company_address\" name=\"company_address\" ng-model=\"$ctrl.user.company_address\"></textarea>\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-zip_code\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.zip_code\"></data-form-errors>\n" +
+    "                    <label for=\"zip_code\" id=\"label-zip_code\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        ZIP code\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"zip_code\" name=\"zip_code\" type=\"text\" ng-model=\"$ctrl.user.zip_code\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-city\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.city\"></data-form-errors>\n" +
+    "                    <label for=\"city\" id=\"label-city\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        City\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input class=\"form-control\" id=\"city\" name=\"city\" type=\"text\" ng-model=\"$ctrl.user.city\">\n" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "                <div class=\"form-group\" id=\"row-notifications\">\n" +
+    "                    <data-form-errors errors=\"$ctrl.profileForm.ae_validation.notifications\"></data-form-errors>\n" +
+    "                    <label for=\"notifications\" id=\"label-notifications\" class=\"control-label col-sm-4 col-lg-3\">\n" +
+    "                        Account notifications\n" +
+    "                    </label>\n" +
+    "                    <div class=\"col-sm-8 col-lg-9\">\n" +
+    "                        <input checked class=\"form-control\" id=\"notifications\" name=\"notifications\" type=\"checkbox\" ng-model=\"$ctrl.user.notifications\">\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=\"Update Account\">\n" +
     "                    </div>\n" +
     "                </div>\n" +
     "            </form>\n" +
     "        </div>\n" +
     "    </div>\n" +
+    "</div>\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" +
+    "        <p>For example you can let other staff member view or alter error reports.</p>\n" +
     "\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" +
+    "        <div ng-if=\"permissions.possibleGroups.length > 0\">\n" +
+    "            <h3>Group 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" +
-    "                    <strong>{{ perm.self.resource_name }}</strong>\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" +
-    "\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" +
+    "                <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" +
     "\n" +
-    "            <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" +
-    "                    <strong>{{ perm.self.resource_name }}</strong>\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" +
-    "\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" +
+    "            <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" +
-    "    </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-heading\">\n" +
-    "            {{users.activeUsers}} active out of {{users.users.length}} users\n" +
-    "        </div>\n" +
-    "\n" +
-    "\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 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" +
-    "            </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" +
-    "\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" +
-    "\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" +
-    "                    <uib-tabset>\n" +
-    "                        <uib-tab>\n" +
-    "                            <uib-tab-heading>\n" +
-    "                                API keys\n" +
-    "                            </uib-tab-heading>\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" +
-    "\n" +
-    "                        </uib-tab>\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" +
-    "\n" +
-    "                    </p>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "\n" +
-    "            <hr ng-show=\"application.resource.resource_id\">\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" +
-    "\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" +
-    "\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" +
-    "\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" +
-    "\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 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" +
-    "\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" +
+    "        <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" +
-    "            </form>\n" +
-    "        </div>\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" +
-    "\n" +
-    "        <plugin-config resource=\"application.resource\"\n" +
-    "                       section=\"'application.update'\"\n" +
-    "                       ng-if=\"application.resource.resource_id\">\n" +
-    "        </plugin-config>\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" +
+    "                </li>\n" +
+    "            </ul>\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" +
-    "\n" +
-    "                </uib-tab>\n" +
-    "\n" +
-    "                <uib-tab>\n" +
-    "                    <uib-tab-heading>\n" +
-    "                        Report 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/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" +
-    "                </uib-tab>\n" +
-    "\n" +
-    "                <uib-tab>\n" +
-    "\n" +
-    "                <uib-tab-heading>\n" +
-    "                    Metrics 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/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" +
-    "                </uib-tab>\n" +
-    "\n" +
-    "                <uib-tab>\n" +
-    "\n" +
-    "                    <uib-tab-heading>\n" +
-    "                        Request Stats 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/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" +
+    "        <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('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" +
     "\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" +
+    "        <div class=\"form-group\">\n" +
+    "        <label>Action</label>\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 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" +
-    "        <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" +
-    "            <p>\n" +
-    "                <a class=\"btn btn-info\" ng-click=\"application.addRule()\"><span class=\"fa fa-plus-circle\"></span> Add rule</a>\n" +
-    "            </p>\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" +
-    "            <post-process-action action=\"action\" resource=\"application.resource\" ng-repeat=\"action in application.resource.postprocessing_rules\"></post-process-action>\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" +
-    "\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"
+  );
+
+
+  $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" +
-    "        <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" +
-    "\n" +
-    "            <hr/>\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" +
+    "        <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" +
-    "            <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" +
+    "            <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" +
-    "                        </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" +
+    "        <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" +
-    "                </form>\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" +
     "        </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('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" +
+  $templateCache.put('directives/rule_read_only/rule_read_only.html',
+    "<div class=\"rule-read-only\">\n" +
     "\n" +
-    "                <p>Receive reports and alerts in your Campfire rooms</p>\n" +
-    "            </a>\n" +
+    "    <span class=\"form-group\">\n" +
+    "        {{rule_ctrlr.readOnlyPossibleFields[rule_ctrlr.rule.field]}}\n" +
+    "    </span>\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" +
+    "    <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" +
-    "                <p>Receive reports and alerts on your Flowdock team\n" +
-    "                    inbox</p>\n" +
-    "            </a>\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" +
-    "            <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" +
+    "            <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" +
-    "                <p>Send issues and reports to Github</p>\n" +
-    "            </a>\n" +
+    "    </span>\n" +
+    "</div>\n"
+  );
+
+
+  $templateCache.put('directives/rule/rule.html',
+    "<div class=\"rule form-inline\">\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" +
+    "    <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" +
-    "                <p>Receive reports and alerts in your Hipchat chanels</p>\n" +
-    "            </a>\n" +
+    "    <div ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__' && rule_ctrlr.rule.field !='__NOT__'\" class=\"form-group\">\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" +
+    "            <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" +
-    "                <p>Send issues and reports to Jira</p>\n" +
-    "            </a>\n" +
+    "        <input type=\"text\" placeholder=\"Value\" ng-model=\"rule_ctrlr.rule.value\" ng-change=\"rule_ctrlr.setDirty()\" class=\"form-control\">\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" +
+    "    </div>\n" +
     "\n" +
-    "                <p>Receive reports and alerts in your Slack chanels</p>\n" +
-    "            </a>\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" +
     "\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" +
+    "        <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" +
-    "                <p>Notify third party API's of your reports and alerts</p>\n" +
-    "            </a>\n" +
-    "        </div>\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" +
-    "</ui-view>\n"
+    "</div>\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" +
+  $templateCache.put('templates/admin/applications/applications_list.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"applications.loading.applications\"></ng-include>\n" +
     "\n" +
-    "        <h1>Bitbucket Integration</h1>\n" +
+    "<div class=\"panel panel-default\" ng-if=\"!applications.loading.applications\">\n" +
+    "    <div class=\"panel-heading\">\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\">\n" +
+    "        Currently active applications: {{applications.applications.length}}\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "    </div>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\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" +
-    "                    <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" +
+    "        <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 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" +
+    "</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" +
-    "            <div class=\"form-group\">\n" +
+    "        </form>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\n" +
+    "        <h2>Functional</h2>\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" +
-    "                    <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" +
+    "                    <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 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/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" +
+    "        <h2>Global Rate Limiting</h2>\n" +
     "\n" +
+    "        <form class=\"form-horizontal\">\n" +
     "            <div class=\"form-group\">\n" +
-    "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Account name</label>\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" +
-    "                    <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" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_reports_rate_limit.value\" />\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" +
+    "                <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" +
-    "                    <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" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_logs_rate_limit.value\" />\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" +
+    "                <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" +
-    "                    <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" +
+    "                    <input class=\"form-control\" type=\"number\" ng-model=\"configs.configs.global.per_application_metrics_rate_limit.value\" />\n" +
     "                </div>\n" +
     "            </div>\n" +
-    "            <div class=\"form-group\">\n" +
-    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Connect to Campfire\">\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" +
+    "        </form>\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" +
+    "        <hr/>\n" +
     "\n" +
-    "            </div>\n" +
+    "        <a class=\"btn btn-primary\" ng-click=\"configs.save()\">Save configuration</a>\n" +
+    "    </div>\n" +
     "\n" +
-    "        </form>\n" +
+    "</div>\n" +
     "\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/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" +
-    "\n" +
-    "        <h1>Flowdock Integration</h1>\n" +
-    "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "\n" +
-    "            <div class=\"form-group\">\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" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">API Token</label>\n" +
+    "<div ng-show=\"!group.loading.group\">\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=\"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" +
     "\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=\"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" +
-    "            </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" +
+    "\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" +
     "\n" +
-    "        </form>\n" +
+    "                    <div class=\"pull-right\">\n" +
     "\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" +
+    "                        <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=\"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" +
+    "                        <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" +
-    "        <h1>Github Integration</h1>\n" +
+    "            <h3>Direct dashboard permissions</h3>\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\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" +
     "\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" +
-    "            <div class=\"form-group\">\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" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\">Repository</label>\n" +
+    "        </div>\n" +
     "\n" +
-    "                <div class=\"col-sm-8 col-lg-9\">\n" +
+    "    </div>\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://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" +
+    "    <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" +
     "\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>\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 class=\"form-group\">\n" +
+    "        </div>\n" +
     "\n" +
-    "                <label class=\"control-label col-sm-3 col-lg-2\"></label>\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" +
-    "                <input type=\"submit\" class=\"btn btn-primary\" value=\"Use this repo\">\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" +
-    "                    <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" +
     "\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 Github before we can send issues on your behalf.</p>\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" +
     "\n" +
-    "        <p>Every user will have to authorize AppEnlight to access Github to be able to post issues.</p>\n" +
+    "<div class=\"panel panel-default\" ng-show=\"!groups.loading.groups\">\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" +
+    "    <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" +
-    "                <p>Registration page OAuth does NOT give you token with private repository access permissions.</p>\n" +
-    "            </div>\n" +
-    "        </div>\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" +
+    "</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>\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" +
+    "    <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" +
+    "\n" +
+    "<div class=\"col-sm-9\" ui-view></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" +
+  $templateCache.put('templates/admin/partitions.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"partitions.loading.partitions\"></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" +
+    "<div ng-show=\"!partitions.loading.partitions\">\n" +
     "\n" +
-    "        <h1>Hipchat Integration</h1>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            DELETE Daily Partitions\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" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\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" +
+    "                <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 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" +
+    "            <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 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>\n" +
     "\n" +
-    "                    <p>\n" +
-    "                        <small>Room ID list separated by comma</small>\n" +
-    "                    </p>\n" +
-    "                </div>\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            DELETE Permanent Partitions\n" +
+    "        </div>\n" +
     "\n" +
-    "            </div>\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=\"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 class=\"panel-body\">\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" +
     "                </div>\n" +
+    "\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" +
     "\n" +
     "    </div>\n" +
+    "\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=\"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>Jira Integration</h1>\n" +
+  $templateCache.put('templates/admin/system.html',
+    "<ng-include src=\"'templates/loader.html'\" ng-if=\"system.loading.system\"></ng-include>\n" +
     "\n" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\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" +
-    "            <div class=\"form-group\" id=\"row-host_name\">\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" +
-    "                <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" +
+    "                    <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" +
-    "                    <p>\n" +
-    "                        <small>https://servername.atlassian.net</small>\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" +
     "                </div>\n" +
     "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-user_name\">\n" +
+    "        </div>\n" +
+    "    </div>\n" +
+    "    <div class=\"row\">\n" +
+    "        <div class=\"col-sm-12\">\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 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" +
     "\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" +
+    "                            <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" +
-    "                    <p>\n" +
-    "                        <small>user@email.com</small>\n" +
-    "                    </p>\n" +
+    "                        </uib-tab>\n" +
     "\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-password\">\n" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Elasticsearch Indices\n" +
+    "                            </uib-tab-heading>\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" +
+    "                            <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" +
-    "                <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" +
+    "                        </uib-tab>\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" +
+    "                        <uib-tab>\n" +
+    "                            <uib-tab-heading>\n" +
+    "                                Processes\n" +
+    "                            </uib-tab-heading>\n" +
     "\n" +
-    "        </form>\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>\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" +
+  $templateCache.put('templates/admin/users/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" +
+    "\n" +
+    "<div ng-show=\"!user.loading.user\">\n" +
+    "\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "        <div class=\"panel-body\">\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" +
+    "                <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" +
-    "        <h1>Slack Integration</h1>\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" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\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" +
-    "            <div class=\"form-group\">\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" +
-    "                <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" +
-    "            </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" +
+    "                <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" +
-    "                        <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=\"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" +
-    "                    <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 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" +
-    "            </div>\n" +
-    "        </form>\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" +
+    "                    </div>\n" +
+    "                </div>\n" +
+    "            </form>\n" +
+    "        </div>\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" +
+    "    <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" +
-    "        <form name=\"integration.integrationForm\" ng-submit=\"integration.configureIntegration()\" class=\"form-horizontal\">\n" +
-    "            <div class=\"form-group\" id=\"row-reports_webhook\">\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" +
-    "                <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" +
+    "                        <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" +
-    "                <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" +
+    "                        <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" +
+    "            <h3>Direct dashboard permissions</h3>\n" +
     "\n" +
-    "            </div>\n" +
-    "            <div class=\"form-group\" id=\"row-submit\">\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" +
-    "                <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" +
+    "                        <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=\"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" +
+    "                        <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>You have to create a new application first.</p>\n" +
+    "        </div>\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" +
+  $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=\"col-sm-9\" ui-view></div>\n" +
+    "<div ng-show=\"!users.loading.users\">\n" +
+    "\n" +
+    "    <div class=\"panel panel-default\">\n" +
+    "\n" +
+    "        <div class=\"panel-heading\">\n" +
+    "            {{users.activeUsers}} active out of {{users.users.length}} users\n" +
+    "        </div>\n" +
+    "\n" +
+    "\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 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" +
+    "            </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" +
+    "\n" +
+    "    </div>\n" +
     "</div>\n"
   );
 
@@ -7100,7 +7089,15 @@ function kickstartAE(initialUserData) {
   );
 
 
-  $templateCache.put('templates/user/breadcrumbs.html',
+  $templateCache.put('templates/settings_breadcrumbs.html',
+    "<ol class=\"breadcrumb\" ng-show=\"$ctrl.$state.includes('applications')\">\n" +
+    "    <li>Applications</li>\n" +
+    "    <li ng-show=\"$ctrl.$state.includes('applications.list')\" ng-class=\"{bold:$ctrl.$state.is('applications.list')}\">Owned applications</li>\n" +
+    "    <li ng-show=\"$ctrl.$state.includes('applications.update')\" ng-class=\"{bold:$ctrl.$state.is('applications.update')}\">Modify application</li>\n" +
+    "    <li ng-show=\"$ctrl.$state.includes('applications.integrations')\" ng-class=\"{bold:$ctrl.$state.includes('applications.integrations')}\">Integrations</li>\n" +
+    "    <li ng-show=\"$ctrl.$state.includes('applications.purge_logs')\" ng-class=\"{bold:$ctrl.$state.includes('applications.purge_logs')}\">Log Purging</li>\n" +
+    "</ol>\n" +
+    "\n" +
     "<ol class=\"breadcrumb\" ng-show=\"$ctrl.$state.includes('user.profile')\">\n" +
     "    <li>Settings</li>\n" +
     "    <li ng-show=\"$ctrl.$state.includes('user.profile.edit')\" ng-class=\"{bold:$ctrl.$state.is('user.profile.edit')}\">User Profile</li>\n" +
@@ -7145,7 +7142,7 @@ angular.module('appenlight.components.appenlightApp', [])
 AppEnlightAppController.$inject = ['$scope','$state', 'stateHolder', 'AeConfig'];
 
 function AppEnlightAppController($scope, $state, stateHolder, AeConfig){
-    console.log('app start');
+    
     // to keep bw compatibility
     $scope.$state = $state;
     $scope.stateHolder = stateHolder;
@@ -7227,86 +7224,395 @@ function AppEnlightHeaderController($state, stateHolder, AeConfig){
         }
     });
 
-    vm.clickedEvent = function(event){
-        // exception reports
-        if (_.contains([1,2], event.event_type)){
-            $state.go('report.list', {resource:event.resource_id, start_date:event.start_date});
-        }
-        // slowness reports
-        else if (_.contains([3,4], event.event_type)){
-            $state.go('report.list_slow', {resource:event.resource_id, start_date:event.start_date});
-        }
-        // uptime reports
-        else if (_.contains([7,8], event.event_type)){
-            $state.go('uptime', {resource:event.resource_id, start_date:event.start_date});
+    vm.clickedEvent = function(event){
+        // exception reports
+        if (_.contains([1,2], event.event_type)){
+            $state.go('report.list', {resource:event.resource_id, start_date:event.start_date});
+        }
+        // slowness reports
+        else if (_.contains([3,4], event.event_type)){
+            $state.go('report.list_slow', {resource:event.resource_id, start_date:event.start_date});
+        }
+        // uptime reports
+        else if (_.contains([7,8], event.event_type)){
+            $state.go('uptime', {resource:event.resource_id, start_date:event.start_date});
+        }
+        else{
+            
+        }
+    }
+}
+
+;// # 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.components.channelstream', [])
+    .component('channelstream', {
+        controller: ChannelstreamController,
+        bindings: {
+            config: '='
+        }
+    });
+
+ChannelstreamController.$inject = ['$rootScope', 'stateHolder', 'userSelfPropertyResource'];
+
+function ChannelstreamController($rootScope, stateHolder, userSelfPropertyResource){
+    if (stateHolder.AeUser.id === null){
+        return
+    }
+    userSelfPropertyResource.get({key: 'websocket'}, function (data) {
+        stateHolder.websocket = new ReconnectingWebSocket(this.config.ws_url + '/ws?conn_id=' + data.conn_id);
+        stateHolder.websocket.onopen = function (event) {
+            
+        };
+        stateHolder.websocket.onmessage = function (event) {
+            var data = JSON.parse(event.data);
+            $rootScope.$apply(function (scope) {
+                _.each(data, function (message) {
+                    
+                    if(typeof message.message.topic !== 'undefined'){
+                        $rootScope.$emit(
+                            'channelstream-message.'+message.message.topic, message);
+                    }
+                    else{
+                        $rootScope.$emit('channelstream-message', message);
+                    }
+                });
+            });
+        };
+        stateHolder.websocket.onclose = function (event) {
+            
+        };
+
+        stateHolder.websocket.onerror = function (event) {
+            
+        };
+    }.bind(this));
+}
+
+;// # 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.components.integrationsListView', [])
+    .component('integrationsListView', {
+        templateUrl: 'components/views/applications-integrations-view/applications-integrations-view.html',
+        controller: IntegrationsListViewController
+    });
+
+IntegrationsListViewController.$inject = ['$state', 'applicationsResource'];
+
+function IntegrationsListViewController($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;
+    });
+}
+
+;// # 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.components.applicationsListView', [])
+    .component('applicationsListView', {
+        templateUrl: 'components/views/applications-list-view/applications-list-view.html',
+        controller: ApplicationsListViewController
+    });
+
+ApplicationsListViewController.$inject = ['$state', 'applicationsResource'];
+
+function ApplicationsListViewController($state, applicationsResource) {
+    
+    var vm = this;
+    vm.$state = $state;
+    vm.loading = {applications: true};
+    vm.applications = applicationsResource.query(null, function(){
+        vm.loading.applications = 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/
+
+angular.module('appenlight.components.applicationsPurgeLogsView', [])
+    .component('applicationsPurgeLogsView', {
+        templateUrl: 'components/views/applications-purge-logs-view/applications-purge-logs-view.html',
+        controller: applicationsPurgeLogsViewController
+    });
+
+applicationsPurgeLogsViewController.$inject = ['$state' ,'applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
+
+function applicationsPurgeLogsViewController($state, applicationsResource, sectionViewResource, logsNoIdResource) {
+    
+    var vm = this;
+    vm.$state = $state;
+    vm.loading = {applications: true};
+
+    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();
+    });
+
+    /**
+     * Fetches most commonly used tags in logs
+     */
+    vm.getCommonKeys = function () {
+        sectionViewResource.get({
+            section: 'logs_section',
+            view: 'common_tags',
+            resource: vm.selectedResource
+        }, function (data) {
+            vm.commonNamespaces = data['namespaces']
+        });
+    };
+
+    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
+// #
+// # 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.components.applicationsUpdateView', [])
+    .component('applicationsUpdateView', {
+        templateUrl: 'components/views/applications-update-view/applications-update-view.html',
+        controller: applicationsUpdateViewController
+    });
+
+applicationsUpdateViewController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
+
+function applicationsUpdateViewController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
+    'use strict';
+    
+    var vm = this;
+    vm.$state = $state;
+    vm.loading = {application: false};
+
+    vm.groupingOptions = [
+        ['url_type', 'Error Type + location'],
+        ['url_traceback', 'Traceback + location'],
+        ['traceback_server', 'Traceback + Server'],
+    ];
+    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{
-            console.log('other');
+        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;
+                });
         }
-    }
-}
+    };
 
-;// # 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.addRule = function () {
+        
+        applicationsPropertyResource.save({
+                resourceId: vm.resource.resource_id,
+                key: 'postprocessing_rules'
+            }, null,
+            function (data) {
+                vm.resource.postprocessing_rules.push(data);
+            }
+        );
+    };
 
-angular.module('appenlight.components.channelstream', [])
-    .component('channelstream', {
-        controller: ChannelstreamController,
-        bindings: {
-            config: '='
-        }
-    });
+    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;
+            }
+        )
+    };
 
-ChannelstreamController.$inject = ['$rootScope', 'stateHolder', 'userSelfPropertyResource'];
+    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');
+            },
+            function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.formDelete, response.data);
+                    
+                }
+                vm.loading.application = false;
+            }
+        );
+    };
 
-function ChannelstreamController($rootScope, stateHolder, userSelfPropertyResource){
-    if (stateHolder.AeUser.id === null){
-        return
+    vm.transferApplication = function(){
+        vm.loading.application = true;
+        applicationsPropertyResource.update({
+                resourceId: vm.resource.resource_id,
+                key: 'owner'
+            }, vm.formTransferModel,
+            function (data) {
+                $state.go('applications.list');
+            },
+            function (response) {
+                if (response.status == 422) {
+                    setServerValidation(vm.formTransfer, response.data);
+                    
+                }
+                vm.loading.application = false;
+            }
+        )
     }
-    userSelfPropertyResource.get({key: 'websocket'}, function (data) {
-        stateHolder.websocket = new ReconnectingWebSocket(this.config.ws_url + '/ws?conn_id=' + data.conn_id);
-        stateHolder.websocket.onopen = function (event) {
-            console.log('open');
-        };
-        stateHolder.websocket.onmessage = function (event) {
-            var data = JSON.parse(event.data);
-            $rootScope.$apply(function (scope) {
-                _.each(data, function (message) {
-                    console.log('channelstream-message', message);
-                    if(typeof message.message.topic !== 'undefined'){
-                        $rootScope.$emit(
-                            'channelstream-message.'+message.message.topic, message);
-                    }
-                    else{
-                        $rootScope.$emit('channelstream-message', message);
-                    }
-                });
-            });
-        };
-        stateHolder.websocket.onclose = function (event) {
-            console.log('closed');
-        };
 
-        stateHolder.websocket.onerror = function (event) {
-            console.log('error');
-        };
-    }.bind(this));
 }
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -7350,7 +7656,7 @@ function EventBrowserController(eventsNoIdResource, eventsResource) {
 
 
     vm.closeEvent = function (event) {
-        console.log('closeEvent');
+        
         eventsResource.update({eventId: event.id}, {status: 0}, function (data) {
             event.status = 0;
         });
@@ -7772,7 +8078,7 @@ function IndexDashboardController($rootScope, $scope, $location, $cookies, $inte
 
             if (!vm.resource){
                 var cookieResource = $cookies.getObject('resource');
-                console.log('cookieResource', cookieResource);
+                
 
                 if (cookieResource) {
                     vm.resource = cookieResource;
@@ -8015,15 +8321,150 @@ function IndexDashboardController($rootScope, $scope, $location, $cookies, $inte
         );
     };
 
-    $scope.$on('$destroy',function(){
-        $interval.cancel(vm.intervalId);
+    $scope.$on('$destroy',function(){
+        $interval.cancel(vm.intervalId);
+    });
+
+    if (stateHolder.AeUser.applications.length){
+        vm.show_dashboard = true;
+        vm.determineStartState();
+    }
+}
+
+;// # 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/
+
+
+ApplicationsIntegrationsEditViewController.$inject = ['$state', 'integrationResource'];
+
+function ApplicationsIntegrationsEditViewController($state, integrationResource) {
+    
+    var vm = this;
+    vm.$state = $state;
+    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.components.bitbucketIntegrationConfigView', [])
+    .component('bitbucketIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.campfireIntegrationConfigView', [])
+    .component('campfireIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
     });
 
-    if (stateHolder.AeUser.applications.length){
-        vm.show_dashboard = true;
-        vm.determineStartState();
-    }
-}
+;angular.module('appenlight.components.flowdockIntegrationConfigView', [])
+    .component('flowdockIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.githubIntegrationConfigView', [])
+    .component('githubIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/github-integration-config-view/github-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.hipchatIntegrationConfigView', [])
+    .component('hipchatIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.jiraIntegrationConfigView', [])
+    .component('jiraIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/jira-integration-config-view/jira-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.slackIntegrationConfigView', [])
+    .component('slackIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/slack-integration-config-view/slack-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
+
+;angular.module('appenlight.components.webhooksIntegrationConfigView', [])
+    .component('webhooksIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -8289,7 +8730,7 @@ function LogsBrowserController($location, stateHolder, typeAheadTagHelper, logsN
         searchParams['view'] = 'fetch_series';
         vm.isLoading.series = true;
         sectionViewResource.query(searchParams, function (data) {
-            console.log('show node here');
+            
             vm.logEventsChartData = {
                 json: data,
                 xFormat: '%Y-%m-%dT%H:%M:%S',
@@ -8384,7 +8825,7 @@ angular.module('appenlight.components.userAlertChannelsEmailNewView', [])
 AlertChannelsEmailController.$inject = ['$state','userSelfPropertyResource'];
 
 function AlertChannelsEmailController($state, userSelfPropertyResource) {
-    console.debug('AlertChannelsEmailController');
+    
     var vm = this;
     vm.$state = $state;
     vm.loading = {email: false};
@@ -8392,7 +8833,7 @@ function AlertChannelsEmailController($state, userSelfPropertyResource) {
 
     vm.createChannel = function () {
         vm.loading.email = true;
-        console.log('createChannel');
+        
         userSelfPropertyResource.save({key: 'alert_channels'}, vm.form, function () {
             //vm.loading.email = false;
             //setServerValidation(vm.channelForm);
@@ -8435,7 +8876,7 @@ angular.module('appenlight.components.userAlertChannelsListView', [])
 userAlertChannelsListViewController.$inject = ['$state','userSelfPropertyResource', 'applicationsNoIdResource'];
 
 function userAlertChannelsListViewController($state, userSelfPropertyResource, applicationsNoIdResource) {
-    console.debug('AlertChannelsController');
+    
     var vm = this;
     vm.$state = $state;
     vm.loading = {channels: true, applications: true, actions:true};
@@ -8502,12 +8943,12 @@ function userAlertChannelsListViewController($state, userSelfPropertyResource, a
     };
 
     vm.addAction = function (channel) {
-        console.log('test');
+        
         userSelfPropertyResource.save({key: 'alert_channels_rules'}, {}, function (data) {
             vm.alertActions.push(data);
         }, function (response) {
             if (response.status == 422) {
-                console.log('scope', response);
+                
             }
         });
     };
@@ -8528,7 +8969,7 @@ function userAlertChannelsListViewController($state, userSelfPropertyResource, a
     };
 
     vm.removeChannel = function (channel) {
-        console.log(channel);
+        
         userSelfPropertyResource.delete({
             key: 'alert_channels',
             channel_name: channel.channel_name,
@@ -8571,7 +9012,7 @@ angular.module('appenlight.components.userAuthTokensView', [])
 userAuthTokensViewController.$inject = ['$state', 'userSelfPropertyResource', 'AeConfig'];
 
 function userAuthTokensViewController($state, userSelfPropertyResource, AeConfig) {
-    console.debug('userAuthTokensViewController');
+    
     var vm = this;
     vm.$state = $state;
     vm.loading = {tokens: true};
@@ -8642,7 +9083,7 @@ angular.module('appenlight.components.userIdentitiesView', [])
 UserIdentitiesController.$inject = ['$state', 'userSelfPropertyResource', 'AeConfig'];
 
 function UserIdentitiesController($state, userSelfPropertyResource, AeConfig) {
-    console.debug('UserIdentitiesController');
+    
     var vm = this;
     vm.$state = $state;
     vm.AeConfig = AeConfig;
@@ -8652,11 +9093,11 @@ function UserIdentitiesController($state, userSelfPropertyResource, AeConfig) {
         {key: 'external_identities'},
         function (data) {
             vm.loading.identities = false;
-            console.log(vm.identities);
+            
         });
 
     vm.removeProvider = function (provider) {
-        console.log('provider', provider);
+        
         userSelfPropertyResource.delete(
             {
                 key: 'external_identities',
@@ -8672,243 +9113,7 @@ function UserIdentitiesController($state, userSelfPropertyResource, AeConfig) {
 
             });
     }
-}
-
-;// # 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.components.userPasswordView', [])
-    .component('userPasswordView', {
-        templateUrl: 'components/views/user-password-view/user-password-view.html',
-        controller: UserPasswordViewController
-    });
-
-UserPasswordViewController.$inject = ['$state', 'userSelfPropertyResource'];
-
-function UserPasswordViewController($state, userSelfPropertyResource) {
-    console.debug('UserPasswordViewController');
-    var vm = this;
-    vm.$state = $state;
-    vm.loading = {password: false};
-    vm.form = {};
-
-    vm.updatePassword = function () {
-        vm.loading.password = true;
-        console.log('updatePassword');
-        userSelfPropertyResource.update({key: 'password'}, vm.form, function () {
-            vm.loading.password = false;
-            vm.form = {};
-            setServerValidation(vm.passwordForm);
-        }, function (response) {
-            if (response.status == 422) {
-                console.log('vm', vm);
-                setServerValidation(vm.passwordForm, response.data);
-                console.log(response.data);
-            }
-            vm.loading.password = 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/
-
-angular.module('appenlight.components.userProfileView', [])
-    .component('userProfileView', {
-        templateUrl: 'components/views/user-profile-view/user-profile-view.html',
-        controller: UserProfileViewController
-    });
-
-UserProfileViewController.$inject = ['$state', 'userSelfResource'];
-
-function UserProfileViewController($state, userSelfResource) {
-    console.debug('UserProfileViewController');
-    var vm = this;
-    vm.$state = $state;
-    vm.loading = {profile: true};
-
-    vm.user = userSelfResource.get(null, function (data) {
-        vm.loading.profile = false;
-        console.log('loaded profile');
-    });
-
-    vm.updateProfile = function () {
-        vm.loading.profile = true;
-
-        console.log('updateProfile');
-        vm.user.$update(null, function () {
-            vm.loading.profile = false;
-            setServerValidation(vm.profileForm);
-        }, function (response) {
-            if (response.status == 422) {
-                setServerValidation(vm.profileForm, response.data);
-            }
-            vm.loading.profile = 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/
-
-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);
-
-AdminApplicationsListController.$inject = ['applicationsResource'];
-
-function AdminApplicationsListController(applicationsResource) {
-    console.debug('AdminApplicationsListController');
-    var vm = this;
-    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
-// #
-// # 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.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
 // #
@@ -8929,129 +9134,38 @@ function ConfigsListController(configsResource, configsNoIdResource) {
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminGroupsCreateController', AdminGroupsCreateController);
+angular.module('appenlight.components.userPasswordView', [])
+    .component('userPasswordView', {
+        templateUrl: 'components/views/user-password-view/user-password-view.html',
+        controller: UserPasswordViewController
+    });
 
-AdminGroupsCreateController.$inject = ['$state', 'groupsResource', 'groupsPropertyResource', 'sectionViewResource', 'AeConfig'];
+UserPasswordViewController.$inject = ['$state', 'userSelfPropertyResource'];
 
-function AdminGroupsCreateController($state, groupsResource, groupsPropertyResource, sectionViewResource, AeConfig) {
-    console.debug('AdminGroupsCreateController');
+function UserPasswordViewController($state, userSelfPropertyResource) {
+    
     var vm = this;
-    vm.loading = {
-        group: false,
-        resource_permissions: false,
-        users: false
-    };
-
-    vm.form = {
-        autocompleteUser: '',
-    }
-
+    vm.$state = $state;
+    vm.loading = {password: false};
+    vm.form = {};
 
-    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.updatePassword = function () {
+        vm.loading.password = true;
+        
+        userSelfPropertyResource.update({key: 'password'}, vm.form, function () {
+            vm.loading.password = false;
+            vm.form = {};
+            setServerValidation(vm.passwordForm);
+        }, function (response) {
+            if (response.status == 422) {
+                
+                setServerValidation(vm.passwordForm, response.data);
+                
+            }
+            vm.loading.password = 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) {
-                    console.log(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);
-
-                });
-                console.log(tmpObj)
-                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;
-    }
-
-    var formResponse = function (response) {
-        if (response.status === 422) {
-            setServerValidation(vm.groupForm, response.data);
-        }
-        vm.loading.group = 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 {
-            groupsResource.save(vm.group, function (data) {
-                $state.go('admin.group.update', {groupId: data.id});
-            }, formResponse);
-        }
-    };
-
-    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.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) {
-        console.log(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
 // #
@@ -9072,40 +9186,40 @@ function AdminGroupsCreateController($state, groupsResource, groupsPropertyResou
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminGroupsController', AdminGroupsController);
+angular.module('appenlight.components.userProfileView', [])
+    .component('userProfileView', {
+        templateUrl: 'components/views/user-profile-view/user-profile-view.html',
+        controller: UserProfileViewController
+    });
 
-AdminGroupsController.$inject = ['groupsResource'];
+UserProfileViewController.$inject = ['$state', 'userSelfResource'];
 
-function AdminGroupsController(groupsResource) {
-    console.debug('AdminGroupsController');
+function UserProfileViewController($state, userSelfResource) {
+    
     var vm = this;
-    vm.loading = {groups: true};
+    vm.$state = $state;
+    vm.loading = {profile: 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);
-        console.log(vm.groups);
+    vm.user = userSelfResource.get(null, function (data) {
+        vm.loading.profile = false;
+        
     });
 
+    vm.updateProfile = function () {
+        vm.loading.profile = true;
 
-    vm.removeGroup = function (group) {
-        groupsResource.remove({groupId: group.id}, function (data, responseHeaders) {
-            console.log('x',data, responseHeaders());
-            if (data) {
-                var index = vm.groups.indexOf(group);
-                if (index !== -1) {
-                    vm.groups.splice(index, 1);
-                    vm.activeGroups -= 1;
-                }
+        
+        vm.user.$update(null, function () {
+            vm.loading.profile = false;
+            setServerValidation(vm.profileForm);
+        }, function (response) {
+            if (response.status == 422) {
+                setServerValidation(vm.profileForm, response.data);
             }
+            vm.loading.profile = false;
         });
     }
-};
+}
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -9126,111 +9240,58 @@ function AdminGroupsController(groupsResource) {
 // # 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';
-        }
-        else{
-            toTest = 'permChecked';
-        }
-
-        if (vm[toTest]) {
-            var val = true;
-        }
-        else {
-            var val = false;
-        }
-        console.log('scope', scope);
-        _.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);
+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;
+});
 
-    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)
-                }
-            });
-        });
-        console.log(es_indices, pg_indices);
+;// # 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.loading = {partitions: true};
-        sectionViewResource.save({section:'admin_section',
-            view: 'partitions_remove'}, {
-            es_indices: es_indices,
-            pg_indices: pg_indices,
-            confirm: 'CONFIRM'
-        }, vm.loadPartitions);
+angular.module('appenlight.controllers').controller('AdminApplicationsListController', AdminApplicationsListController);
 
-    }
+AdminApplicationsListController.$inject = ['applicationsResource'];
 
-}
+function AdminApplicationsListController(applicationsResource) {
+    
+    var vm = this;
+    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
 // #
@@ -9251,30 +9312,43 @@ function AdminPartitionsController(sectionViewResource) {
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers').controller('AdminSystemController', AdminSystemController);
+angular.module('appenlight.controllers').controller('ConfigsListController', ConfigsListController);
 
-AdminSystemController.$inject = ['sectionViewResource'];
+ConfigsListController.$inject = ['configsResource', 'configsNoIdResource'];
 
-function AdminSystemController(sectionViewResource) {
+function ConfigsListController(configsResource, configsNoIdResource) {
     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 = {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.configs[item.section][item.key] = item;
+            });
+        });
+
+    vm.save = function () {
+        vm.loading.config = true;
+        _.each(vm.configList, function (item) {
+            item.$save();
+        });
+        vm.loading.config = false;
+    };
 
-        vm.loading.system = false;
-    });
 };
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -9296,106 +9370,126 @@ 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('AdminGroupsCreateController', AdminGroupsCreateController);
 
-AdminUsersCreateController.$inject = ['$state', 'usersResource', 'usersPropertyResource', 'sectionViewResource', 'AeConfig'];
+AdminGroupsCreateController.$inject = ['$state', 'groupsResource', 'groupsPropertyResource', 'sectionViewResource', 'AeConfig'];
 
-function AdminUsersCreateController($state, usersResource, usersPropertyResource, sectionViewResource, AeConfig) {
-    console.debug('AdminUsersCreateController');
+function AdminGroupsCreateController($state, groupsResource, groupsPropertyResource, sectionViewResource, AeConfig) {
+    
     var vm = this;
-    vm.loading = {user: false};
+    vm.loading = {
+        group: false,
+        resource_permissions: false,
+        users: false
+    };
 
+    vm.form = {
+        autocompleteUser: '',
+    }
 
-    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;
-            }
+
+    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 = usersPropertyResource.query(
-            {userId: userId, key: 'resource_permissions'}, function (data) {
+        vm.resource_permissions = groupsPropertyResource.query(
+            {groupId: groupId, key: 'resource_permissions'}, function (data) {
                 vm.loading.resource_permissions = false;
                 var tmpObj = {
-                    'user': {
-                        'application': {},
-                        'dashboard': {}
-                    },
                     'group': {
                         'application': {},
                         'dashboard': {}
                     }
                 };
                 _.each(data, function (item) {
-                    console.log(item);
+                    
                     var section = tmpObj[item.type][item.resource_type];
-                    if (typeof section[item.resource_id] == 'undefined'){
+                    if (typeof section[item.resource_id] == 'undefined') {
                         section[item.resource_id] = {
-                            self:item,
+                            self: item,
                             permissions: []
                         }
                     }
                     section[item.resource_id].permissions.push(item.perm_name);
 
                 });
-                console.log(tmpObj)
                 vm.resourcePermissions = tmpObj;
             });
 
+        vm.users = groupsPropertyResource.query(
+            {groupId: groupId, key: 'users'}, function (data) {
+                vm.loading.users = false;
+            }, function () {
+                vm.loading.users = false;
+            });
+
     }
     else {
-        var userId = null;
-        vm.user = {
-            status: true
-        }
+        var groupId = null;
     }
 
     var formResponse = function (response) {
-        if (response.status == 422) {
-            setServerValidation(vm.profileForm, response.data);
+        if (response.status === 422) {
+            setServerValidation(vm.groupForm, response.data);
         }
-        vm.loading.user = false;
-    }
+        vm.loading.group = false;
+    };
 
-    vm.createUser = function () {
-        vm.loading.user = true;
-        console.log('updateProfile');
-        if (userId) {
-            usersResource.update({userId: vm.user.id}, vm.user, function (data) {
-                setServerValidation(vm.profileForm);
-                vm.loading.user = 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 {
-            usersResource.save(vm.user, function (data) {
-                $state.go('admin.user.update', {userId: data.id});
+            groupsResource.save(vm.group, function (data) {
+                $state.go('admin.group.update', {groupId: 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;
-        console.log('x', vm.gen_pass);
-    }
+    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.reloginUser = function () {
-        sectionViewResource.get({
-            section: 'admin_section', view: 'relogin_user',
-            user_id: vm.user.id
-        }, function () {
-            window.location = AeConfig.urls.baseUrl;
-        });
+    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;
+                });
+            });
     }
 };
 
@@ -9418,35 +9512,35 @@ 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('AdminGroupsController', AdminGroupsController);
 
-AdminUsersController.$inject = ['usersResource'];
+AdminGroupsController.$inject = ['groupsResource'];
 
-function AdminUsersController(usersResource) {
-    console.debug('AdminUsersController');
+function AdminGroupsController(groupsResource) {
+    
     var vm = this;
-    vm.loading = {users: true};
+    vm.loading = {groups: true};
 
-    vm.users = usersResource.query({}, function (data) {
-        vm.loading = {users: false};
-        vm.activeUsers = _.reduce(vm.users, function(memo, val){
+    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);
-        console.log(vm.users);
+        
     });
 
 
-    vm.removeUser = function (user) {
-        usersResource.remove({userId: user.id}, function (data, responseHeaders) {
-            console.log('x',data, responseHeaders());
+    vm.removeGroup = function (group) {
+        groupsResource.remove({groupId: group.id}, function (data, responseHeaders) {
+            
             if (data) {
-                var index = vm.users.indexOf(user);
+                var index = vm.groups.indexOf(group);
                 if (index !== -1) {
-                    vm.users.splice(index, 1);
-                    vm.activeUsers -= 1;
+                    vm.groups.splice(index, 1);
+                    vm.activeGroups -= 1;
                 }
             }
         });
@@ -9472,244 +9566,110 @@ 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('AdminPartitionsController', AdminPartitionsController);
 
-ApplicationsUpdateController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
+AdminPartitionsController.$inject = ['sectionViewResource'];
 
-function ApplicationsUpdateController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
-    'use strict';
-    console.debug('ApplicationsUpdateController');
+function AdminPartitionsController(sectionViewResource) {
     var vm = this;
-    vm.loading = {application: false};
-
-    vm.groupingOptions = [
-        ['url_type', 'Error Type + location'],
-        ['url_traceback', 'Traceback + location'],
-        ['traceback_server', 'Traceback + Server'],
-    ];
-
-    var resourceId = $state.params.resourceId;
-
-
-    var options = {};
-
-    vm.momentJs = moment;
-    
-    vm.formTransferModel = {password:''};
+    vm.permanentPartitions = [];
+    vm.dailyPartitions = [];
+    vm.loading = {partitions: true};
+    vm.dailyChecked = false;
+    vm.permChecked = false;
+    vm.dailyConfirm = '';
+    vm.permConfirm = '';
 
-    // 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.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';
+        }
 
-    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;
-                console.log(vm.BasicForm);
-            });
+        if (vm[toTest]) {
+            var val = true;
         }
         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;
-                });
+            var val = false;
         }
-    };
-
-    vm.addRule = function () {
-        console.log('addrule');
-        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);
-                    console.log(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,
-            function (data) {
-                stateHolder.AeUser.removeApplicationById(vm.resource.resource_id);
-                $state.go('applications.list');
-            },
-            function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.formDelete, response.data);
-                    console.log(response.data);
-                }
-                vm.loading.application = false;
-            }
-        );
-    };
-
-    vm.transferApplication = function(){
-        vm.loading.application = true;
-        applicationsPropertyResource.update({
-                resourceId: vm.resource.resource_id,
-                key: 'owner'
-            }, vm.formTransferModel,
-            function (data) {
-                $state.go('applications.list');
-            },
-            function (response) {
-                if (response.status == 422) {
-                    setServerValidation(vm.formTransfer, response.data);
-                    console.log(response.data);
-                }
-                vm.loading.application = false;
-            }
-        )
+        
+        _.each(vm[scope], function (item) {
+            _.each(item[1].pg, function (index) {
+                index.checked = val;
+            });
+            _.each(item[1].elasticsearch, function (index) {
+                index.checked = val;
+            });
+        });
     }
 
-}
-
-;// # 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) {
-    console.debug('IntegrationController');
-    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.transformPartitionList = function (inputList) {
+        var outputList = [];
 
-    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;
+        _.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.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});
-            }
-        );
-    }
+    sectionViewResource.get({section:'admin_section', view: 'partitions'},
+        vm.loadPartitions);
 
-    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;
+    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);
+
     }
 
-    console.log(vm);
 }
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -9731,20 +9691,31 @@ 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('AdminSystemController', AdminSystemController);
 
-IntegrationsListController.$inject = ['$state', 'applicationsResource'];
+AdminSystemController.$inject = ['sectionViewResource'];
 
-function IntegrationsListController($state, applicationsResource) {
-    console.debug('IntegrationsListController');
+function AdminSystemController(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.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
 // #
@@ -9765,19 +9736,107 @@ 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('AdminUsersCreateController', AdminUsersCreateController);
 
-ApplicationsListController.$inject = ['applicationsResource'];
+AdminUsersCreateController.$inject = ['$state', 'usersResource', 'usersPropertyResource', 'sectionViewResource', 'AeConfig'];
 
-function ApplicationsListController(applicationsResource) {
-    console.debug('ApplicationsListController');
+function AdminUsersCreateController($state, usersResource, usersPropertyResource, sectionViewResource, AeConfig) {
+    
     var vm = this;
-    vm.loading = {applications: true};
-    vm.applications = applicationsResource.query(null, function(){
-        vm.loading.applications = false;
-    });
-}
+    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;
+        });
+
+    }
+};
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
 // #
@@ -9798,47 +9857,40 @@ 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('AdminUsersController', AdminUsersController);
 
-ApplicationsPurgeLogsController.$inject = ['applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
+AdminUsersController.$inject = ['usersResource'];
 
-function ApplicationsPurgeLogsController(applicationsResource, sectionViewResource, logsNoIdResource) {
-    console.debug('ApplicationsPurgeLogsController');
+function AdminUsersController(usersResource) {
+    
     var vm = this;
-    vm.loading = {applications: true};
-
-    vm.namespace = null;
-    vm.selectedResource = null;
-    vm.commonNamespaces = [];
+    vm.loading = {users: true};
 
-    vm.applications = applicationsResource.query({'type':'update_reports'}, function () {
-        vm.loading.applications = false;
-        vm.selectedResource = vm.applications[0].resource_id;
-        vm.getCommonKeys();
+    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);
+        
     });
 
-    /**
-     * Fetches most commonly used tags in logs
-     */
-    vm.getCommonKeys = function () {
-        sectionViewResource.get({
-            section: 'logs_section',
-            view: 'common_tags',
-            resource: vm.selectedResource
-        }, function (data) {
-            vm.commonNamespaces = data['namespaces']
-        });
-    };
 
-    vm.purgeLogs = function () {
-        vm.loading.applications = true;
-        logsNoIdResource.delete({resource:vm.selectedResource,
-            namespace: vm.namespace}, function(){
-            vm.loading.applications = false;
+    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
 // #
@@ -10088,7 +10140,7 @@ function JiraIntegrationCtrl($uibModalInstance, $state, report, integrationName,
                 vm.form.responsible = vm.assignees[0];
                 vm.form.priority = vm.priorities[0];
             }, function (error_data) {
-                console.log('ERROR');
+                
                 if (error_data.data.error_messages) {
                     vm.error_messages = error_data.data.error_messages;
                 }
@@ -10479,7 +10531,7 @@ function ReportsListSlowController($location, $cookies, stateHolder, typeAheadTa
         vm.is_loading = true;
         slowReportsResource.query(searchParams, function (data, getResponseHeaders) {
             var headers = getResponseHeaders();
-            console.log(headers);
+            
             vm.is_loading = false;
             vm.reportsPage = _.map(data, function (item) {
                 return reportPresentation(item);
@@ -10796,7 +10848,7 @@ function ReportsListController($location, $cookies, stateHolder,
         vm.is_loading = true;
         reportsResource.query(searchParams, function (data, getResponseHeaders) {
             var headers = getResponseHeaders();
-            console.log(headers);
+            
             vm.is_loading = false;
             vm.reportsPage = _.map(data, function (item) {
                 return reportPresentation(item);
@@ -10820,7 +10872,7 @@ function ReportsListController($location, $cookies, stateHolder,
         vm.searchParams = parseSearchToTags($location.search());
         vm.page = Number(vm.searchParams.page) || 1;
         var params = parseTagsToSearch(vm.searchParams);
-        console.log(params);
+        
         vm.fetchReports(params);
     };
     // initial load
@@ -10950,7 +11002,7 @@ function ReportsViewController($window, $location, $state, $uibModal, $cookies, 
     };
 
     vm.searchTag = function (tag, value) {
-        console.log(tag, value);
+        
         if (vm.report.report_type === 3) {
             $location.url($state.href('report.list_slow'));
         }
@@ -11040,7 +11092,7 @@ function ReportsViewController($window, $location, $state, $uibModal, $cookies, 
             vm.selectedTab($cookies.selectedReportTab);
 
         }, function (response) {
-            console.log(response);
+            
             if (response.status == 403) {
                 var uid = response.headers('x-appenlight-uid');
                 if (!uid) {
@@ -11137,7 +11189,7 @@ function ReportsViewController($window, $location, $state, $uibModal, $cookies, 
     };
 
     vm.runIntegration = function (integration_name) {
-        console.log(integration_name);
+        
         if (integration_name == 'bitbucket') {
             var controller = 'BitbucketIntegrationCtrl as ctrl';
             var template_url = 'templates/integrations/bitbucket.html';
@@ -11217,7 +11269,7 @@ angular.module('appenlight.directives.c3chart', [])
                 if (!_.isEmpty($scope.data)) {
                     _.extend(config.data, angular.copy($scope.data));
                 }
-                console.log('ChartCtrl.showGraph', config);
+                
                 config.onresized = function () {
                     if (this.currentWidth < 400){
                         $scope.chart.internal.config.axis_x_tick_culling_max = 3;
@@ -11236,19 +11288,19 @@ angular.module('appenlight.directives.c3chart', [])
                 originalXTickCount = $scope.chart.internal.config.axis_x_tick_culling_max;
                 $scope.chart.internal.config.onresized.call($scope.chart.internal);
             }
-            console.log('should update', $scope.update);
+            
             if ($scope.update) {
-                console.log('reload driven');
+                
                 $scope.$watch('data', function () {
                     if (!firstLoad) {
-                        console.log('data updated', $scope.data);
+                        
                         $scope.chart.load(angular.copy($scope.data), {unload: true});
                         if (typeof $scope.data.groups != 'undefined') {
-                            console.log('add groups');
+                            
                             $scope.chart.groups($scope.data.groups);
                         }
                         if (typeof $scope.data.names != 'undefined') {
-                            console.log('add names');
+                            
                             $scope.chart.data.names($scope.data.names);
                         }
                         $scope.chart.flush();
@@ -11260,7 +11312,7 @@ angular.module('appenlight.directives.c3chart', [])
                     return
                 }
                 if (typeof $scope.config.regions != 'undefined') {
-                    console.log('update regions', $scope.config.regions);
+                    
                     $scope.chart.regions($scope.config.regions);
                 }
             });
@@ -11336,7 +11388,7 @@ directive('confirmValidate', [function () {
         link: function ($scope, elem, attrs, ngModel) {
             ngModel.$validators.confirm = function (modelValue, viewValue) {
                 var value = modelValue || viewValue;
-                console.log('validate', value.toLowerCase() == 'confirm');
+                
                 if (value.toLowerCase() == 'confirm') {
                     return true;
                 }
@@ -11513,7 +11565,7 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
             vm.form.selectedGroup = vm.possibleGroups[0].id;
         }
     });
-    console.log('g', vm.possibleGroups);
+    
     vm.possibleUsers = [];
     _.each(vm.resource.possible_permissions, function (perm) {
         vm.form.selectedUserPermissions[perm] = false;
@@ -11529,7 +11581,7 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
         group: {}
     };
     _.each(vm.currentPermissions, function (perm) {
-        console.log(perm);
+        
         if (perm.type == 'user') {
             if (typeof tmpObj[perm.type][perm.user_name] === 'undefined') {
                 tmpObj[perm.type][perm.user_name] = {
@@ -11559,10 +11611,10 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
         group: _.values(tmpObj.group),
     };
 
-    console.log('test', tmpObj, vm.currentPermissions);
+    
 
     vm.searchUsers = function (searchPhrase) {
-        console.log('SEARCHING');
+        
         vm.searchingUsers = true;
         return sectionViewResource.query({
             section: 'users_section',
@@ -11611,7 +11663,7 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
 
 
     vm.setUserPermission = function () {
-        console.log('set permissions');
+        
         var POSTObj = {
             'user_name': vm.form.autocompleteUser,
             'permissions': []
@@ -11641,8 +11693,8 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
     }
 
     vm.removeUserPermission = function (perm_name, curr_perm) {
-        console.log(perm_name);
-        console.log(curr_perm);
+        
+        
         var POSTObj = {
             key: 'user_permissions',
             user_name: curr_perm.self.user_name,
@@ -11659,7 +11711,7 @@ function ApplicationPermissionsController(sectionViewResource, applicationsPrope
     }
 
     vm.removeGroupPermission = function (perm_name, curr_perm) {
-        console.log('g', curr_perm);
+        
         var POSTObj = {
             key: 'group_permissions',
             group_id: curr_perm.self.group_id,
@@ -11766,7 +11818,7 @@ angular.module('appenlight.directives.postProcessAction', []).directive('postPro
     };
     function postProcessActionController(){
         var vm = this;
-        console.log(vm);
+        
         var allOps = {
             'eq': 'Equal',
             'ne': 'Not equal',
@@ -11850,7 +11902,7 @@ angular.module('appenlight.directives.postProcessAction', []).directive('postPro
 
         vm.setDirty = function() {
             vm.action.dirty = true;
-            console.log('set dirty');
+            
         };
     }
 
@@ -11946,14 +11998,14 @@ angular.module('appenlight.directives.reportAlertAction', []).directive('reportA
                 channel_pkey: vm.channelToBind.pkey,
                 action_pkey: vm.action.pkey
             };
-            console.log(post);
+            
             userSelfPropertyResource.save({key: 'alert_channels_actions_binds'}, post,
                 function (data) {
                     vm.action.channels = [];
                     vm.action.channels = data.channels;
                 }, function (response) {
                     if (response.status == 422) {
-                        console.log('scope', response);
+                        
                     }
                 });
         };
@@ -11969,7 +12021,7 @@ angular.module('appenlight.directives.reportAlertAction', []).directive('reportA
                     vm.action.channels = data.channels;
                 }, function (response) {
                     if (response.status == 422) {
-                        console.log('scope', response);
+                        
                     }
                 });
         };
@@ -12006,7 +12058,7 @@ angular.module('appenlight.directives.reportAlertAction', []).directive('reportA
 
         vm.setDirty = function() {
             vm.action.dirty = true;
-            console.log('set dirty');
+            
         };
     }
 
@@ -12105,10 +12157,10 @@ angular.module('appenlight.directives.rule', []).directive('rule', function () {
 
         vm.setDirty = function() {
             vm.rule.dirty = true;
-            console.log('set dirty');
+            
             if (vm.parentObj){
-                console.log('p', vm.parentObj);
-                console.log('set parent dirty');
+                
+                
                 vm.parentObj.dirty = true;
             }
         };
@@ -12122,13 +12174,13 @@ angular.module('appenlight.directives.rule', []).directive('rule', function () {
                 vm.rule.op = vm.ruleDefinitions.fieldOps[vm.rule.field][0];
             }
             if ((new_is_compound && !old_was_compound)) {
-                console.log('resetting config');
+                
                 delete vm.rule.value;
                 vm.rule.rules = [];
                 vm.add();
             }
             else if (!new_is_compound && old_was_compound) {
-                console.log('resetting config');
+                
                 delete vm.rule.rules;
                 vm.rule.value = '';
             }
@@ -12510,24 +12562,21 @@ angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun
     $stateProvider.state('applications', {
         abstract: true,
         url: '/ui/applications',
-        templateUrl: 'templates/applications/parent_view.html'
+        component: 'settingsView'
     });
 
     $stateProvider.state('applications.list', {
         url: '/list',
-        templateUrl: 'templates/applications/list.html',
-        controller: 'ApplicationsListController as applications'
+        component: 'applicationsListView'
     });
     $stateProvider.state('applications.update', {
         url: '/{resourceId}/update',
-        templateUrl: 'templates/applications/applications_update.html',
-        controller: 'ApplicationsUpdateController as application'
+        component: 'applicationsUpdateView'
     });
 
     $stateProvider.state('applications.integrations', {
         url: '/{resourceId}/integrations',
-        templateUrl: 'templates/applications/integrations.html',
-        controller: 'IntegrationsListController as integrations',
+        component: 'integrationsListView',
         data: {
             resource: null
         }
@@ -12535,16 +12584,14 @@ angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun
 
     $stateProvider.state('applications.purge_logs', {
         url: '/purge_logs',
-        templateUrl: 'templates/applications/applications_purge_logs.html',
-        controller: 'ApplicationsPurgeLogsController as applications_purge'
+        component: 'applicationsPurgeLogsView'
     });
 
     $stateProvider.state('applications.integrations.edit', {
         url: '/{integration}',
-        templateUrl: function ($stateParams) {
-            return 'templates/applications/integrations/' + $stateParams.integration + '.html'
-        },
-        controller: 'IntegrationController as integration'
+        template: function ($stateParams) {
+            return '<'+ $stateParams.integration + '-integration-config-view>'
+        }
     });
 
     $stateProvider.state('tests', {
@@ -12927,7 +12974,7 @@ angular.module('appenlight.services.stateHolder', []).factory('stateHolder',
                 }
             }
         }.bind(this));
-        console.log('AeUser.hasContextPermission', permName, hasPerm);
+        
         return hasPerm;
     };
 
@@ -12941,7 +12988,7 @@ angular.module('appenlight.services.stateHolder', []).factory('stateHolder',
         list: [],
         timeout: null,
         extend: function (values) {
-            console.log('pushing flash', this);
+            
             if (this.list.length > 2) {
                 this.list.splice(0, this.list.length - 2);
             }
@@ -12950,7 +12997,7 @@ angular.module('appenlight.services.stateHolder', []).factory('stateHolder',
             this.removeMessages();
         },
         pop: function () {
-            console.log('popping flash');
+            
             this.list.pop();
         },
         cancelTimeout: function () {
@@ -13045,7 +13092,7 @@ angular.module('appenlight.services.typeAheadTagHelper', []).factory('typeAheadT
         return true;
     };
     typeAheadTagHelper.removeSearchTag = function (tag) {
-        console.log(typeAheadTagHelper.tags);
+        
         var indexValue = _.indexOf(typeAheadTagHelper.tags, tag);
         typeAheadTagHelper.tags.splice(indexValue, 1);
 
diff --git a/frontend/src/app.js b/frontend/src/app.js
index 4336a8e..12a0669 100644
--- a/frontend/src/app.js
+++ b/frontend/src/app.js
@@ -52,6 +52,18 @@ angular.module('appenlight.components', [
     'appenlight.components.userAuthTokensView',
     'appenlight.components.userAlertChannelsListView',
     'appenlight.components.userAlertChannelsEmailNewView',
+    'appenlight.components.applicationsListView',
+    'appenlight.components.applicationsPurgeLogsView',
+    'appenlight.components.applicationsUpdateView',
+    'appenlight.components.integrationsListView',
+    'appenlight.components.bitbucketIntegrationConfigView',
+    'appenlight.components.campfireIntegrationConfigView',
+    'appenlight.components.flowdockIntegrationConfigView',
+    'appenlight.components.githubIntegrationConfigView',
+    'appenlight.components.hipchatIntegrationConfigView',
+    'appenlight.components.jiraIntegrationConfigView',
+    'appenlight.components.slackIntegrationConfigView',
+    'appenlight.components.webhooksIntegrationConfigView',
     'appenlight.components.settingsView'
 ]);
 angular.module('appenlight.directives', [
diff --git a/frontend/src/templates/applications/integrations.html b/frontend/src/components/views/applications-integrations-view/applications-integrations-view.html
similarity index 68%
rename from frontend/src/templates/applications/integrations.html
rename to frontend/src/components/views/applications-integrations-view/applications-integrations-view.html
index f3d0d07..76b898b 100644
--- a/frontend/src/templates/applications/integrations.html
+++ b/frontend/src/components/views/applications-integrations-view/applications-integrations-view.html
@@ -1,12 +1,12 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application && $state.is('applications.integrations')"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.application && $state.is('applications.integrations')"></ng-include>
 
 <ui-view>
-    <div class="panel panel-default" ng-show="!integrations.loading.application">
-        <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+    <div class="panel panel-default" ng-show="!$ctrl.loading.application">
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'bitbucket'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'bitbucket'})">
                 <span class="fa fa-fw fa-bitbucket fa-3x pull-left"></span>
                 <strong>Bitbucket</strong>
 
@@ -14,7 +14,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'campfire'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'campfire'})">
                 <span class="fa fa-fw fa-comment fa-3x pull-left"></span>
                 <strong>Campfire</strong>
 
@@ -22,7 +22,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'flowdock'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'flowdock'})">
                 <span class="fa fa-fw fa-envelope fa-3x pull-left"></span>
                 <strong>Flowdock</strong>
 
@@ -31,7 +31,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'github'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'github'})">
                 <span class="fa fa-fw fa-github fa-3x pull-left"></span>
                 <strong>Github</strong>
 
@@ -39,7 +39,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'hipchat'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'hipchat'})">
                 <span class="fa fa-fw fa-comment fa-3x pull-left"></span>
                 <strong>HipChat</strong>
 
@@ -47,7 +47,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'jira'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'jira'})">
                 <span class="fa fa-fw fa-ticket fa-3x pull-left"></span>
                 <strong>Jira</strong>
 
@@ -55,7 +55,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'slack'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'slack'})">
                 <span class="fa fa-fw fa-comment fa-3x pull-left"></span>
                 <strong>Slack</strong>
 
@@ -63,7 +63,7 @@
             </a>
 
             <a class="btn btn-default integration"
-               data-ui-sref="applications.integrations.edit({resourceId:integrations.resource.resource_id, integration:'webhooks'})">
+               data-ui-sref="applications.integrations.edit({resourceId:$ctrl.resource.resource_id, integration:'webhooks'})">
                 <span class="fa fa-fw fa-cloud-upload fa-3x pull-left"></span>
                 <strong>Webhooks</strong>
 
diff --git a/frontend/src/controllers/applications/integrations.js b/frontend/src/components/views/applications-integrations-view/applications-integrations-view.js
similarity index 81%
rename from frontend/src/controllers/applications/integrations.js
rename to frontend/src/components/views/applications-integrations-view/applications-integrations-view.js
index e22469b..c5a1654 100644
--- a/frontend/src/controllers/applications/integrations.js
+++ b/frontend/src/components/views/applications-integrations-view/applications-integrations-view.js
@@ -17,12 +17,15 @@
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('IntegrationsListController', IntegrationsListController)
+angular.module('appenlight.components.integrationsListView', [])
+    .component('integrationsListView', {
+        templateUrl: 'components/views/applications-integrations-view/applications-integrations-view.html',
+        controller: IntegrationsListViewController
+    });
 
-IntegrationsListController.$inject = ['$state', 'applicationsResource'];
+IntegrationsListViewController.$inject = ['$state', 'applicationsResource'];
 
-function IntegrationsListController($state, applicationsResource) {
+function IntegrationsListViewController($state, applicationsResource) {
     console.debug('IntegrationsListController');
     var vm = this;
     vm.loading = {application: true};
diff --git a/frontend/src/templates/applications/list.html b/frontend/src/components/views/applications-list-view/applications-list-view.html
similarity index 71%
rename from frontend/src/templates/applications/list.html
rename to frontend/src/components/views/applications-list-view/applications-list-view.html
index 8074052..70fad19 100644
--- a/frontend/src/templates/applications/list.html
+++ b/frontend/src/components/views/applications-list-view/applications-list-view.html
@@ -1,14 +1,14 @@
-<ng-include src="'templates/loader.html'" ng-if="applications.loading.applications"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.applications"></ng-include>
 
-<div class="panel panel-default" ng-show="!applications.loading.applications">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
-    <div class="panel-body" ng-if="applications.applications.length === 0 ">
+<div class="panel panel-default" ng-show="!$ctrl.loading.applications">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
+    <div class="panel-body" ng-if="$ctrl.applications.length === 0 ">
 
         <p>You have to create a new application first.</p>
 
     </div>
 
-    <table class="table table-striped" ng-if="applications.applications.length > 0">
+    <table class="table table-striped" ng-if="$ctrl.applications.length > 0">
         <thead>
         <tr>
             <th class="resource_name">Resource Name</th>
@@ -17,7 +17,7 @@
         </tr>
         </thead>
         <tbody>
-        <tr class="r{{$index+1}}" ng-repeat="application in applications.applications">
+        <tr class="r{{$index+1}}" ng-repeat="application in $ctrl.applications">
             <td>{{application.resource_name}}</td>
             <td>{{application.domains}}</td>
             <td class="options">
diff --git a/frontend/src/controllers/applications/list.js b/frontend/src/components/views/applications-list-view/applications-list-view.js
similarity index 79%
rename from frontend/src/controllers/applications/list.js
rename to frontend/src/components/views/applications-list-view/applications-list-view.js
index 7cbd374..d339995 100644
--- a/frontend/src/controllers/applications/list.js
+++ b/frontend/src/components/views/applications-list-view/applications-list-view.js
@@ -17,14 +17,18 @@
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsListController', ApplicationsListController)
+angular.module('appenlight.components.applicationsListView', [])
+    .component('applicationsListView', {
+        templateUrl: 'components/views/applications-list-view/applications-list-view.html',
+        controller: ApplicationsListViewController
+    });
 
-ApplicationsListController.$inject = ['applicationsResource'];
+ApplicationsListViewController.$inject = ['$state', 'applicationsResource'];
 
-function ApplicationsListController(applicationsResource) {
+function ApplicationsListViewController($state, applicationsResource) {
     console.debug('ApplicationsListController');
     var vm = this;
+    vm.$state = $state;
     vm.loading = {applications: true};
     vm.applications = applicationsResource.query(null, function(){
         vm.loading.applications = false;
diff --git a/frontend/src/templates/applications/applications_purge_logs.html b/frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.html
similarity index 64%
rename from frontend/src/templates/applications/applications_purge_logs.html
rename to frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.html
index b733d03..434b410 100644
--- a/frontend/src/templates/applications/applications_purge_logs.html
+++ b/frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.html
@@ -1,17 +1,17 @@
-<ng-include src="'templates/loader.html'" ng-if="applications_purge.loading.applications"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.applications"></ng-include>
 
-<div ng-show="!applications_purge.loading.applications">
+<div ng-show="!$ctrl.loading.applications">
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
 
-            <form method="post" class="form-horizontal" name="applications_purge.form" ng-submit="applications_purge.purgeLogs()">
+            <form method="post" class="form-horizontal" name="$ctrl.form" ng-submit="$ctrl.purgeLogs()">
                 <div class="form-group">
                     <label class="control-label col-sm-3 col-lg-2">Application:</label>
 
                     <div class="col-sm-9 col-lg-10 form-inline">
-                        <select ng-model="applications_purge.selectedResource" ng-change="applications_purge.getCommonKeys()"
-                                ng-options="r.resource_id as r.resource_name for r in applications_purge.applications" class="form-control"></select>
+                        <select ng-model="$ctrl.selectedResource" ng-change="$ctrl.getCommonKeys()"
+                                ng-options="r.resource_id as r.resource_name for r in $ctrl.applications" class="form-control"></select>
                     </div>
                 </div>
 
@@ -19,8 +19,8 @@
                     <label class="control-label col-sm-3 col-lg-2">Namespace:</label>
 
                     <div class="col-sm-9 col-lg-10">
-                        <input type="text" name="namespace" ng-model="applications_purge.namespace"
-                               placeholder="Namespace to filter on" uib-typeahead="ns for ns in applications_purge.commonNamespaces"
+                        <input type="text" name="namespace" ng-model="$ctrl.namespace"
+                               placeholder="Namespace to filter on" uib-typeahead="ns for ns in $ctrl.commonNamespaces"
                                class="form-control">
                     </div>
                 </div>
diff --git a/frontend/src/controllers/applications/purge_logs.js b/frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.js
similarity index 83%
rename from frontend/src/controllers/applications/purge_logs.js
rename to frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.js
index a1748c1..b459348 100644
--- a/frontend/src/controllers/applications/purge_logs.js
+++ b/frontend/src/components/views/applications-purge-logs-view/applications-purge-logs-view.js
@@ -17,14 +17,18 @@
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsPurgeLogsController', ApplicationsPurgeLogsController)
+angular.module('appenlight.components.applicationsPurgeLogsView', [])
+    .component('applicationsPurgeLogsView', {
+        templateUrl: 'components/views/applications-purge-logs-view/applications-purge-logs-view.html',
+        controller: applicationsPurgeLogsViewController
+    });
 
-ApplicationsPurgeLogsController.$inject = ['applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
+applicationsPurgeLogsViewController.$inject = ['$state' ,'applicationsResource', 'sectionViewResource', 'logsNoIdResource'];
 
-function ApplicationsPurgeLogsController(applicationsResource, sectionViewResource, logsNoIdResource) {
-    console.debug('ApplicationsPurgeLogsController');
+function applicationsPurgeLogsViewController($state, applicationsResource, sectionViewResource, logsNoIdResource) {
+    console.debug('applicationsPurgeLogsViewController');
     var vm = this;
+    vm.$state = $state;
     vm.loading = {applications: true};
 
     vm.namespace = null;
diff --git a/frontend/src/templates/applications/applications_update.html b/frontend/src/components/views/applications-update-view/applications-update-view.html
similarity index 70%
rename from frontend/src/templates/applications/applications_update.html
rename to frontend/src/components/views/applications-update-view/applications-update-view.html
index 76ea1df..09c84fc 100644
--- a/frontend/src/templates/applications/applications_update.html
+++ b/frontend/src/components/views/applications-update-view/applications-update-view.html
@@ -1,12 +1,12 @@
-<ng-include src="'templates/loader.html'" ng-if="application.loading.application"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.application"></ng-include>
 
-<div ng-show="!application.loading.application">
+<div ng-show="!$ctrl.loading.application">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
 
-            <div class="row" ng-show="application.resource.resource_id">
+            <div class="row" ng-show="$ctrl.resource.resource_id">
                 <div class="col-sm-6">
 
                     <uib-tabset>
@@ -17,11 +17,11 @@
 
                             <p><strong>PRIVATE API KEY:</strong></p>
                             <p>
-                            <div class="well well-sm">{{ application.resource.api_key }}</div>
+                            <div class="well well-sm">{{ $ctrl.resource.api_key }}</div>
                             </p>
                             <p><strong>PUBLIC API KEY</strong> (for javascript clients):</p>
                             <p>
-                            <div class="well well-sm">{{ application.resource.public_key }}</div>
+                            <div class="well well-sm">{{ $ctrl.resource.public_key }}</div>
                             </p>
                             <p><small>Your key will be used to identify to which application your data
                                 belongs to please keep them private at all times.</small></p>
@@ -34,11 +34,11 @@
                             </uib-tab-heading>
                             <p>Are you sure you want to regenerate API KEY for this application?</p>
                             <p>All client application keys will need to be updated.</p>
-                            <form ng-submit="application.regenerateAPIKeys()" name="application.regenerateAPIKeysForm" class="form-inline">
-                                <data-form-errors errors="application.regenerateAPIKeysForm.ae_validation.password"></data-form-errors>
+                            <form ng-submit="$ctrl.regenerateAPIKeys()" name="$ctrl.regenerateAPIKeysForm" class="form-inline">
+                                <data-form-errors errors="$ctrl.regenerateAPIKeysForm.ae_validation.password"></data-form-errors>
                                 <div class="form-group">
                                 <input type="password" name="confirm"
-                                       placeholder="Enter your password to proceed" class="form-control" ng-model="application.regenerateAPIKeysPassword">
+                                       placeholder="Enter your password to proceed" class="form-control" ng-model="$ctrl.regenerateAPIKeysPassword">
                                 <input type="submit" class="btn btn-danger" value="Confirm">
                                 </div>
                             </form>
@@ -64,75 +64,75 @@
                 </div>
             </div>
 
-            <hr ng-show="application.resource.resource_id">
+            <hr ng-show="$ctrl.resource.resource_id">
 
-            <form method="post" class="form-horizontal" name="application.BasicForm" ng-submit="application.updateBasicForm()" novalidate>
+            <form method="post" class="form-horizontal" name="$ctrl.BasicForm" ng-submit="$ctrl.updateBasicForm()" novalidate>
                     <div class="form-group">
-                        <data-form-errors errors="application.BasicForm.ae_validation.resource_name"></data-form-errors>
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.resource_name"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Application name
                             <span class="required">*</span>
                         </label>
 
                         <div class=" col-sm-8 col-lg-9 ">
-                            <input class="form-control"  name="resource_name" placeholder="Application Name" type="text" ng-model="application.resource.resource_name">
+                            <input class="form-control"  name="resource_name" placeholder="Application Name" type="text" ng-model="$ctrl.resource.resource_name">
                         </div>
 
 
                     </div>
 
                     <div class="form-group">
-                        <data-form-errors errors="application.BasicForm.ae_validation.domains"></data-form-errors>
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.domains"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Domain names for CORS headers
                         </label>
                         <div class=" col-sm-8 col-lg-9 ">
-                            <textarea class="form-control"  name="domains"  ng-model="application.resource.domains"></textarea>
+                            <textarea class="form-control"  name="domains"  ng-model="$ctrl.resource.domains"></textarea>
                             <p class="description">Required for Javascript error tracking (one line one domain, skip http:// part)</p>
                         </div>
 
 
                     </div>
-                    <div class="form-group" ng-show="application.resource.resource_id">
-                        <data-form-errors errors="application.BasicForm.ae_validation.default_grouping"></data-form-errors>
+                    <div class="form-group" ng-show="$ctrl.resource.resource_id">
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.default_grouping"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Default grouping for errors
                         </label>
                         <div class=" col-sm-8 col-lg-9 ">
-                            <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>
+                            <select class="form-control"  name="default_grouping" ng-model="$ctrl.resource.default_grouping" ng-options="i[0] as i[1] for i in $ctrl.groupingOptions"></select>
                         </div>
 
                     </div>
-                    <div class="form-group" ng-show="application.resource.resource_id">
-                        <data-form-errors errors="application.BasicForm.ae_validation.error_report_threshold"></data-form-errors>
+                    <div class="form-group" ng-show="$ctrl.resource.resource_id">
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.error_report_threshold"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Alert on error reports
                             <span class="required">*</span>
                         </label>
                         <div class=" col-sm-8 col-lg-9 ">
-                            <input class="form-control"  name="error_report_threshold" type="text" ng-model="application.resource.error_report_threshold">
+                            <input class="form-control"  name="error_report_threshold" type="text" ng-model="$ctrl.resource.error_report_threshold">
                             <p class="description">Application requires to send at least this amount of error reports per minute to open alert</p>
                         </div>
                     </div>
-                    <div class="form-group" ng-show="application.resource.resource_id">
-                        <data-form-errors errors="application.BasicForm.ae_validation.slow_report_threshold"></data-form-errors>
+                    <div class="form-group" ng-show="$ctrl.resource.resource_id">
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.slow_report_threshold"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Alert on slow reports
                             <span class="required">*</span>
                         </label>
 
                         <div class=" col-sm-8 col-lg-9 ">
-                            <input class="form-control"  name="slow_report_threshold" type="text" ng-model="application.resource.slow_report_threshold">
+                            <input class="form-control"  name="slow_report_threshold" type="text" ng-model="$ctrl.resource.slow_report_threshold">
                             <p class="description">Application requires to send at least this amount of slow reports per minute to open alert</p>
                         </div>
                     </div>
-                    <div class="form-group" ng-show="application.resource.resource_id">
-                        <data-form-errors errors="application.BasicForm.ae_validation.allow_permanent_storage"></data-form-errors>
+                    <div class="form-group" ng-show="$ctrl.resource.resource_id">
+                        <data-form-errors errors="$ctrl.BasicForm.ae_validation.allow_permanent_storage"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Permanent logs
                         </label>
                         <div class=" col-sm-8 col-lg-9">
-                            <input class="form-control"  name="allow_permanent_storage" type="checkbox"  ng-model="application.resource.allow_permanent_storage">
+                            <input class="form-control"  name="allow_permanent_storage" type="checkbox"  ng-model="$ctrl.resource.allow_permanent_storage">
                             <p class="description">Allow permanent storage of logs in separate DB partitions (only administrator can enable this feature)</p>
                         </div>
                     </div>
@@ -142,34 +142,34 @@
                         </label>
 
                         <div class=" col-sm-8 col-lg-9 ">
-                            <input class="form-control btn btn-primary"  name="submit" type="submit" value="{{application.resource.resource_id? 'Update' : 'Create'}} Application">
+                            <input class="form-control btn btn-primary"  name="submit" type="submit" value="{{$ctrl.resource.resource_id? 'Update' : 'Create'}} Application">
                         </div>
                     </div>
             </form>
         </div>
     </div>
 
-    <div class="panel panel-default" ng-show="application.resource.resource_id">
+    <div class="panel panel-default" ng-show="$ctrl.resource.resource_id">
         <div class="panel-heading">
             <h3 class="panel-title">Plugins</h3>
         </div>
         <div class="panel-body">
 
-        <plugin-config resource="application.resource"
+        <plugin-config resource="$ctrl.resource"
                        section="'application.update'"
-                       ng-if="application.resource.resource_id">
+                       ng-if="$ctrl.resource.resource_id">
         </plugin-config>
 
         </div>
     </div>
 
-    <div class="panel panel-default m-t-1" ng-show="application.resource.resource_id">
+    <div class="panel panel-default m-t-1" ng-show="$ctrl.resource.resource_id">
         <div class="panel-heading">
             <h3 class="panel-title">API Testing</h3>
         </div>
         <div class="panel-body">
             <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>
-            <p>This will enable AppEnlight to send you notification emails about errors inside your application.</p>
+            <p>This will enable AppEnlight to send you notification emails about errors inside your $ctrl.</p>
             <p><strong>After this is done you can use this CURL commands to test APIs:</strong></p>
             <p>(Please note that the data like execution times is semi randomly generated)</p>
             <uib-tabset>
@@ -180,7 +180,7 @@
 
                     <div class="codehilite">
                     <pre class="m-a-0">
-curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/logs?protocol_version=0.5\&ampapi_key={{application.resource.api_key}} -d '
+curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/logs?protocol_version=0.5\&ampapi_key={{$ctrl.resource.api_key}} -d '
     [
       {
       "log_level": "WARNING",
@@ -190,7 +190,7 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/logs?pr
       "permanent": false,
       "primary_key": "random_key",
       "server": "some.server.hostname",
-      "date": "{{application.momentJs.utc().milliseconds(0).toISOString()}}",
+      "date": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}",
       "tags": [["tag1","value"], ["tag2", 5]]
       },
       {
@@ -200,7 +200,7 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/logs?pr
       "request_id": "SOME_UUID",
       "permanent": false,
       "server": "some.server.hostname",
-      "date": "{{application.momentJs.utc().milliseconds(0).toISOString()}}"
+      "date": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}"
       }
     ]'
                     </pre>
@@ -215,7 +215,7 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/logs?pr
 
                     <div class="codehilite">
                     <pre class="m-a-0">
-curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/reports?protocol_version=0.5\&ampapi_key={{application.resource.api_key}} -d '
+curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/reports?protocol_version=0.5\&ampapi_key={{$ctrl.resource.api_key}} -d '
     [{
     "client": "your-client-name-python",
     "language": "python",
@@ -229,8 +229,8 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/reports
     "username": "USER",
     "url": "HTTP://SOMEURL",
     "ip": "127.0.0.1",
-    "start_time": "{{application.momentJs.utc().milliseconds(0).toISOString()}}",
-    "end_time": "{{application.momentJs.utc().milliseconds(0).add(2, 'seconds').toISOString()}}",
+    "start_time": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}",
+    "end_time": "{{$ctrl.momentJs.utc().milliseconds(0).add(2, 'seconds').toISOString()}}",
     "user_agent": "BROWSER_AGENT",
     "extra": [["message","CUSTOM MESSAGE"], ["custom_value", "some payload"]],
     "request_id": "SOME_UUID",
@@ -239,8 +239,8 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/reports
              "POST": {"FOO":"BAZ","XXX":"YYY"}
              },
     "slow_calls":[{
-                   "start": "{{application.momentJs.utc().milliseconds(0).toISOString()}}",
-                   "end": "{{application.momentJs.utc().milliseconds(0).add(1, 'seconds').toISOString()}}",
+                   "start": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}",
+                   "end": "{{$ctrl.momentJs.utc().milliseconds(0).add(1, 'seconds').toISOString()}}",
                    "type": "sql",
                    "subtype": "postgresql",
                    "parameters": ["QPARAM1","QPARAM2","QPARAMX"],
@@ -289,10 +289,10 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/reports
 
                 <div class="codehilite">
                     <pre class="m-a-0">
-curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/general_metrics?protocol_version=0.5\&ampapi_key={{application.resource.api_key}} -d '
+curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/general_metrics?protocol_version=0.5\&ampapi_key={{$ctrl.resource.api_key}} -d '
         [{
         "namespace": "some.monitor",
-        "timestamp": "{{application.momentJs.utc().milliseconds(0).toISOString()}}",
+        "timestamp": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}",
         "server_name": "server.name",
         "tags": [["value1", 15.7], ["value2", 26]]}]'
                     </pre>
@@ -308,9 +308,9 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/general
 
                     <div class="codehilite">
                     <pre class="m-a-0">
-curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/request_stats?protocol_version=0.5\&ampapi_key={{application.resource.api_key}} -d '
+curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/request_stats?protocol_version=0.5\&ampapi_key={{$ctrl.resource.api_key}} -d '
         [{"server": "some.server.hostname",
-          "timestamp": "{{application.momentJs.utc().milliseconds(0).toISOString()}}",
+          "timestamp": "{{$ctrl.momentJs.utc().milliseconds(0).toISOString()}}",
           "metrics": [["dir/module:func",
                {"custom": 0.0,
                 "custom_calls": 0,
@@ -348,10 +348,10 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/request
         </div>
     </div>
 
-    <permissions-form resource="application.resource" current-permissions="application.resource.current_permissions"
-                      possible-permissions="application.resource.possible_permissions" ng-if="application.resource.resource_id"></permissions-form>
+    <permissions-form resource="$ctrl.resource" current-permissions="$ctrl.resource.current_permissions"
+                      possible-permissions="$ctrl.resource.possible_permissions" ng-if="$ctrl.resource.resource_id"></permissions-form>
 
-    <div class="panel panel-info" ng-show="application.resource.resource_id">
+    <div class="panel panel-info" ng-show="$ctrl.resource.resource_id">
         <div class="panel-heading">
             <h3 class="panel-title">Postprocessing</h3>
         </div>
@@ -359,38 +359,38 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/request
             <p>This section allows you influence the rating of report groups - if rule is matched once its not executed anymore</p>
 
             <p>
-                <a class="btn btn-info" ng-click="application.addRule()"><span class="fa fa-plus-circle"></span> Add rule</a>
+                <a class="btn btn-info" ng-click="$ctrl.addRule()"><span class="fa fa-plus-circle"></span> Add rule</a>
             </p>
 
-            <post-process-action action="action" resource="application.resource" ng-repeat="action in application.resource.postprocessing_rules"></post-process-action>
+            <post-process-action action="action" resource="$ctrl.resource" ng-repeat="action in $ctrl.resource.postprocessing_rules"></post-process-action>
         </div>
     </div>
 
-    <div class="panel panel-danger" ng-show="application.resource.resource_id">
+    <div class="panel panel-danger" ng-show="$ctrl.resource.resource_id">
         <div class="panel-heading">
             <h3 class="panel-title">Administration</h3>
         </div>
         <div class="panel-body">
             <h2>Transfer ownership</h2>
             <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>
-            <div class="confirmation_form" ng-submit="application.transferApplication()">
-                <form class="form-horizontal" name="application.formTransfer">
+            <div class="confirmation_form" ng-submit="$ctrl.transferApplication()">
+                <form class="form-horizontal" name="$ctrl.formTransfer">
                     <div class="form-group">
-                        <data-form-errors errors="application.formTransfer.ae_validation.password"></data-form-errors>
+                        <data-form-errors errors="$ctrl.formTransfer.ae_validation.password"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Password
                         </label>
                         <div class="col-sm-8 col-lg-9">
-                            <input class="form-control"  name="password" type="password" ng-model="application.formTransferModel.password">
+                            <input class="form-control"  name="password" type="password" ng-model="$ctrl.formTransferModel.password">
                         </div>
                     </div>
                     <div class="form-group">
-                        <data-form-errors errors="application.formTransfer.ae_validation.user_name"></data-form-errors>
+                        <data-form-errors errors="$ctrl.formTransfer.ae_validation.user_name"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             New owners username
                         </label>
                         <div class="col-sm-8 col-lg-9">
-                            <input class="form-control"  name="user_name" type="text" ng-model="application.formTransferModel.user_name">
+                            <input class="form-control"  name="user_name" type="text" ng-model="$ctrl.formTransferModel.user_name">
                         </div>
                     </div>
                     <div class="form-group">
@@ -412,14 +412,14 @@ curl -H "Content-Type: application/json" -k {{AeConfig.urls.baseUrl}}api/request
             <p><strong>This operation will wipe out all data from database - there is no undo.</strong></p>
 
             <div class="confirmation_form">
-                <form class="form-horizontal" name="application.formDelete" ng-submit="application.deleteApplication()">
+                <form class="form-horizontal" name="$ctrl.formDelete" ng-submit="$ctrl.deleteApplication()">
                     <div class="form-group">
-                        <data-form-errors errors="application.formDelete.ae_validation.password"></data-form-errors>
+                        <data-form-errors errors="$ctrl.formDelete.ae_validation.password"></data-form-errors>
                         <label class="control-label col-sm-4 col-lg-3">
                             Password
                         </label>
                         <div class="col-sm-8 col-lg-9">
-                            <input class="form-control" name="password" type="password" ng-model="application.formDeleteModel.password">
+                            <input class="form-control" name="password" type="password" ng-model="$ctrl.formDeleteModel.password">
                         </div>
                     </div>
                     <div class="form-group">
diff --git a/frontend/src/controllers/applications/applications_create.js b/frontend/src/components/views/applications-update-view/applications-update-view.js
similarity index 83%
rename from frontend/src/controllers/applications/applications_create.js
rename to frontend/src/components/views/applications-update-view/applications-update-view.js
index a914790..fa99ae2 100644
--- a/frontend/src/controllers/applications/applications_create.js
+++ b/frontend/src/components/views/applications-update-view/applications-update-view.js
@@ -17,15 +17,19 @@
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('ApplicationsUpdateController', ApplicationsUpdateController)
+angular.module('appenlight.components.applicationsUpdateView', [])
+    .component('applicationsUpdateView', {
+        templateUrl: 'components/views/applications-update-view/applications-update-view.html',
+        controller: applicationsUpdateViewController
+    });
 
-ApplicationsUpdateController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
+applicationsUpdateViewController.$inject = ['$state', 'applicationsNoIdResource', 'applicationsResource', 'applicationsPropertyResource', 'stateHolder'];
 
-function ApplicationsUpdateController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
+function applicationsUpdateViewController($state, applicationsNoIdResource, applicationsResource, applicationsPropertyResource, stateHolder) {
     'use strict';
-    console.debug('ApplicationsUpdateController');
+    console.debug('applicationsUpdateView');
     var vm = this;
+    vm.$state = $state;
     vm.loading = {application: false};
 
     vm.groupingOptions = [
@@ -33,14 +37,9 @@ function ApplicationsUpdateController($state, applicationsNoIdResource, applicat
         ['url_traceback', 'Traceback + location'],
         ['traceback_server', 'Traceback + Server'],
     ];
-
     var resourceId = $state.params.resourceId;
-
-
     var options = {};
-
     vm.momentJs = moment;
-    
     vm.formTransferModel = {password:''};
 
     // set initial data
diff --git a/frontend/src/controllers/applications/integration.js b/frontend/src/components/views/integrations/applications-integrations-edit-view.js
similarity index 91%
rename from frontend/src/controllers/applications/integration.js
rename to frontend/src/components/views/integrations/applications-integrations-edit-view.js
index 49a754c..a7af162 100644
--- a/frontend/src/controllers/applications/integration.js
+++ b/frontend/src/components/views/integrations/applications-integrations-edit-view.js
@@ -17,14 +17,13 @@
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.controllers')
-    .controller('IntegrationController', IntegrationController)
 
-IntegrationController.$inject = ['$state', 'integrationResource'];
+ApplicationsIntegrationsEditViewController.$inject = ['$state', 'integrationResource'];
 
-function IntegrationController($state, integrationResource) {
+function ApplicationsIntegrationsEditViewController($state, integrationResource) {
     console.debug('IntegrationController');
     var vm = this;
+    vm.$state = $state;
     vm.loading = {integration: true};
     vm.config = integrationResource.get(
         {
@@ -68,13 +67,13 @@ function IntegrationController($state, integrationResource) {
         );
     }
 
-    vm.testIntegration = function(to_test){
+    vm.testIntegration = function (to_test) {
         console.info('testIntegration', to_test);
         vm.loading.integration = true;
         integrationResource.save(
             {
                 integration: $state.params.integration,
-                action: 'test_'+ to_test,
+                action: 'test_' + to_test,
                 resourceId: $state.params.resourceId
             }, vm.config, function (data) {
                 vm.loading.integration = false;
diff --git a/frontend/src/templates/applications/integrations/bitbucket.html b/frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html
similarity index 70%
rename from frontend/src/templates/applications/integrations/bitbucket.html
rename to frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html
index 27b833a..a378111 100644
--- a/frontend/src/templates/applications/integrations/bitbucket.html
+++ b/frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html
@@ -1,26 +1,26 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Bitbucket Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
             <div class="form-group">
 
                 <label class="control-label col-sm-3 col-lg-2">Repository</label>
 
                 <div class="col-sm-8 col-lg-9">
 
-                    <data-form-errors errors="integration.integrationForm.ae_validation.user_name"></data-form-errors>
-                    <data-form-errors errors="integration.integrationForm.ae_validation.repo_name"></data-form-errors>
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.user_name"></data-form-errors>
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.repo_name"></data-form-errors>
 
                     <div class="input-group">
                         <div class="input-group-addon">https://bitbucket.org/</div>
-                        <input class="form-control" ng-model="integration.config.user_name" placeholder="user" type="text">
+                        <input class="form-control" ng-model="$ctrl.config.user_name" placeholder="user" type="text">
                         <div class="input-group-addon">/</div>
-                        <input class="form-control" ng-model="integration.config.repo_name" placeholder="repo_name" type="text">
+                        <input class="form-control" ng-model="$ctrl.config.repo_name" placeholder="repo_name" type="text">
                     </div>
 
                 </div>
@@ -35,7 +35,7 @@
                             <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                           <ul class="dropdown-menu">
                               <li><a>No</a></li>
-                              <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                              <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                           </ul>
                         </span>
                 </div>
diff --git a/frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.js b/frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.js
new file mode 100644
index 0000000..6837162
--- /dev/null
+++ b/frontend/src/components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.bitbucketIntegrationConfigView', [])
+    .component('bitbucketIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/bitbucket-integration-config-view/bitbucket-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/campfire.html b/frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html
similarity index 61%
rename from frontend/src/templates/applications/integrations/campfire.html
rename to frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html
index 2694e99..76205f6 100644
--- a/frontend/src/templates/applications/integrations/campfire.html
+++ b/frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html
@@ -1,21 +1,21 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
         <h1>Campfire Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
             <div class="form-group">
 
                 <label class="control-label col-sm-3 col-lg-2">Account name</label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.user_name"></data-form-errors>
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.user_name"></data-form-errors>
 
                     <div class="input-group">
                         <div class="input-group-addon">http://</div>
-                        <input class="form-control" ng-model="integration.config.account" placeholder="account">
+                        <input class="form-control" ng-model="$ctrl.config.account" placeholder="account">
                         <div class="input-group-addon">.campfirenow.com</div>
                     </div>
                 </div>
@@ -24,16 +24,16 @@
             <div class="form-group">
                 <label class="control-label col-sm-3 col-lg-2">API Token</label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.api_token"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.api_token" placeholder="Your API token">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.api_token"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.api_token" placeholder="Your API token">
                 </div>
             </div>
 
             <div class="form-group">
                 <label class="control-label col-sm-3 col-lg-2">Room ID list</label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.rooms"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.rooms" placeholder="Room ID list">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.rooms"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.rooms" placeholder="Room ID list">
                     <p>
                         <small>Room ID list separated by comma</small>
                     </p>
@@ -46,7 +46,7 @@
                         <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                       <ul class="dropdown-menu">
                           <li><a>No</a></li>
-                          <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                          <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                       </ul>
                     </span>
 
@@ -55,11 +55,11 @@
                         Test integration <span class="caret"></span>
                     </button>
                     <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
-                        <li role="menuitem"><a ng-click="integration.testIntegration('report_notification')">Test report notification</a></li>
-                        <li role="menuitem"><a ng-click="integration.testIntegration('error_alert')">Test error alert</a></li>
-                        <li role="menuitem"><a ng-click="integration.testIntegration('uptime_alert')">Test uptime alert</a></li>
-                        <li role="menuitem"><a ng-click="integration.testIntegration('chart_alert')">Test chart alert</a></li>
-                        <li role="menuitem"><a ng-click="integration.testIntegration('daily_digest')">Test daily digest</a></li>
+                        <li role="menuitem"><a ng-click="$ctrl.testIntegration('report_notification')">Test report notification</a></li>
+                        <li role="menuitem"><a ng-click="$ctrl.testIntegration('error_alert')">Test error alert</a></li>
+                        <li role="menuitem"><a ng-click="$ctrl.testIntegration('uptime_alert')">Test uptime alert</a></li>
+                        <li role="menuitem"><a ng-click="$ctrl.testIntegration('chart_alert')">Test chart alert</a></li>
+                        <li role="menuitem"><a ng-click="$ctrl.testIntegration('daily_digest')">Test daily digest</a></li>
                     </ul>
                 </div>
 
diff --git a/frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.js b/frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.js
new file mode 100644
index 0000000..7d06a75
--- /dev/null
+++ b/frontend/src/components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.campfireIntegrationConfigView', [])
+    .component('campfireIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/campfire-integration-config-view/campfire-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/flowdock.html b/frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html
similarity index 61%
rename from frontend/src/templates/applications/integrations/flowdock.html
rename to frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html
index fb3c162..5fb05a2 100644
--- a/frontend/src/templates/applications/integrations/flowdock.html
+++ b/frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html
@@ -1,20 +1,20 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Flowdock Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
             <div class="form-group">
 
                 <label class="control-label col-sm-3 col-lg-2">API Token</label>
 
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.api_token"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.api_token" placeholder="Your API token" type="text">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.api_token"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.api_token" placeholder="Your API token" type="text">
                 </div>
 
 
@@ -32,7 +32,7 @@
                         <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                       <ul class="dropdown-menu">
                           <li><a>No</a></li>
-                          <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                          <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                       </ul>
                     </span>
                     <div class="btn-group" uib-dropdown>
@@ -40,11 +40,11 @@
                             Test integration <span class="caret"></span>
                         </button>
                         <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
-                            <li role="menuitem"><a ng-click="integration.testIntegration('report_notification')">Test report notification</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('error_alert')">Test error alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('uptime_alert')">Test uptime alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('chart_alert')">Test chart alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('daily_digest')">Test daily digest</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('report_notification')">Test report notification</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('error_alert')">Test error alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('uptime_alert')">Test uptime alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('chart_alert')">Test chart alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('daily_digest')">Test daily digest</a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.js b/frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.js
new file mode 100644
index 0000000..382931e
--- /dev/null
+++ b/frontend/src/components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.flowdockIntegrationConfigView', [])
+    .component('flowdockIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/flowdock-integration-config-view/flowdock-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/github.html b/frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.html
similarity index 71%
rename from frontend/src/templates/applications/integrations/github.html
rename to frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.html
index 5c9a34a..39821d0 100644
--- a/frontend/src/templates/applications/integrations/github.html
+++ b/frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.html
@@ -1,12 +1,12 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="$ctrl.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!$ctrl.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Github Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
 
             <div class="form-group">
@@ -15,14 +15,14 @@
 
                 <div class="col-sm-8 col-lg-9">
 
-                    <data-form-errors errors="integration.integrationForm.ae_validation.user_name"></data-form-errors>
-                    <data-form-errors errors="integration.integrationForm.ae_validation.repo_name"></data-form-errors>
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.user_name"></data-form-errors>
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.repo_name"></data-form-errors>
 
                     <div class="input-group">
                         <div class="input-group-addon">https://api.github.com/</div>
-                        <input class="form-control" ng-model="integration.config.user_name" placeholder="user" type="text">
+                        <input class="form-control" ng-model="$ctrl.config.user_name" placeholder="user" type="text">
                         <div class="input-group-addon">/</div>
-                        <input class="form-control" ng-model="integration.config.repo_name" placeholder="repo_name" type="text">
+                        <input class="form-control" ng-model="$ctrl.config.repo_name" placeholder="repo_name" type="text">
                     </div>
 
                 </div>
@@ -38,7 +38,7 @@
                         <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                       <ul class="dropdown-menu">
                           <li><a>No</a></li>
-                          <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                          <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                       </ul>
                     </span>
 
diff --git a/frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.js b/frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.js
new file mode 100644
index 0000000..44eed3d
--- /dev/null
+++ b/frontend/src/components/views/integrations/github-integration-config-view/github-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.githubIntegrationConfigView', [])
+    .component('githubIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/github-integration-config-view/github-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/hipchat.html b/frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html
similarity index 62%
rename from frontend/src/templates/applications/integrations/hipchat.html
rename to frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html
index 09f29cc..2202632 100644
--- a/frontend/src/templates/applications/integrations/hipchat.html
+++ b/frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html
@@ -1,19 +1,19 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Hipchat Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
             <div class="form-group">
                 <label class="control-label col-sm-3 col-lg-2">API Token</label>
 
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.api_token"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.api_token" placeholder="Your API token" type="text">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.api_token"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.api_token" placeholder="Your API token" type="text">
                 </div>
             </div>
 
@@ -22,8 +22,8 @@
                 <label class="control-label col-sm-3 col-lg-2">Room ID list</label>
 
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.rooms"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.rooms" placeholder="Room ID list" type="text">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.rooms"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.rooms" placeholder="Room ID list" type="text">
 
                     <p>
                         <small>Room ID list separated by comma</small>
@@ -40,7 +40,7 @@
                             <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                           <ul class="dropdown-menu">
                               <li><a>No</a></li>
-                              <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                              <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                           </ul>
                         </span>
 
@@ -49,11 +49,11 @@
                             Test integration <span class="caret"></span>
                         </button>
                         <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
-                            <li role="menuitem"><a ng-click="integration.testIntegration('report_notification')">Test report notification</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('error_alert')">Test error alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('uptime_alert')">Test uptime alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('chart_alert')">Test chart alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('daily_digest')">Test daily digest</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('report_notification')">Test report notification</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('error_alert')">Test error alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('uptime_alert')">Test uptime alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('chart_alert')">Test chart alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('daily_digest')">Test daily digest</a></li>
                         </ul>
                     </div>
 
diff --git a/frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.js b/frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.js
new file mode 100644
index 0000000..4ba9536
--- /dev/null
+++ b/frontend/src/components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.hipchatIntegrationConfigView', [])
+    .component('hipchatIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/hipchat-integration-config-view/hipchat-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/jira.html b/frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.html
similarity index 74%
rename from frontend/src/templates/applications/integrations/jira.html
rename to frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.html
index 4dabf2c..2eb3bd6 100644
--- a/frontend/src/templates/applications/integrations/jira.html
+++ b/frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.html
@@ -1,12 +1,12 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Jira Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
             <div class="form-group" id="row-host_name">
 
@@ -14,8 +14,8 @@
                     Server URL <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.host_name"></data-form-errors>
-                    <input class="form-control" id="host_name" name="host_name" type="text" ng-model="integration.config.host_name">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.host_name"></data-form-errors>
+                    <input class="form-control" id="host_name" name="host_name" type="text" ng-model="$ctrl.config.host_name">
 
                     <p>
                         <small>https://servername.atlassian.net</small>
@@ -30,8 +30,8 @@
                 </label>
                 <div class="col-sm-8 col-lg-9">
 
-                    <data-form-errors errors="integration.integrationForm.ae_validation.user_name"></data-form-errors>
-                    <input class="form-control" id="user_name" name="user_name" type="text" ng-model="integration.config.user_name">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.user_name"></data-form-errors>
+                    <input class="form-control" id="user_name" name="user_name" type="text" ng-model="$ctrl.config.user_name">
 
                     <p>
                         <small>user@email.com</small>
@@ -45,8 +45,8 @@
                     Password <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.password"></data-form-errors>
-                    <input class="form-control" id="password" name="password" type="password" ng-model="integration.config.password">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.password"></data-form-errors>
+                    <input class="form-control" id="password" name="password" type="password" ng-model="$ctrl.config.password">
                 </div>
             </div>
             <div class="form-group" id="row-project">
@@ -55,8 +55,8 @@
                     Project key <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.project"></data-form-errors>
-                    <input class="form-control" id="project" name="project" type="text" ng-model="integration.config.project">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.project"></data-form-errors>
+                    <input class="form-control" id="project" name="project" type="text" ng-model="$ctrl.config.project">
                 </div>
             </div>
             <div class="form-group" id="row-submit">
@@ -68,7 +68,7 @@
                             <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                           <ul class="dropdown-menu">
                               <li><a>No</a></li>
-                              <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                              <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                           </ul>
                         </span>
                 </div>
diff --git a/frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.js b/frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.js
new file mode 100644
index 0000000..b7202f5
--- /dev/null
+++ b/frontend/src/components/views/integrations/jira-integration-config-view/jira-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.jiraIntegrationConfigView', [])
+    .component('jiraIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/jira-integration-config-view/jira-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/slack.html b/frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.html
similarity index 62%
rename from frontend/src/templates/applications/integrations/slack.html
rename to frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.html
index b8cbf9a..38cfd95 100644
--- a/frontend/src/templates/applications/integrations/slack.html
+++ b/frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.html
@@ -1,12 +1,12 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Slack Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
 
             <div class="form-group">
 
@@ -14,8 +14,8 @@
                     API Token <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.webhook_url"></data-form-errors>
-                    <input class="form-control" ng-model="integration.config.webhook_url" placeholder="Webhook URL" type="webhook_url">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.webhook_url"></data-form-errors>
+                    <input class="form-control" ng-model="$ctrl.config.webhook_url" placeholder="Webhook URL" type="webhook_url">
                 </div>
             </div>
 
@@ -30,7 +30,7 @@
                             <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                           <ul class="dropdown-menu">
                               <li><a>No</a></li>
-                              <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                              <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                           </ul>
                         </span>
 
@@ -39,11 +39,11 @@
                             Test integration <span class="caret"></span>
                         </button>
                         <ul class="dropdown-menu" role="menu" aria-labelledby="single-button">
-                            <li role="menuitem"><a ng-click="integration.testIntegration('report_notification')">Test report notification</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('error_alert')">Test error alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('uptime_alert')">Test uptime alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('chart_alert')">Test chart alert</a></li>
-                            <li role="menuitem"><a ng-click="integration.testIntegration('daily_digest')">Test daily digest</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('report_notification')">Test report notification</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('error_alert')">Test error alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('uptime_alert')">Test uptime alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('chart_alert')">Test chart alert</a></li>
+                            <li role="menuitem"><a ng-click="$ctrl.testIntegration('daily_digest')">Test daily digest</a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.js b/frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.js
new file mode 100644
index 0000000..d22c25d
--- /dev/null
+++ b/frontend/src/components/views/integrations/slack-integration-config-view/slack-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.slackIntegrationConfigView', [])
+    .component('slackIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/slack-integration-config-view/slack-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/templates/applications/integrations/webhooks.html b/frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html
similarity index 74%
rename from frontend/src/templates/applications/integrations/webhooks.html
rename to frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html
index 5cfa793..4b48fa4 100644
--- a/frontend/src/templates/applications/integrations/webhooks.html
+++ b/frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html
@@ -1,20 +1,20 @@
-<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || integration.loading.integration"></ng-include>
+<ng-include src="'templates/loader.html'" ng-if="integrations.loading.application || $ctrl.loading.integration"></ng-include>
 
-<div class="panel panel-default" ng-show="!integrations.loading.application && !integration.loading.integration">
-    <div class="panel-heading" ng-include="'templates/applications/breadcrumbs.html'"></div>
+<div class="panel panel-default" ng-show="!integrations.loading.application && !$ctrl.loading.integration">
+    <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
     <div class="panel-body">
 
         <h1>Webhooks Integration</h1>
 
-        <form name="integration.integrationForm" ng-submit="integration.configureIntegration()" class="form-horizontal">
+        <form name="$ctrl.integrationForm" ng-submit="$ctrl.configureIntegration()" class="form-horizontal">
             <div class="form-group" id="row-reports_webhook">
 
                 <label class="control-label col-sm-3 col-lg-2">
                     Reports webhook <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.reports_webhook"></data-form-errors>
-                    <input class="form-control" id="reports_webhook" name="reports_webhook" type="text" ng-model="integration.config.reports_webhook">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.reports_webhook"></data-form-errors>
+                    <input class="form-control" id="reports_webhook" name="reports_webhook" type="text" ng-model="$ctrl.config.reports_webhook">
                 </div>
             </div>
             <div class="form-group" id="row-alerts_webhook">
@@ -23,8 +23,8 @@
                     Alerts webhook <span class="required">*</span>
                 </label>
                 <div class="col-sm-8 col-lg-9">
-                    <data-form-errors errors="integration.integrationForm.ae_validation.alerts_webhook"></data-form-errors>
-                    <input class="form-control StringField None" id="alerts_webhook" name="alerts_webhook" type="text" ng-model="integration.config.alerts_webhook">
+                    <data-form-errors errors="$ctrl.integrationForm.ae_validation.alerts_webhook"></data-form-errors>
+                    <input class="form-control StringField None" id="alerts_webhook" name="alerts_webhook" type="text" ng-model="$ctrl.config.alerts_webhook">
                 </div>
 
 
@@ -38,7 +38,7 @@
                             <a class="btn btn-danger" data-uib-dropdown-toggle><span class="fa fa-trash-o"></span> Remove Integration</a>
                           <ul class="dropdown-menu">
                               <li><a>No</a></li>
-                              <li><a ng-click="integration.removeIntegration()">Yes</a></li>
+                              <li><a ng-click="$ctrl.removeIntegration()">Yes</a></li>
                           </ul>
                         </span>
                 </div>
diff --git a/frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.js b/frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.js
new file mode 100644
index 0000000..38d6004
--- /dev/null
+++ b/frontend/src/components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.js
@@ -0,0 +1,5 @@
+angular.module('appenlight.components.webhooksIntegrationConfigView', [])
+    .component('webhooksIntegrationConfigView', {
+        templateUrl: 'components/views/integrations/webhooks-integration-config-view/webhooks-integration-config-view.html',
+        controller: ApplicationsIntegrationsEditViewController
+    });
diff --git a/frontend/src/components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html b/frontend/src/components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html
index e0066af..ec9455e 100644
--- a/frontend/src/components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html
+++ b/frontend/src/components/views/user-alert-channel-email-new-view/user-alert-channel-email-new-view.html
@@ -3,7 +3,7 @@
 <div ng-show="!$ctrl.loading.email">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
             <p>Adding email alert channel - after you authorize your email in the system we can send alerts directly to this mailbox.</p>
             <form class="form-horizontal" name="$ctrl.channelForm" ng-submit="$ctrl.createChannel()">
diff --git a/frontend/src/components/views/user-alert-channels-list-view/user-alert-channels-list-view.html b/frontend/src/components/views/user-alert-channels-list-view/user-alert-channels-list-view.html
index 1495b2b..01c28b7 100644
--- a/frontend/src/components/views/user-alert-channels-list-view/user-alert-channels-list-view.html
+++ b/frontend/src/components/views/user-alert-channels-list-view/user-alert-channels-list-view.html
@@ -3,7 +3,7 @@
 <div ng-if="!$ctrl.loading.channels && !$ctrl.loading.applications && !$ctrl.loading.actions">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
             <h1>Report alert rules</h1>
             <p>
diff --git a/frontend/src/components/views/user-auth-tokens-view/user-auth-tokens-view.html b/frontend/src/components/views/user-auth-tokens-view/user-auth-tokens-view.html
index 0df03df..52a35b4 100644
--- a/frontend/src/components/views/user-auth-tokens-view/user-auth-tokens-view.html
+++ b/frontend/src/components/views/user-auth-tokens-view/user-auth-tokens-view.html
@@ -3,7 +3,7 @@
 <div ng-show="!$ctrl.loading.tokens">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
 
         <div class="panel-body">
 
diff --git a/frontend/src/components/views/user-identities-view/user-identities-view.html b/frontend/src/components/views/user-identities-view/user-identities-view.html
index 7270514..d64080d 100644
--- a/frontend/src/components/views/user-identities-view/user-identities-view.html
+++ b/frontend/src/components/views/user-identities-view/user-identities-view.html
@@ -3,7 +3,7 @@
 <div ng-show="!$ctrl.loading.identities">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
 
             <div class="col-sm-6">
diff --git a/frontend/src/components/views/user-password-view/user-password-view.html b/frontend/src/components/views/user-password-view/user-password-view.html
index 39696c8..31f5e00 100644
--- a/frontend/src/components/views/user-password-view/user-password-view.html
+++ b/frontend/src/components/views/user-password-view/user-password-view.html
@@ -3,7 +3,7 @@
 <div ng-show="!$ctrl.loading.password">
 
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
 
             <form class="form-horizontal" name="$ctrl.passwordForm" ng-submit="$ctrl.updatePassword()">
diff --git a/frontend/src/components/views/user-profile-view/user-profile-view.html b/frontend/src/components/views/user-profile-view/user-profile-view.html
index 27c2f8b..8b5c614 100644
--- a/frontend/src/components/views/user-profile-view/user-profile-view.html
+++ b/frontend/src/components/views/user-profile-view/user-profile-view.html
@@ -2,7 +2,7 @@
 
 <div ng-show="!$ctrl.loading.profile">
     <div class="panel panel-default">
-        <div class="panel-heading" ng-include="'templates/user/breadcrumbs.html'"></div>
+        <div class="panel-heading" ng-include="'templates/settings_breadcrumbs.html'"></div>
         <div class="panel-body">
             <form name="$ctrl.profileForm" class="form-horizontal" ng-submit="$ctrl.updateProfile()">
                 <div class="form-group" id="row-email">
diff --git a/frontend/src/routes.js b/frontend/src/routes.js
index b9691ed..00a20e8 100644
--- a/frontend/src/routes.js
+++ b/frontend/src/routes.js
@@ -194,24 +194,21 @@ angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun
     $stateProvider.state('applications', {
         abstract: true,
         url: '/ui/applications',
-        templateUrl: 'templates/applications/parent_view.html'
+        component: 'settingsView'
     });
 
     $stateProvider.state('applications.list', {
         url: '/list',
-        templateUrl: 'templates/applications/list.html',
-        controller: 'ApplicationsListController as applications'
+        component: 'applicationsListView'
     });
     $stateProvider.state('applications.update', {
         url: '/{resourceId}/update',
-        templateUrl: 'templates/applications/applications_update.html',
-        controller: 'ApplicationsUpdateController as application'
+        component: 'applicationsUpdateView'
     });
 
     $stateProvider.state('applications.integrations', {
         url: '/{resourceId}/integrations',
-        templateUrl: 'templates/applications/integrations.html',
-        controller: 'IntegrationsListController as integrations',
+        component: 'integrationsListView',
         data: {
             resource: null
         }
@@ -219,16 +216,14 @@ angular.module('appenlight').config(['$stateProvider', '$urlRouterProvider', fun
 
     $stateProvider.state('applications.purge_logs', {
         url: '/purge_logs',
-        templateUrl: 'templates/applications/applications_purge_logs.html',
-        controller: 'ApplicationsPurgeLogsController as applications_purge'
+        component: 'applicationsPurgeLogsView'
     });
 
     $stateProvider.state('applications.integrations.edit', {
         url: '/{integration}',
-        templateUrl: function ($stateParams) {
-            return 'templates/applications/integrations/' + $stateParams.integration + '.html'
-        },
-        controller: 'IntegrationController as integration'
+        template: function ($stateParams) {
+            return '<'+ $stateParams.integration + '-integration-config-view>'
+        }
     });
 
     $stateProvider.state('tests', {
diff --git a/frontend/src/templates/applications/breadcrumbs.html b/frontend/src/templates/applications/breadcrumbs.html
deleted file mode 100644
index 0d0208c..0000000
--- a/frontend/src/templates/applications/breadcrumbs.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<ol class="breadcrumb" ng-show="$state.includes('applications')">
-    <li>Applications</li>
-    <li ng-show="$state.includes('applications.list')" ng-class="{bold:$state.is('applications.list')}">Owned applications</li>
-    <li ng-show="$state.includes('applications.update')" ng-class="{bold:$state.is('applications.update')}">Modify application</li>
-    <li ng-show="$state.includes('applications.integrations')" ng-class="{bold:$state.includes('applications.integrations')}">Integrations</li>
-    <li ng-show="$state.includes('applications.purge_logs')" ng-class="{bold:$state.includes('applications.purge_logs')}">Log Purging</li>
-</ol>
diff --git a/frontend/src/templates/applications/parent_view.html b/frontend/src/templates/applications/parent_view.html
deleted file mode 100644
index e99c4d7..0000000
--- a/frontend/src/templates/applications/parent_view.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="row application-management">
-    <div class="col-sm-3" id="menu">
-        <div ng-include="'templates/user/menu.html'"></div>
-    </div>
-
-    <div class="col-sm-9" ui-view></div>
-
-</div>
diff --git a/frontend/src/templates/user/breadcrumbs.html b/frontend/src/templates/settings_breadcrumbs.html
similarity index 76%
rename from frontend/src/templates/user/breadcrumbs.html
rename to frontend/src/templates/settings_breadcrumbs.html
index bd1d353..0813893 100644
--- a/frontend/src/templates/user/breadcrumbs.html
+++ b/frontend/src/templates/settings_breadcrumbs.html
@@ -1,3 +1,11 @@
+<ol class="breadcrumb" ng-show="$ctrl.$state.includes('applications')">
+    <li>Applications</li>
+    <li ng-show="$ctrl.$state.includes('applications.list')" ng-class="{bold:$ctrl.$state.is('applications.list')}">Owned applications</li>
+    <li ng-show="$ctrl.$state.includes('applications.update')" ng-class="{bold:$ctrl.$state.is('applications.update')}">Modify application</li>
+    <li ng-show="$ctrl.$state.includes('applications.integrations')" ng-class="{bold:$ctrl.$state.includes('applications.integrations')}">Integrations</li>
+    <li ng-show="$ctrl.$state.includes('applications.purge_logs')" ng-class="{bold:$ctrl.$state.includes('applications.purge_logs')}">Log Purging</li>
+</ol>
+
 <ol class="breadcrumb" ng-show="$ctrl.$state.includes('user.profile')">
     <li>Settings</li>
     <li ng-show="$ctrl.$state.includes('user.profile.edit')" ng-class="{bold:$ctrl.$state.is('user.profile.edit')}">User Profile</li>