html: #3988 fixed missing div causing misalignment in log header

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

@@ -5369,35 +5369,6 b' function kickstartAE() {'
   );
 
 
-  $templateCache.put('templates/directives/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" +
-    "\n" +
-    "    <span ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__'\">\n" +
-    "          is {{rule_ctrlr.ruleDefinitions.allOps[rule_ctrlr.rule.op]}}  {{rule_ctrlr.rule.value}}\n" +
-    "    </span>\n" +
-    "\n" +
-    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__'\">\n" +
-    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
-    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
-    "\n" +
-    "            <div class=\"panel panel-default\">\n" +
-    "                <div class=\"panel-body form-inline\">\n" +
-    "                    <recursive>\n" +
-    "                        <rule-read-only rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"rule_ctrlr.parentObj\"></rule-read-only>\n" +
-    "                    </recursive>\n" +
-    "                </div>\n" +
-    "            </div>\n" +
-    "        </div>\n" +
-    "\n" +
-    "    </span>\n" +
-    "</div>\n"
-  );
-
-
   $templateCache.put('templates/directives/rule.html',
     "<div class=\"rule form-inline\">\n" +
     "\n" +
@@ -5447,6 +5418,35 b' function kickstartAE() {'
   );
 
 
+  $templateCache.put('templates/directives/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" +
+    "\n" +
+    "    <span ng-if=\"rule_ctrlr.rule.field != '__AND__' && rule_ctrlr.rule.field !='__OR__'\">\n" +
+    "          is {{rule_ctrlr.ruleDefinitions.allOps[rule_ctrlr.rule.op]}}  {{rule_ctrlr.rule.value}}\n" +
+    "    </span>\n" +
+    "\n" +
+    "    <span ng-if=\"rule_ctrlr.rule.field == '__AND__' || rule_ctrlr.rule.field =='__OR__'\">\n" +
+    "        <p ng-if=\"parent\"><strong>Subrules</strong></p>\n" +
+    "        <div ng-repeat=\"subrule in rule_ctrlr.rule.rules\" class=\"m-l-2\">\n" +
+    "\n" +
+    "            <div class=\"panel panel-default\">\n" +
+    "                <div class=\"panel-body form-inline\">\n" +
+    "                    <recursive>\n" +
+    "                        <rule-read-only rule=\"subrule\" rule-definitions=\"rule_ctrlr.ruleDefinitions\" parent-rule=\"null\" parent-obj=\"rule_ctrlr.parentObj\"></rule-read-only>\n" +
+    "                    </recursive>\n" +
+    "                </div>\n" +
+    "            </div>\n" +
+    "        </div>\n" +
+    "\n" +
+    "    </span>\n" +
+    "</div>\n"
+  );
+
+
   $templateCache.put('templates/directives/search_type_ahead.html',
     "<a>\n" +
     "    <span class=\"tag\" ng-show=\"match.model.tag\">{{match.model.tag}}</span>\n" +
@@ -5791,7 +5791,7 b' function kickstartAE() {'
   );
 
 
