<ng-include src="'templates/loader.html'" ng-if="$ctrl.is_loading"></ng-include> <div ng-if="$ctrl.is_loading === false"> <p class="search-params"> <strong>Search params:</strong> <span ng-repeat="tag in $ctrl.searchParams.tags" class="tag"> <strong>{{tag.type}}</strong> {{ tag.type == 'resource' ? $ctrl.applications[tag.value].resource_name : tag.value }} <a ng-click="$ctrl.removeSearchTag(tag)"><span class="fa fa-times"></span></a> </span> </p> <p> <form class="form"> <div class="typeahead-tags"> <input type="text" id="typeAhead" ng-model="$ctrl.filterTypeAhead" placeholder="Start typing to filter slowness reports - filter by tags, average response time, priority or other properties." ng-keydown="$ctrl.typeAheadTag($event)" uib-typeahead="tag as tag.text for tag in $ctrl.filterTypeAheadOptions | filter:$viewValue:aheadFilter" typeahead-min-length="1" class="form-control" typeahead-template-url="templates/directives/search_type_ahead.html"> </div> </form> <div class="well position-absolute increse-zindex" ng-show="$ctrl.showDatePicker" ng-model="$ctrl.pickerDate" ng-change="$ctrl.pickerDateChanged()" class="animate-show"> <uib-datepicker></uib-datepicker> </div> </p> <div class="text-center"> <uib-pagination total-items="$ctrl.itemCount" items-per-page="$ctrl.itemsPerPage" ng-model="$ctrl.page" max-size="10" class="pagination pagination-sm" boundary-links="true" direction-links="false" ng-change="$ctrl.paginationChange()" ng-show="!$ctrl.is_loading"></uib-pagination> </div> <div class="panel panel-default"> <!-- Default panel contents --> <table class="table table-striped report-list" ng-show="!$ctrl.is_loading"> <caption>Slow Request Reports</caption> <thead> <tr> <td class="c1 ordering occurences">#</td> <td class="c2 average_duration">Avg. duration</td> <td class="c3 application">Application</td> <td class="c5 when">When <input type="checkbox" ng-model="$ctrl.notRelativeTime" ng-change="$ctrl.changeRelativeTime()" title="Tick to see UTC time instead relative"></td> <td class="c6 error_type">Location</td> </tr> </thead> <tbody> <tr ng-repeat="report in $ctrl.reportsPage track by report.id"> <td class="c1 occurences"> <span class="priority-{{report.group.priority}}" data-uib-tooltip="Report priority">{{report.group.priority}}</span> <span class="count {{report.presentation.className}}" data-uib-tooltip="{{report.presentation.tooltip}}"> {{report.group.occurences|numberToThousands}} </span> </td> <td class="c2 average_duration">{{report.group.average_duration.toFixed(3)}}s</td> <td class="c3 application"> <div class="app_name">{{report.resource_name}}</div> <span class="server">@{{report.tags.server_name}}</span></td> <td class="c4 when"> <span ng-show="!$ctrl.notRelativeTime"><span data-uib-tooltip="{{report.group.last_timestamp}}"><iso-to-relative-time time="{{report.group.last_timestamp}}"/></span> </span> <span ng-show="$ctrl.notRelativeTime">{{report.group.last_timestamp.replace('T', ' ').slice(0,16)}}</span> </td> <td class="c5 report ellipsis"> <a ui-sref="report.view_detail({groupId:report.group.id, reportId:report.id})">{{ report.tags.view_name || report.url_path}} </span></a></td> </td> </tr> </tbody> </table> </div> <div class="text-center"> <uib-pagination total-items="$ctrl.itemCount" items-per-page="$ctrl.itemsPerPage" ng-model="$ctrl.page" max-size="10" class="pagination pagination-sm" boundary-links="true" direction-links="false" ng-change="$ctrl.paginationChange()" ng-show="!$ctrl.is_loading"></uib-pagination> </div> </div>