gerrit.onap Code Review - portal/sdk.git/blob

   1 appDS2.requires.push('ui.grid');
   2 appDS2.requires.push('ui.grid.pagination');
   3 appDS2.controller("reportSearchController", ['$scope','$rootScope','$http','$timeout','uiGridConstants','$modal','$q','$log','raptorReportFactory',function ($scope,$rootScope,$http,$timeout,uiGridConstants,$modal,$q,$log,raptorReportFactory) {
   4
   5         $scope.getSearchData = function(){
   6                 raptorReportFactory.getSearchData().then(function(data){
   7                         $scope.searchdData = data;
   8                 },function(error){
   9                         $log.error("raptorReportFactory: getSearchData failed.");
  10                 });
  11         }
  12
  13         $scope.getSearchData();
  14
  15         $scope.runReport = function(){
  16                         var searchParams = '';
  17                         if($scope.reportId && $scope.reportId!=''){
  18                                 searchParams = '&rep_id='+$scope.reportId+'&rep_id_options='+$scope.operatorRepId.index;
  19                         }
  20                         if($scope.reportName && $scope.reportName!=''){
  21                                 searchParams = searchParams+'&rep_name='+$scope.reportName+'&rep_name_options='+$scope.operatorRepName.index;
  22                         }
  23
  24                         var pageSearchParameter = ($scope.paginationOptions.pageNumber-1)+searchParams
  25                         raptorReportFactory.getSearchDataAtPage(pageSearchParameter).then(function(data){
  26                                 $scope.searchdData = data
  27                         },function(error){
  28                                 $log.error("raptorReportFactory: getSearchDataAtPage failed.");
  29                         });
  30         };
  31
  32
  33         $scope.paginationOptions = {
  34                     pageNumber: 1,
  35                     pageSize: 5,
  36                     sort: null
  37         };
  38
  39         var correctTotalPaginationTemplate =
  40                   //same as normal template, but fixed totals:  {{(((grid.options.paginationCurrentPage-1)*grid.options.paginationPageSize)+1)}}   {{(grid.options.paginationCurrentPage*grid.options.paginationPageSize>grid.options.totalItems?grid.options.totalItems:grid.options.paginationCurrentPage*grid.options.paginationPageSize)}}
  41                   "<div role=\"contentinfo\" class=\"ui-grid-pager-panel\" ui-grid-pager ng-show=\"grid.options.enablePaginationControls\"><div role=\"navigation\" class=\"ui-grid-pager-container\"><div role=\"menubar\" class=\"ui-grid-pager-control\"><button type=\"button\" role=\"menuitem\" class=\"ui-grid-pager-first\" ui-grid-one-bind-title=\"aria.pageToFirst\" ui-grid-one-bind-aria-label=\"aria.pageToFirst\" ng-click=\"pageFirstPageClick()\" ng-disabled=\"cantPageBackward()\"><div class=\"first-triangle\"><div class=\"first-bar\"></div></div></button> <button type=\"button\" role=\"menuitem\" class=\"ui-grid-pager-previous\" ui-grid-one-bind-title=\"aria.pageBack\" ui-grid-one-bind-aria-label=\"aria.pageBack\" ng-click=\"pagePreviousPageClick()\" ng-disabled=\"cantPageBackward()\"><div class=\"first-triangle prev-triangle\"></div></button> <input type=\"number\" ui-grid-one-bind-title=\"aria.pageSelected\" ui-grid-one-bind-aria-label=\"aria.pageSelected\" class=\"ui-grid-pager-control-input\" ng-model=\"grid.options.paginationCurrentPage\" min=\"1\" max=\"{{ paginationApi.getTotalPages() }}\" required> <span class=\"ui-grid-pager-max-pages-number\" ng-show=\"paginationApi.getTotalPages() > 0\"><abbr ui-grid-one-bind-title=\"paginationOf\">/</abbr> {{ paginationApi.getTotalPages() }}</span> <button type=\"button\" role=\"menuitem\" class=\"ui-grid-pager-next\" ui-grid-one-bind-title=\"aria.pageForward\" ui-grid-one-bind-aria-label=\"aria.pageForward\" ng-click=\"pageNextPageClick()\" ng-disabled=\"cantPageForward()\"><div class=\"last-triangle next-triangle\"></div></button> <button type=\"button\" role=\"menuitem\" class=\"ui-grid-pager-last\" ui-grid-one-bind-title=\"aria.pageToLast\" ui-grid-one-bind-aria-label=\"aria.pageToLast\" ng-click=\"pageLastPageClick()\" ng-disabled=\"cantPageToLast()\"><div class=\"last-triangle\"><div class=\"last-bar\"></div></div></button></div><div class=\"ui-grid-pager-row-count-picker\" ng-if=\"grid.options.paginationPageSizes.length > 1\"><select ui-grid-one-bind-aria-labelledby-grid=\"'items-per-page-label'\" ng-model=\"grid.options.paginationPageSize\" ng-options=\"o as o for o in grid.options.paginationPageSizes\"></select><span ui-grid-one-bind-id-grid=\"'items-per-page-label'\" class=\"ui-grid-pager-row-count-label\">&nbsp;{{sizesLabel}}</span></div><span ng-if=\"grid.options.paginationPageSizes.length <= 1\" class=\"ui-grid-pager-row-count-label\">{{grid.options.paginationPageSize}}&nbsp;{{sizesLabel}}</span></div><div class=\"ui-grid-pager-count-container\"><div class=\"ui-grid-pager-count\"><span ng-show=\"grid.options.totalItems > 0\">{{(((grid.options.paginationCurrentPage-1)*grid.options.paginationPageSize)+1)}} <abbr ui-grid-one-bind-title=\"paginationThrough\">-</abbr> {{(grid.options.paginationCurrentPage*grid.options.paginationPageSize>grid.options.totalItems?grid.options.totalItems:grid.options.paginationCurrentPage*grid.options.paginationPageSize)}} {{paginationOf}} {{grid.options.totalItems}} {{totalItemsLabel}}</span></div></div></div>";
  42
  43         $scope.gridOptions = {
  44           paginationPageSizes: [5],
  45           paginationPageSize: 5,
  46           paginationTemplate: correctTotalPaginationTemplate,
  47           columnDefs: [],
  48           enableColumnResizing: true,
  49           data: [],
  50           enableGridMenu: true,
  51           enableSelectAll: true,
  52           exporterMenuPdf: false,
  53           exporterMenuCsv: false,
  54           exporterCsvFilename: 'myFile.csv',
  55           exporterPdfDefaultStyle: {fontSize: 9},
  56           exporterPdfTableStyle: {margin: [30, 30, 30, 30]},
  57           exporterPdfTableHeaderStyle: {fontSize: 10, bold: true, italics: true, color: 'red'},
  58           exporterPdfHeader: { text: "My Header", style: 'headerStyle' },
  59           exporterPdfFooter: function ( currentPage, pageCount ) {
  60             return { text: currentPage.toString() + ' of ' + pageCount.toString(), style: 'footerStyle' };
  61           },
  62           exporterPdfCustomFormatter: function ( docDefinition ) {
  63             docDefinition.styles.headerStyle = { fontSize: 22, bold: true };
  64             docDefinition.styles.footerStyle = { fontSize: 10, bold: true };
  65             return docDefinition;
  66           },
  67           exporterPdfOrientation: 'portrait',
  68           exporterPdfPageSize: 'LETTER',
  69           exporterPdfMaxGridWidth: 500,
  70           exporterCsvLinkElement: angular.element(document.querySelectorAll(".custom-csv-link-location")),
  71           onRegisterApi: function(gridApi) {
  72                     gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) {
  73                         $scope.paginationOptions.pageNumber = newPage;
  74                         $scope.paginationOptions.pageSize = pageSize;
  75                               $scope.runReport();
  76                             });
  77                   }
  78                 };
  79
  80
  81         var getPage = function() {
  82                 $scope.gridOptions.columnDefs = [];
  83                 $scope.searchdData.columns[0].forEach(function(entry) {
  84                         if(entry.columnTitle=='Run'){
  85                                 $scope.gridOptions.columnDefs.push({ displayName: entry.columnTitle, field: entry.columnId, enableSorting: false,
  86                                 cellTemplate: '<div class="ui-grid-cell-contents"><a ng-href="#/report_run/{{COL_FIELD.drillDownLink.substr(39)}}" class="icon-controls-pointer" style="font-size:20px;"></a></div>'
  87                                 });
  88                         } else if(entry.columnTitle=='Edit'){
  89                                 $scope.gridOptions.columnDefs.push({ displayName: entry.columnTitle, field: entry.columnId, enableSorting: false,
  90                                         cellTemplate: '<div class="ui-grid-cell-contents"><a ng-href="{{COL_FIELD.drillDownLink}}" class="icon-misc-pen" style="font-size:20px;"></a></div>'
  91                                 });
  92                         } else if(entry.columnTitle=='Delete'){
  93                                 $scope.gridOptions.columnDefs.push({ displayName: entry.columnTitle, field: entry.columnId, enableSorting: false,
  94                                         cellTemplate: '<div class="ui-grid-cell-contents"><a ng-click="grid.appScope.removeReport(COL_FIELD.drillDownLink,row)" class="icon-misc-trash" style="font-size:20px;"></a></div>'
  95                                 });
  96                         }  else if(entry.columnTitle=='Copy'){
  97                                 $scope.gridOptions.columnDefs.push({ displayName: entry.columnTitle, field: entry.columnId, enableSorting: false,
  98                                         cellTemplate: '<div class="ui-grid-cell-contents"><a ng-href="{{COL_FIELD.drillDownLink}}" class="icon-documents-copy" style="font-size:20px;"></a></div>'
  99                                 });
 100                         } else if(entry.columnTitle=='Schedule'){
 101                         } else if(entry.columnTitle=='No'){
 102                         } else {
 103                                         $scope.gridOptions.columnDefs.push({ displayName: entry.columnTitle, field: entry.columnId,
 104                                                 enableSorting: true,
 105                                         cellTemplate: '<div class="ui-grid-cell-contents"  style="text-align:{{COL_FIELD.alignment}};" title="TOOLTIP"> <div>{{COL_FIELD.displayValue}}</div> </div>'
 106                                        });
 107                         }
 108                 });
 109
 110                 $scope.gridOptions.paginationPageSizes= [$scope.searchdData.metaReport.pageSize];
 111                 $scope.gridOptions.paginationPageSize= $scope.searchdData.metaReport.pageSize;
 112                 $scope.gridOptions.totalItems = $scope.searchdData.metaReport.totalSize;
 113
 114                 $scope.gridOptions.data = [];
 115                 $scope.searchdData.rows[0].forEach(function(entry) {
 116                         var localData = {};
 117                         entry.forEach(function(rowData){
 118                                 localData[rowData["columnId"]]= rowData["searchresultField"];
 119                         });
 120                         $scope.gridOptions.data.push(localData);
 121                 });
 122         };
 123
 124         $scope.$watch("searchdData",function(newValue,oldValue) {
 125                 if($scope.searchdData){
 126                         getPage();
 127                 }
 128         });
 129
 130         $scope.operatorsRepId = [
 131                 {index: 0, value: 'Equal To', text: 'Equal To', alias:'Equal To'},
 132         {index: 1, value: 'Less Than', text: 'Less Than', alias:'Less Than'},
 133         {index: 2, value: 'Greater Than', text: 'Greater Than', alias:'Greater Than'}];
 134         $scope.operatorRepId = {};
 135         $scope.operatorRepId.value = $scope.operatorsRepId[0].value;
 136         $scope.operatorRepId.index = $scope.operatorsRepId[0].index;
 137
 138         $scope.operatorsRepName = [
 139                 {index: 0, value: 'Starts With', text: 'Starts With', alias:'Starts With'},
 140         {index:1, value: 'Ends With', text: 'Ends With', alias:'Ends With'},
 141         {index: 2, value: 'Contains', text: 'Contains', alias:'Contains'}];
 142
 143         $scope.operatorRepName = {};
 144         $scope.operatorRepName.value = $scope.operatorsRepName[0].value;
 145         $scope.operatorRepName.index = $scope.operatorsRepName[0].index;
 146
 147         $scope.removeReport = function(reportDeleteUrl,row) {
 148                    var modalInstance = $modal.open({
 149                                  animation: $scope.animationsEnabled,
 150                                  templateUrl: 'app/fusion/scripts/DS2-view-models/ds2-reports/modal/report-del-confirm.html',
 151                                         sizeClass: 'modal-small',
 152                                  controller: ['$scope', '$modalInstance', '$http', '$log','raptorReportFactory', function ($scope, $modalInstance, $http, $log, raptorReportFactory) {
 153                                                 $scope.ok = function() {
 154                                                         raptorReportFactory.getReportDeleteStatus(reportDeleteUrl).then(function(data){
 155                                                                 if (!(data.deleted))  {
 156                                                                          $log.error("raptorReportFactory: report removal failed.")
 157                                                                 }
 158                                                         $modalInstance.close();
 159                                                         },function(error){
 160                                                                  $log.error("report removal error.")
 161                                                     });
 162                                   };
 163
 164                                   $scope.cancel = function() {
 165                                         $modalInstance.dismiss();
 166                                   };
 167                             }]
 168                           });
 169
 170                       modalInstance.result.then(function () {
 171                                 $scope.$emit('RefreshGridOptions');
 172                       }, function () {
 173                       });
 174         };
 175
 176         $scope.$on('RefreshGridOptions', function(event) {
 177                 $scope.getSearchData();
 178         });
 179
 180         $timeout(function() {
 181                 $rootScope.isViewRendering = false;
 182                 });
 183
 184
 185 }]);