-  $templateCache.put('templates/reports/list_slow.html',
+  $templateCache.put('templates/reports/list.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"reports_list.is_loading\"></ng-include>\n" +
     "\n" +
     "<div ng-if=\"reports_list.is_loading === false\">\n" +
@@ -5806,11 +5806,9 b' function kickstartAE() {'
     "        </span>\n" +
     "    </p>\n" +
     "\n" +
-    "    <p>\n" +
-    "\n" +
     "    <form class=\"form\">\n" +
     "        <div class=\"typeahead-tags\">\n" +
-    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"reports_list.filterTypeAhead\" placeholder=\"Start typing to filter slowness reports - filter by tags, average response time, priority or other properties.\"\n" +
+    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"reports_list.filterTypeAhead\" placeholder=\"Start typing to filter reports - filter by tags, exception, priority or other properties.\"\n" +
     "                   ng-keydown=\"reports_list.typeAheadTag($event)\"\n" +
     "                   uib-typeahead=\"tag as tag.text for tag in reports_list.filterTypeAheadOptions | filter:$viewValue:aheadFilter\"\n" +
     "                   typeahead-min-length=\"1\" class=\"form-control\"\n" +
@@ -5834,21 +5832,19 b' function kickstartAE() {'
     "                        ng-show=\"!reports_list.is_loading\"></uib-pagination>\n" +
     "    </div>\n" +
     "\n" +
-    "\n" +
     "    <div class=\"panel panel-default\">\n" +
     "        <!-- Default panel contents -->\n" +
     "\n" +
     "        <table class=\"table table-striped report-list\" ng-show=\"!reports_list.is_loading\">\n" +
-    "            <caption>Slow Request Reports</caption>\n" +
+    "            <caption>Reports</caption>\n" +
     "            <thead>\n" +
     "            <tr>\n" +
-    "                <td class=\"c1 ordering occurences\">#</td>\n" +
-    "                <td class=\"c2 average_duration\">Avg. duration</td>\n" +
-    "                <td class=\"c3 application\">Application</td>\n" +
-    "                <td class=\"c5 when\">When <input type=\"checkbox\" ng-model=\"reports_list.notRelativeTime\"\n" +
+    "                <th class=\"c1 ordering occurences\">#</th>\n" +
+    "                <th class=\"c2 application\">Application</th>\n" +
+    "                <th class=\"c4 when\">When <input type=\"checkbox\" ng-model=\"reports_list.notRelativeTime\"\n" +
     "                                                ng-change=\"reports_list.changeRelativeTime()\"\n" +
-    "                                                title=\"Tick to see UTC time instead relative\"></td>\n" +
-    "                <td class=\"c6 error_type\">Location</td>\n" +
+    "                                                title=\"Tick to see UTC time instead relative\"></th>\n" +
+    "                <th class=\"c5 error_type\">Error</th>\n" +
     "            </tr>\n" +
     "            </thead>\n" +
     "            <tbody>\n" +
@@ -5859,26 +5855,24 b' function kickstartAE() {'
     "                  {{report.group.occurences|numberToThousands}}\n" +
     "              </span>\n" +
     "                </td>\n" +
-    "                <td class=\"c2 average_duration\">{{report.group.average_duration.toFixed(3)}}s</td>\n" +
-    "                <td class=\"c3 application\">\n" +
+    "                <td class=\"c2 application\">\n" +
     "                    <div class=\"app_name\">{{report.resource_name}}</div>\n" +
     "                    <span class=\"server\">@{{report.tags.server_name}}</span></td>\n" +
-    "                <td class=\"c4 when\">\n" +
+    "                <td class=\"c3 when\">\n" +
     "                <span ng-show=\"!reports_list.notRelativeTime\"><span data-uib-tooltip=\"{{report.group.last_timestamp}}\"><iso-to-relative-time\n" +
     "                        time=\"{{report.group.last_timestamp}}\"/></span>\n" +
     "                </span>\n" +
     "                    <span ng-show=\"reports_list.notRelativeTime\">{{report.group.last_timestamp.replace('T', ' ').slice(0,16)}}</span>\n" +
     "                </td>\n" +
-    "                <td class=\"c5 report ellipsis\">\n" +
-    "                    <a  ui-sref=\"report.view_detail({groupId:report.group.id, reportId:report.id})\">{{ report.tags.view_name || report.url_path}} </span></a></td>\n" +
-    "                </td>\n" +
+    "                <td class=\"c4 report ellipsis\"><a  ui-sref=\"report.view_detail({groupId:report.group.id, reportId:report.id})\" title=\"{{report.error}}\">{{report.error || 'Unknown Exception'}}</a> <br/>\n" +
+    "                    <span class=\"url\">{{ report.tags.view_name || report.url_path}}</td>\n" +
     "            </tr>\n" +
     "\n" +
     "            </tbody>\n" +
     "        </table>\n" +
-    "\n" +
     "    </div>\n" +
     "\n" +
+    "\n" +
     "    <div class=\"text-center\">\n" +
     "        <uib-pagination total-items=\"reports_list.itemCount\" items-per-page=\"reports_list.itemsPerPage\" ng-model=\"reports_list.searchParams.page\" max-size=\"10\"\n" +
     "                        class=\"pagination pagination-sm\" boundary-links=\"true\" direction-links=\"false\"\n" +
@@ -5890,7 +5884,7 b' function kickstartAE() {'
   );
 
 
-  $templateCache.put('templates/reports/list.html',
+  $templateCache.put('templates/reports/list_slow.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"reports_list.is_loading\"></ng-include>\n" +
     "\n" +
     "<div ng-if=\"reports_list.is_loading === false\">\n" +
@@ -5905,9 +5899,11 b' function kickstartAE() {'
     "        </span>\n" +
     "    </p>\n" +
     "\n" +
+    "    <p>\n" +
+    "\n" +
     "    <form class=\"form\">\n" +
     "        <div class=\"typeahead-tags\">\n" +
-    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"reports_list.filterTypeAhead\" placeholder=\"Start typing to filter reports - filter by tags, exception, priority or other properties.\"\n" +
+    "            <input type=\"text\" id=\"typeAhead\" ng-model=\"reports_list.filterTypeAhead\" placeholder=\"Start typing to filter slowness reports - filter by tags, average response time, priority or other properties.\"\n" +
     "                   ng-keydown=\"reports_list.typeAheadTag($event)\"\n" +
     "                   uib-typeahead=\"tag as tag.text for tag in reports_list.filterTypeAheadOptions | filter:$viewValue:aheadFilter\"\n" +
     "                   typeahead-min-length=\"1\" class=\"form-control\"\n" +
@@ -5931,19 +5927,21 b' function kickstartAE() {'
     "                        ng-show=\"!reports_list.is_loading\"></uib-pagination>\n" +
     "    </div>\n" +
     "\n" +
+    "\n" +
     "    <div class=\"panel panel-default\">\n" +
     "        <!-- Default panel contents -->\n" +
     "\n" +
     "        <table class=\"table table-striped report-list\" ng-show=\"!reports_list.is_loading\">\n" +
-    "            <caption>Reports</caption>\n" +
+    "            <caption>Slow Request Reports</caption>\n" +
     "            <thead>\n" +
     "            <tr>\n" +
-    "                <th class=\"c1 ordering occurences\">#</th>\n" +
-    "                <th class=\"c2 application\">Application</th>\n" +
-    "                <th class=\"c4 when\">When <input type=\"checkbox\" ng-model=\"reports_list.notRelativeTime\"\n" +
+    "                <td class=\"c1 ordering occurences\">#</td>\n" +
+    "                <td class=\"c2 average_duration\">Avg. duration</td>\n" +
+    "                <td class=\"c3 application\">Application</td>\n" +
+    "                <td class=\"c5 when\">When <input type=\"checkbox\" ng-model=\"reports_list.notRelativeTime\"\n" +
     "                                                ng-change=\"reports_list.changeRelativeTime()\"\n" +
-    "                                                title=\"Tick to see UTC time instead relative\"></th>\n" +
-    "                <th class=\"c5 error_type\">Error</th>\n" +
+    "                                                title=\"Tick to see UTC time instead relative\"></td>\n" +
+    "                <td class=\"c6 error_type\">Location</td>\n" +
     "            </tr>\n" +
     "            </thead>\n" +
     "            <tbody>\n" +
@@ -5954,23 +5952,25 b' function kickstartAE() {'
     "                  {{report.group.occurences|numberToThousands}}\n" +
     "              </span>\n" +
     "                </td>\n" +
-    "                <td class=\"c2 application\">\n" +
+    "                <td class=\"c2 average_duration\">{{report.group.average_duration.toFixed(3)}}s</td>\n" +
+    "                <td class=\"c3 application\">\n" +
     "                    <div class=\"app_name\">{{report.resource_name}}</div>\n" +
     "                    <span class=\"server\">@{{report.tags.server_name}}</span></td>\n" +
-    "                <td class=\"c3 when\">\n" +
+    "                <td class=\"c4 when\">\n" +
     "                <span ng-show=\"!reports_list.notRelativeTime\"><span data-uib-tooltip=\"{{report.group.last_timestamp}}\"><iso-to-relative-time\n" +
     "                        time=\"{{report.group.last_timestamp}}\"/></span>\n" +
     "                </span>\n" +
     "                    <span ng-show=\"reports_list.notRelativeTime\">{{report.group.last_timestamp.replace('T', ' ').slice(0,16)}}</span>\n" +
     "                </td>\n" +
-    "                <td class=\"c4 report ellipsis\"><a  ui-sref=\"report.view_detail({groupId:report.group.id, reportId:report.id})\" title=\"{{report.error}}\">{{report.error || 'Unknown Exception'}}</a> <br/>\n" +
-    "                    <span class=\"url\">{{ report.tags.view_name || report.url_path}}</td>\n" +
+    "                <td class=\"c5 report ellipsis\">\n" +
+    "                    <a  ui-sref=\"report.view_detail({groupId:report.group.id, reportId:report.id})\">{{ report.tags.view_name || report.url_path}} </span></a></td>\n" +
+    "                </td>\n" +
     "            </tr>\n" +
     "\n" +
     "            </tbody>\n" +
     "        </table>\n" +
-    "    </div>\n" +
     "\n" +
+    "    </div>\n" +
     "\n" +
     "    <div class=\"text-center\">\n" +
     "        <uib-pagination total-items=\"reports_list.itemCount\" items-per-page=\"reports_list.itemsPerPage\" ng-model=\"reports_list.searchParams.page\" max-size=\"10\"\n" +
@@ -6126,6 +6126,7 b' function kickstartAE() {'
     "<div ng-if=\"report.report !== null && !report.is_loading.report\">\n" +
     "\n" +
     "    <div ng-if=\"AeUser.id\" class=\"row\">\n" +
+    "      <div class=\"col-lg-12\">\n" +
     "        <a onclick=\"window.history.back()\" class=\"btn btn-default\" ng-if=\"report.window.history.length > 2\"><span class=\"fa fa-arrow-circle-o-left\"></span>\n" +
     "            Go back</a>\n" +
     "        <a class=\"btn btn-default\" ng-click=\"report.assignUsersModal()\" ng-if=\"report.reportType == 'report'\"><span\n" +
@@ -6157,6 +6158,7 b' function kickstartAE() {'
     "  </ul>\n" +
     "</span>\n" +
     "      </div>\n" +
+    "    </div>\n" +
     "\n" +
     "    <div class=\"row\">\n" +
     "        <div class=\"col-lg-4\">\n" +
@@ -6512,6 +6514,11 b' function kickstartAE() {'
   );
 
 
+  $templateCache.put('templates/user/alert_channels.html',
+    "<ui-view></ui-view>"
+  );
+
+
   $templateCache.put('templates/user/alert_channels_email.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"email.loading.email\"></ng-include>\n" +
     "\n" +
@@ -6613,11 +6620,6 b' function kickstartAE() {'
   );
 
 
-  $templateCache.put('templates/user/alert_channels.html',
-    "<ui-view></ui-view>"
-  );
-
-
   $templateCache.put('templates/user/auth_tokens.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"auth_tokens.loading.tokens\"></ng-include>\n" +
     "\n" +
@@ -6768,6 +6770,11 b' function kickstartAE() {'
   );
 
 
+  $templateCache.put('templates/user/profile.html',
+    "<ui-view></ui-view>"
+  );
+
+
   $templateCache.put('templates/user/profile_edit.html',
     "<ng-include src=\"'templates/loader.html'\" ng-if=\"profile.loading.profile\"></ng-include>\n" +
     "\n" +
@@ -6969,11 +6976,6 b' function kickstartAE() {'
     "</div>\n"
   );
 
-
-  $templateCache.put('templates/user/profile.html',
-    "<ui-view></ui-view>"
-  );
-
 }]);
 
 ;// # Copyright (C) 2010-2016  RhodeCode GmbH
