frontend/app/scripts/modules/serviceCenter/controllers/servicesListCtrl.js

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
'use strict';
angular.module('serviceCenter.sc', [])
    .controller('servicesListController', ['$scope', 'httpService', 'apiConstant', 'commonService', '$stateParams', '$mdDialog', '$interval',
        function($scope, httpService, apiConstant, commonService, $stateParams, $mdDialog, $interval) {

            $scope.appList = 'fetching';
            $scope.serviceList = 'serviceList';
            $scope.rowsPerPage = [5, 10];

            $scope.tableHeaders = [{
                    'key': 'name'
                },
                {
                    'key': 'status'
                },
                {
                    'key': 'appId'
                },
                {
                    'key': 'version'
                },
                {
                    'key': 'createdAt'
                },
                {
                    'key': 'instances'
                },
                {
                    'key': 'operation'
                }
            ];

            $scope.statusList = [{
                    id: 'ALL STATUS',
                    name: 'All Status'
                },
                {
                    id: 'STARTING',
                    name: 'Starting'
                },
                {
                    id: 'TESTING',
                    name: 'Testing'
                },
                {
                    id: 'UP',
                    name: 'Up'
                },
                {
                    id: 'OUTOFSERVICE',
                    name: 'Out of service'
                },
                {
                    id: 'DOWN',
                    name: 'Down'
                }
            ];

            $scope.refreshAppList = function() {
                angular.element(document.querySelector('.fa-refresh')).addClass('fa-spin');
                $scope.services = [];
                $scope.getAllServices();
            };

            $scope.searchFn = function(search, status) {
                if (status == $scope.statusList[0].id) {
                    $scope.services = $scope.servicesCopy.filter((service) => {
                        return !search ? service : service.serviceName.toLowerCase().indexOf(search.toLowerCase()) >= 0;
                    });
                } else {
                    $scope.services = $scope.servicesCopy.filter((service) => {
                        return !search ? service.status.toLowerCase() === status.toLowerCase() : (service.status.toLowerCase() === status.toLowerCase() && service.serviceName.toLowerCase().indexOf(search.toLowerCase()) >= 0);
                    });
                }
                $scope.appList = $scope.services.length <= 0 ? 'empty' : '';
            }

            var deleteService = function(response) {
                if (response == "yes") {
                    $(".loader").show();
                    var url = apiConstant.api.deleteService.url;
                    var api = url.replace("{{serviceId}}", $scope.deleteServiceId);
                    var method = apiConstant.api.deleteService.method;
                    httpService.apiRequest(api, method, null, null, null).then(function(response) {
                        if (response && response.status == 200) {
                            $(".loader").hide();
                            $scope.refreshAppList();
                            commonService.oneBtnMsg("prompt", "serviceDeletedSuccessfully")
                        } else {
                            $(".loader").hide();
                            commonService.oneBtnMsg("error", "unableToDeleteService")
                        }
                    }, function(error) {
                        $(".loader").hide();
                        commonService.oneBtnMsg("error", "unableToDeleteService")
                    })
                }
            };

            $scope.removeService = function(serviceId, instances) {
                $scope.deleteServiceId = serviceId;
                if (instances == 0) {
                    commonService.twoBtnMsg("warning", "areYouSureToDelete", deleteService);
                } else {
                    commonService.oneBtnMsg("prompt", "cannotDeleteServiceWhenInstanceIsAvailable");
                }
            };

            $scope.getAllServices = function() {
                var filter = '';
                if ($stateParams.status) {
                    filter = $stateParams.status;
                }
                var url = apiConstant.api.allServices.url;
                var method = apiConstant.api.allServices.method;

                httpService.apiRequest(url, method).then(function(response) {
                    if (response && response.data && response.data.allServicesDetail) {
                        $scope.services = [];
                        $scope.servicesCopy = [];
                        response.data.allServicesDetail.forEach(function(serviceDetail) {
                            processService(serviceDetail);
                        });

                        if (filter) {
                            $scope.searchFn('', filter);
                        }
                        if ($scope.services.length <= 0) {
                            $scope.appList = 'empty';
                        } else {
                            $scope.appList = '';
                        }
                        angular.element(document.querySelector('.fa-refresh')).removeClass('fa-spin');
                    } else {
                        $scope.appList = 'empty';
                    }
                }, function(error) {
                    angular.element(document.querySelector('.fa-refresh')).removeClass('fa-spin');
                    $scope.appList = 'failed';
                })
            };
            $scope.getAllServices();

            var serviceRefresh = $interval(function(){
                $scope.getAllServices();
            }, 10000);

            $scope.$on('$destroy', function(){
                $interval.cancel(serviceRefresh);
            })

            function processService(serviceDetail) {
                var service = serviceDetail.microService;
                serviceDetail.instances = serviceDetail.instances || [];
                var servicesList = {
                    serviceName: service.serviceName,
                    status: service.status,
                    appId: service.appId,
                    version: service.version,
                    createdAt: commonService.timeFormat(service.timestamp),
                    instances: serviceDetail.instances.length,
                    operation: '',
                    serviceId: service.serviceId,
                    disableBtn: serviceDetail.instances.length > 0
                };
                $scope.services.push(servicesList);
                $scope.servicesCopy.push(servicesList);
            }

        }
    ]);