mirror of
https://github.com/goharbor/harbor.git
synced 2024-11-24 11:15:24 +01:00
152 lines
4.6 KiB
JavaScript
152 lines
4.6 KiB
JavaScript
(function() {
|
|
|
|
'use strict';
|
|
|
|
angular
|
|
.module('harbor.details')
|
|
.directive('retrieveProjects', retrieveProjects);
|
|
|
|
RetrieveProjectsController.$inject = ['$scope', 'nameFilter', '$filter', 'ListProjectService', '$location', 'getParameterByName', 'CurrentProjectMemberService'];
|
|
|
|
function RetrieveProjectsController($scope, nameFilter, $filter, ListProjectService, $location, getParameterByName, CurrentProjectMemberService) {
|
|
var vm = this;
|
|
|
|
vm.projectName = '';
|
|
vm.isOpen = false;
|
|
|
|
if(getParameterByName('is_public', $location.absUrl())) {
|
|
vm.isPublic = getParameterByName('is_public', $location.absUrl()) === 'true' ? 1 : 0;
|
|
vm.publicity = (vm.isPublic === 1) ? true : false;
|
|
}
|
|
|
|
vm.retrieve = retrieve;
|
|
vm.filterInput = "";
|
|
vm.selectItem = selectItem;
|
|
vm.checkProjectMember = checkProjectMember;
|
|
|
|
$scope.$watch('vm.selectedProject', function(current, origin) {
|
|
if(current) {
|
|
vm.selectedId = current.project_id;
|
|
}
|
|
});
|
|
|
|
$scope.$watch('vm.publicity', function(current, origin) {
|
|
vm.publicity = current ? true : false;
|
|
vm.isPublic = vm.publicity ? 1 : 0;
|
|
vm.projectType = (vm.isPublic === 1) ? 'public_projects' : 'my_projects';
|
|
vm.retrieve();
|
|
});
|
|
|
|
function retrieve() {
|
|
ListProjectService(vm.projectName, vm.isPublic)
|
|
.success(getProjectSuccess)
|
|
.error(getProjectFailed);
|
|
}
|
|
|
|
function getProjectSuccess(data, status) {
|
|
vm.projects = data;
|
|
|
|
if(!angular.isDefined(vm.projects)) {
|
|
vm.isPublic = 1;
|
|
vm.publicity = 1;
|
|
vm.projectType = 'public_projects';
|
|
console.log('vm.projects is undefined, load public projects.');
|
|
}
|
|
|
|
vm.selectedProject = vm.projects[0];
|
|
|
|
if(getParameterByName('project_id', $location.absUrl())){
|
|
angular.forEach(vm.projects, function(value, index) {
|
|
if(value['project_id'] === Number(getParameterByName('project_id', $location.absUrl()))) {
|
|
vm.selectedProject = value;
|
|
}
|
|
});
|
|
}
|
|
|
|
$location.search('project_id', vm.selectedProject.project_id);
|
|
vm.checkProjectMember(vm.selectedProject.project_id);
|
|
|
|
vm.resultCount = vm.projects.length;
|
|
|
|
$scope.$watch('vm.filterInput', function(current, origin) {
|
|
vm.resultCount = $filter('name')(vm.projects, vm.filterInput, 'name').length;
|
|
});
|
|
}
|
|
|
|
function getProjectFailed(response) {
|
|
console.log('Failed to list projects:' + response);
|
|
}
|
|
|
|
function selectItem(item) {
|
|
vm.selectedProject = item;
|
|
$location.search('project_id', vm.selectedProject.project_id);
|
|
}
|
|
|
|
$scope.$on('$locationChangeSuccess', function(e) {
|
|
var projectId = getParameterByName('project_id', $location.absUrl());
|
|
vm.checkProjectMember(projectId);
|
|
vm.isOpen = false;
|
|
});
|
|
|
|
function checkProjectMember(projectId) {
|
|
CurrentProjectMemberService(projectId)
|
|
.success(getCurrentProjectMemberSuccess)
|
|
.error(getCurrentProjectMemberFailed);
|
|
}
|
|
|
|
function getCurrentProjectMemberSuccess(data, status) {
|
|
console.log('Successful get current project member:' + status);
|
|
vm.isProjectMember = true;
|
|
}
|
|
|
|
function getCurrentProjectMemberFailed(data, status) {
|
|
console.log('Use has no member for current project:' + status);
|
|
vm.isProjectMember = false;
|
|
}
|
|
|
|
}
|
|
|
|
function retrieveProjects() {
|
|
var directive = {
|
|
restrict: 'E',
|
|
templateUrl: '/static/resources/js/components/details/retrieve-projects.directive.html',
|
|
scope: {
|
|
'isOpen': '=',
|
|
'selectedProject': '=',
|
|
'publicity': '=',
|
|
'isProjectMember': '='
|
|
},
|
|
link: link,
|
|
controller: RetrieveProjectsController,
|
|
bindToController: true,
|
|
controllerAs: 'vm'
|
|
};
|
|
|
|
return directive;
|
|
|
|
function link(scope, element, attrs, ctrl) {
|
|
$(document).on('click', clickHandler);
|
|
|
|
function clickHandler(e) {
|
|
$('[data-toggle="popover"]').each(function () {
|
|
if (!$(this).is(e.target) &&
|
|
$(this).has(e.target).length === 0 &&
|
|
$('.popover').has(e.target).length === 0) {
|
|
$(this).parent().popover('hide');
|
|
}
|
|
});
|
|
var targetId = $(e.target).attr('id');
|
|
if(targetId === 'switchPane' ||
|
|
targetId === 'retrievePane' ||
|
|
targetId === 'retrieveFilter') {
|
|
return;
|
|
}else{
|
|
ctrl.isOpen = false;
|
|
scope.$apply();
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
})(); |