@@ -9619,20 +9621,17 b' function AssignReportCtrl($uibModalInstance, reportGroupPropertyResource, report'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-'use strict';
-
-/* Controllers */
-
 angular.module('appenlight.controllers')
-    .controller('ReportsListSlowController', ReportsListSlowController);
+    .controller('ReportsListController', ReportsListController);
 
-ReportsListSlowController.$inject = ['$scope', '$location', '$cookies',
-    'stateHolder', 'typeAheadTagHelper', 'slowReportsResource', 'AeUser']
+ReportsListController.$inject = ['$scope', '$location', '$cookies',
+    'stateHolder', 'typeAheadTagHelper', 'reportsResource', 'AeUser'];
 
-function ReportsListSlowController($scope, $location, $cookies, stateHolder, typeAheadTagHelper, slowReportsResource, AeUser) {
+function ReportsListController($scope, $location, $cookies, stateHolder,
+                               typeAheadTagHelper, reportsResource, AeUser) {
     var vm = this;
     vm.applications = AeUser.applications_map;
-    stateHolder.section = 'slow_reports';
+    stateHolder.section = 'reports';
     vm.today = function () {
         vm.pickerDate = new Date();
     };
@@ -9641,23 +9640,30 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
     vm.itemCount = 0;
     vm.itemsPerPage = 250;
     typeAheadTagHelper.tags = [];
-    vm.searchParams = {tags: [], page: 1, type: 'slow_report'};
+    vm.searchParams = {tags: [], page: 1, type: 'report'};
     vm.searchParams = parseSearchToTags($location.search());
     vm.is_loading = false;
     vm.filterTypeAheadOptions = [
         {
+            type: 'error',
+            text: 'error:',
+            'description': 'Full-text search in your reports',
+            example: 'error:text-im-looking-for',
+            tag: 'Error'
+        },
+        {
             type: 'view_name',
             text: 'view_name:',
             'description': 'Query reports occured in specific views',
-            tag: 'View Name',
-            example: "view_name:module.foo"
+            example: "view_name:module.foo",
+            tag: 'View Name'
         },
         {
             type: 'resource',
             text: 'resource:',
             'description': 'Restrict resultset to application',
-            tag: 'Application',
-            example: "resource:ID"
+            example: "resource:ID",
+            tag: 'Application'
         },
         {
             type: 'priority',
@@ -9671,14 +9677,7 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             text: 'min_occurences:',
             'description': 'Show reports from groups with at least X occurences',
             example: 'min_occurences:25',
-            tag: 'Min. occurences'
-        },
-        {
-            type: 'min_duration',
-            text: 'min_duration:',
-            'description': 'Show reports from groups with average duration >= Xs',
-            example: 'min_duration:4.5',
-            tag: 'Min. duration'
+            tag: 'Occurences'
         },
         {
             type: 'url_path',
@@ -9695,13 +9694,6 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             tag: 'Domain'
         },
         {
-            type: 'request_id',
-            text: 'request_id:',
-            'description': 'Show reports with specific request id',
-            example: "request_id:883143dc572e4c38aceae92af0ea5ae0",
-            tag: 'Request ID'
-        },
-        {
             type: 'report_status',
             text: 'report_status:',
             'description': 'Show reports from groups with specific status',
@@ -9709,6 +9701,13 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             tag: 'Status'
         },
         {
+            type: 'request_id',
+            text: 'request_id:',
+            'description': 'Show reports with specific request id',
+            example: "request_id:883143dc572e4c38aceae92af0ea5ae0",
+            tag: 'Request ID'
+        },
+        {
             type: 'server_name',
             text: 'server_name:',
             'description': 'Show reports tagged with this key/value pair',
@@ -9716,6 +9715,27 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             tag: 'Tag'
         },
         {
+            type: 'http_status',
+            text: 'http_status:',
+            'description': 'Show reports with specific HTTP status code',
+            example: "http_status:",
+            tag: 'HTTP Status'
+        },
+        {
+            type: 'http_status',
+            text: 'http_status:500',
+            'description': 'Show reports with specific HTTP status code',
+            example: "http_status:500",
+            tag: 'HTTP Status'
+        },
+        {
+            type: 'http_status',
+            text: 'http_status:404',
+            'description': 'Include 404 reports in your search',
+            example: "http_status:404",
+            tag: 'HTTP Status'
+        },
+        {
             type: 'start_date',
             text: 'start_date:',
             'description': 'Show reports newer than this date (press TAB for dropdown)',
@@ -9733,6 +9753,7 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
 
     vm.filterTypeAhead = undefined;
     vm.showDatePicker = false;
+    vm.manualOpen = false;
     vm.aheadFilter = typeAheadTagHelper.aheadFilter;
     vm.removeSearchTag = function (tag) {
         $location.search(tag.type, null);
@@ -9740,16 +9761,14 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
     vm.addSearchTag = function (tag) {
         $location.search(tag.type, tag.value);
     };
-    vm.manualOpen = false;
     vm.notRelativeTime = false;
     if ($cookies.notRelativeTime) {
         vm.notRelativeTime = JSON.parse($cookies.notRelativeTime);
     }
 
-
     vm.changeRelativeTime = function () {
         $cookies.notRelativeTime = JSON.stringify(vm.notRelativeTime);
-    };
+    }
 
     _.each(_.range(1, 11), function (priority) {
         vm.filterTypeAheadOptions.push({
@@ -9779,15 +9798,19 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
         });
     });
 
+    vm.paginationChange = function(){
+        $location.search('page', vm.searchParams.page);
+    };
+
     vm.typeAheadTag = function (event) {
         var text = vm.filterTypeAhead;
         if (_.isObject(vm.filterTypeAhead)) {
             text = vm.filterTypeAhead.text;
         }
-        ;
         if (!vm.filterTypeAhead) {
             return
         }
+
         var parsed = text.split(':');
         var tag = {'type': null, 'value': null};
         // app tags have : twice
@@ -9803,6 +9826,10 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
                 tag.value = tagValue.join(':');
             }
         }
+        else {
+            tag.type = 'error';
+            tag.value = parsed.join(':');
+        }
 
         // set datepicker hour based on type of field
         if ('start_date:' == text) {
@@ -9824,10 +9851,6 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
         vm.filterTypeAhead = undefined;
     }
 
-    vm.paginationChange = function(){
-        $location.search('page', vm.searchParams.page);
-    }
-
     vm.pickerDateChanged = function(){
         if (vm.filterTypeAhead.indexOf('start_date:') == '0') {
             vm.filterTypeAhead = 'start_date:' + moment(vm.pickerDate).utc().format();
@@ -9836,7 +9859,7 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             vm.filterTypeAhead = 'end_date:' + moment(vm.pickerDate).utc().hour(23).minute(59).format();
         }
         vm.showDatePicker = false;
-    }
+    };
 
     var reportPresentation = function (report) {
         report.presentation = {};
@@ -9857,11 +9880,11 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             report.presentation.tooltip = 'New';
         }
         return report;
-    }
+    };
 
     vm.fetchReports = function (searchParams) {
         vm.is_loading = true;
-        slowReportsResource.query(searchParams, function (data, getResponseHeaders) {
+        reportsResource.query(searchParams, function (data, getResponseHeaders) {
             var headers = getResponseHeaders();
             
             vm.is_loading = false;
@@ -9873,14 +9896,14 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
         }, function () {
             vm.is_loading = false;
         });
-    }
+    };
 
     vm.filterId = function (log) {
         vm.searchParams.tags.push({
             type: "request_id",
             value: log.request_id
         });
-    }
+    };
     // initial load
     var params = parseTagsToSearch(vm.searchParams);
     vm.fetchReports(params);
