harbor/static/resources/js/components/log/list-log.directive.js

(function() {

  'use strict';
  
  angular
    .module('harbor.log')
    .directive('listLog', listLog);
    
  ListLogController.$inject  = ['$scope','ListLogService', 'getParameterByName', '$location', '$filter', 'trFilter'];
  
  function ListLogController($scope, ListLogService, getParameterByName, $location, $filter, trFilter) {
    
    $scope.subsTabPane = 30;
    
    var vm = this;
    
    vm.sectionHeight = {'min-height': '579px'};
    
    vm.isOpen = false;
       
    vm.beginTimestamp = 0;
    vm.endTimestamp = 0;
    vm.keywords = '';
    vm.username = '';
        
    vm.op = [];
    vm.opOthers = true;
    
    vm.search = search;
    vm.showAdvancedSearch = showAdvancedSearch;
  
    vm.projectId = getParameterByName('project_id', $location.absUrl());
    vm.queryParams = {
      'beginTimestamp' : vm.beginTimestamp,
      'endTimestamp'   : vm.endTimestamp,
      'keywords' : vm.keywords,
      'projectId': vm.projectId,
      'username' : vm.username
    };
        
    retrieve(vm.queryParams);
  
    $scope.$on('$locationChangeSuccess', function() {
      
      if(vm.publicity) {
        vm.target = 'repositories';
      }
      
      vm.projectId = getParameterByName('project_id', $location.absUrl());
      vm.queryParams = {
        'beginTimestamp' : vm.beginTimestamp,
        'endTimestamp'   : vm.endTimestamp,
        'keywords' : vm.keywords,
        'projectId': vm.projectId,
        'username' : vm.username
      };
      vm.username = '';
      retrieve(vm.queryParams);
    });
            
    function search(e) {

      if(e.op[0] === 'all') {
        e.op = ['create', 'pull', 'push', 'delete'];
      }      
      if(vm.opOthers && $.trim(vm.others) !== '') {
        e.op.push(vm.others);
      }               
      
      vm.queryParams.keywords = e.op.join('/');
      vm.queryParams.username = e.username;
      
      vm.queryParams.beginTimestamp = toUTCSeconds(vm.fromDate, 0, 0, 0);
      vm.queryParams.endTimestamp = toUTCSeconds(vm.toDate, 23, 59, 59);
     
      retrieve(vm.queryParams);
    }
    
    function showAdvancedSearch() {
      if(vm.isOpen){
        vm.isOpen = false;
      }else{
        vm.isOpen = true;
      }
    }
    
    function retrieve(queryParams) {
      ListLogService(queryParams)
        .then(listLogComplete)
        .catch(listLogFailed);
    }

    function listLogComplete(response) {
      vm.logs = response.data;
      
      vm.queryParams = {
        'beginTimestamp' : 0,
        'endTimestamp'   : 0,
        'keywords' : '',
        'projectId': vm.projectId,
        'username' : ''
      };
      vm.op = ['all'];
      vm.fromDate = '';
      vm.toDate = '';
      vm.others = '';
      vm.opOthers = true;
      vm.isOpen = false;
    }
    function listLogFailed(response){
      $scope.$emit('modalTitle', $filter('tr')('error'));
      $scope.$emit('modalMessage', $filter('tr')('failed_to_get_log') + response);
      $scope.$emit('raiseError', true);
      console.log('Failed to get log:' + response);
    }
    
    function toUTCSeconds(date, hour, min, sec) {
      if(!angular.isDefined(date) || date === '') {
        return 0;
      }
      
			var t = new Date(date);
			t.setHours(hour);
			t.setMinutes(min);
			t.setSeconds(sec);
			
			return t.getTime() / 1000;
		}
    
  }
  
  function listLog() {
    var directive = {
      restrict: 'E',
      templateUrl: '/static/resources/js/components/log/list-log.directive.html',
      scope: {
        'sectionHeight': '=',
        'target': '=',
        'publicity': '='
      },
      controller: ListLogController,
      controllerAs: 'vm',
      bindToController: true
    };
    
    return directive;
  }
  
})();