@@ -9894,6 +9917,7 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
             
             vm.fetchReports(params);
         }
+
     });
 
 
@@ -9918,17 +9942,20 b' function ReportsListSlowController($scope, $location, $cookies, stateHolder, typ'
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
+'use strict';
+
+/* Controllers */
+
 angular.module('appenlight.controllers')
-    .controller('ReportsListController', ReportsListController);
+    .controller('ReportsListSlowController', ReportsListSlowController);
 
-ReportsListController.$inject = ['$scope', '$location', '$cookies',
-    'stateHolder', 'typeAheadTagHelper', 'reportsResource', 'AeUser'];
+ReportsListSlowController.$inject = ['$scope', '$location', '$cookies',
+    'stateHolder', 'typeAheadTagHelper', 'slowReportsResource', 'AeUser']
 
-function ReportsListController($scope, $location, $cookies, stateHolder,
-                               typeAheadTagHelper, reportsResource, AeUser) {
+function ReportsListSlowController($scope, $location, $cookies, stateHolder, typeAheadTagHelper, slowReportsResource, AeUser) {
     var vm = this;
     vm.applications = AeUser.applications_map;
-    stateHolder.section = 'reports';
+    stateHolder.section = 'slow_reports';
     vm.today = function () {
         vm.pickerDate = new Date();
     };
@@ -9937,30 +9964,23 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
     vm.itemCount = 0;
     vm.itemsPerPage = 250;
     typeAheadTagHelper.tags = [];
-    vm.searchParams = {tags: [], page: 1, type: 'report'};
+    vm.searchParams = {tags: [], page: 1, type: 'slow_report'};
     vm.searchParams = parseSearchToTags($location.search());
     vm.is_loading = false;
     vm.filterTypeAheadOptions = [
         {
-            type: 'error',
-            text: 'error:',
-            'description': 'Full-text search in your reports',
-            example: 'error:text-im-looking-for',
-            tag: 'Error'
-        },
-        {
             type: 'view_name',
             text: 'view_name:',
             'description': 'Query reports occured in specific views',
-            example: "view_name:module.foo",
-            tag: 'View Name'
+            tag: 'View Name',
+            example: "view_name:module.foo"
         },
         {
             type: 'resource',
             text: 'resource:',
             'description': 'Restrict resultset to application',
-            example: "resource:ID",
-            tag: 'Application'
+            tag: 'Application',
+            example: "resource:ID"
         },
         {
             type: 'priority',
@@ -9974,7 +9994,14 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             text: 'min_occurences:',
             'description': 'Show reports from groups with at least X occurences',
             example: 'min_occurences:25',
-            tag: 'Occurences'
+            tag: 'Min. occurences'
+        },
+        {
+            type: 'min_duration',
+            text: 'min_duration:',
+            'description': 'Show reports from groups with average duration >= Xs',
+            example: 'min_duration:4.5',
+            tag: 'Min. duration'
         },
         {
             type: 'url_path',
@@ -9991,13 +10018,6 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             tag: 'Domain'
         },
         {
-            type: 'report_status',
-            text: 'report_status:',
-            'description': 'Show reports from groups with specific status',
-            example: 'report_status:never_reviewed',
-            tag: 'Status'
-        },
-        {
             type: 'request_id',
             text: 'request_id:',
             'description': 'Show reports with specific request id',
@@ -10005,6 +10025,13 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             tag: 'Request ID'
         },
         {
+            type: 'report_status',
+            text: 'report_status:',
+            'description': 'Show reports from groups with specific status',
+            example: 'report_status:never_reviewed',
+            tag: 'Status'
+        },
+        {
             type: 'server_name',
             text: 'server_name:',
             'description': 'Show reports tagged with this key/value pair',
@@ -10012,27 +10039,6 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             tag: 'Tag'
         },
         {
-            type: 'http_status',
-            text: 'http_status:',
-            'description': 'Show reports with specific HTTP status code',
-            example: "http_status:",
-            tag: 'HTTP Status'
-        },
-        {
-            type: 'http_status',
-            text: 'http_status:500',
-            'description': 'Show reports with specific HTTP status code',
-            example: "http_status:500",
-            tag: 'HTTP Status'
-        },
-        {
-            type: 'http_status',
-            text: 'http_status:404',
-            'description': 'Include 404 reports in your search',
-            example: "http_status:404",
-            tag: 'HTTP Status'
-        },
-        {
             type: 'start_date',
             text: 'start_date:',
             'description': 'Show reports newer than this date (press TAB for dropdown)',
@@ -10050,7 +10056,6 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
 
     vm.filterTypeAhead = undefined;
     vm.showDatePicker = false;
-    vm.manualOpen = false;
     vm.aheadFilter = typeAheadTagHelper.aheadFilter;
     vm.removeSearchTag = function (tag) {
         $location.search(tag.type, null);
@@ -10058,14 +10063,16 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
     vm.addSearchTag = function (tag) {
         $location.search(tag.type, tag.value);
     };
+    vm.manualOpen = false;
     vm.notRelativeTime = false;
     if ($cookies.notRelativeTime) {
         vm.notRelativeTime = JSON.parse($cookies.notRelativeTime);
     }
 
+
     vm.changeRelativeTime = function () {
         $cookies.notRelativeTime = JSON.stringify(vm.notRelativeTime);
-    }
+    };
 
     _.each(_.range(1, 11), function (priority) {
         vm.filterTypeAheadOptions.push({
@@ -10095,19 +10102,15 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
         });
     });
 
-    vm.paginationChange = function(){
-        $location.search('page', vm.searchParams.page);
-    };
-
     vm.typeAheadTag = function (event) {
         var text = vm.filterTypeAhead;
         if (_.isObject(vm.filterTypeAhead)) {
             text = vm.filterTypeAhead.text;
         }
+        ;
         if (!vm.filterTypeAhead) {
             return
         }
-
         var parsed = text.split(':');
         var tag = {'type': null, 'value': null};
         // app tags have : twice
@@ -10123,10 +10126,6 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
                 tag.value = tagValue.join(':');
             }
         }
-        else {
-            tag.type = 'error';
-            tag.value = parsed.join(':');
-        }
 
         // set datepicker hour based on type of field
         if ('start_date:' == text) {
@@ -10148,6 +10147,10 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
         vm.filterTypeAhead = undefined;
     }
 
+    vm.paginationChange = function(){
+        $location.search('page', vm.searchParams.page);
+    }
+
     vm.pickerDateChanged = function(){
         if (vm.filterTypeAhead.indexOf('start_date:') == '0') {
             vm.filterTypeAhead = 'start_date:' + moment(vm.pickerDate).utc().format();
@@ -10156,7 +10159,7 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             vm.filterTypeAhead = 'end_date:' + moment(vm.pickerDate).utc().hour(23).minute(59).format();
         }
         vm.showDatePicker = false;
-    };
+    }
 
     var reportPresentation = function (report) {
         report.presentation = {};
@@ -10177,11 +10180,11 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             report.presentation.tooltip = 'New';
         }
         return report;
-    };
+    }
 
     vm.fetchReports = function (searchParams) {
         vm.is_loading = true;
-        reportsResource.query(searchParams, function (data, getResponseHeaders) {
+        slowReportsResource.query(searchParams, function (data, getResponseHeaders) {
             var headers = getResponseHeaders();
             
             vm.is_loading = false;
@@ -10193,14 +10196,14 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
         }, function () {
             vm.is_loading = false;
         });
-    };
+    }
 
     vm.filterId = function (log) {
         vm.searchParams.tags.push({
             type: "request_id",
             value: log.request_id
         });
-    };
+    }
     //initial load
     var params = parseTagsToSearch(vm.searchParams);
     vm.fetchReports(params);
@@ -10214,7 +10217,6 b' function ReportsListController($scope, $location, $cookies, stateHolder,'
             
             vm.fetchReports(params);
         }
-
     });
 
 
@@ -11838,50 +11840,6 b" angular.module('appenlight.directives.reportAlertAction', []).directive('reportA"
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
-angular.module('appenlight.directives.ruleReadOnly', []).directive('ruleReadOnly', ['userSelfPropertyResource', function (userSelfPropertyResource) {
-    return {
-        scope: {},
-        bindToController:{
-            parentObj: '=',
-            rule: '=',
-            ruleDefinitions: '=',
-            parentRule: "=",
-            config: "="
-        },
-        restrict: 'E',
-        templateUrl: 'templates/directives/rule_read_only.html',
-        controller:RuleController,
-        controllerAs:'rule_ctrlr'
-    }
-    function RuleController(){
-        var vm = this;
-        vm.readOnlyPossibleFields = {};
-        var labelPairs = _.pairs(vm.parentObj.config);
-        _.each(labelPairs, function (entry) {
-            vm.readOnlyPossibleFields[entry[0]] = entry[1].human_label;
-        });
-    }
-}]);
-
-;// # 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
-// # App Enlight Enterprise Edition, including its added features, Support
-// # services, and proprietary license terms, please see
-// # https://rhodecode.com/licenses/
-
 angular.module('appenlight.directives.rule', []).directive('rule', function () {
     return {
         scope: {},
@@ -11968,6 +11926,50 b" angular.module('appenlight.directives.rule', []).directive('rule', function () {"
 // # services, and proprietary license terms, please see
 // # https://rhodecode.com/licenses/
 
+angular.module('appenlight.directives.ruleReadOnly', []).directive('ruleReadOnly', ['userSelfPropertyResource', function (userSelfPropertyResource) {
+    return {
+        scope: {},
+        bindToController:{
+            parentObj: '=',
+            rule: '=',
+            ruleDefinitions: '=',
+            parentRule: "=",
+            config: "="
+        },
+        restrict: 'E',
+        templateUrl: 'templates/directives/rule_read_only.html',
+        controller:RuleController,
+        controllerAs:'rule_ctrlr'
+    }
+    function RuleController(){
+        var vm = this;
+        vm.readOnlyPossibleFields = {};
+        var labelPairs = _.pairs(vm.parentObj.config);
+        _.each(labelPairs, function (entry) {
+            vm.readOnlyPossibleFields[entry[0]] = entry[1].human_label;
+        });
+    }
+}]);
+
+;// # 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
+// # App Enlight Enterprise Edition, including its added features, Support
+// # services, and proprietary license terms, please see
+// # https://rhodecode.com/licenses/
+
 angular.module('appenlight.directives.smallReportGroupList',[]).
 directive('smallReportGroupList', [function () {
     return {

frontend/src/templates/reports/view.html

@@ -95,6 +95,7 b''
 <div ng-if="report.report !== null && !report.is_loading.report">
 
     <div ng-if="AeUser.id" class="row">
+      <div class="col-lg-12">
         <a onclick="window.history.back()" class="btn btn-default" ng-if="report.window.history.length > 2"><span class="fa fa-arrow-circle-o-left"></span>
             Go back</a>
         <a class="btn btn-default" ng-click="report.assignUsersModal()" ng-if="report.reportType == 'report'"><span
@@ -126,6 +127,7 b''
   </ul>
 </span>
     </div>
+    </div>
 
     <div class="row">
         <div class="col-lg-4">