mirror of https://github.com/rancher/ui.git
110 lines
2.9 KiB
JavaScript
110 lines
2.9 KiB
JavaScript
import { inject as service } from '@ember/service';
|
|
import Component from '@ember/component';
|
|
import C from 'ui/utils/constants';
|
|
import layout from './template';
|
|
import { get, set, computed } from '@ember/object';
|
|
|
|
export default Component.extend({
|
|
layout,
|
|
access: service(),
|
|
intl: service(),
|
|
globalStore: service(),
|
|
allowTeams: true,
|
|
checking: false,
|
|
addInput: '',
|
|
allPrincipals: null,
|
|
showDropdown: computed('access.provider', function() {
|
|
return get(this, 'access.provider') !== 'localauthconfig';
|
|
}),
|
|
|
|
init: function() {
|
|
set(this, 'allPrincipals', get(this, 'globalStore').all('principal'));
|
|
get(this, 'globalStore').findAll('principal');
|
|
this._super();
|
|
},
|
|
|
|
actions: {
|
|
add: function() {
|
|
if ( get(this, 'checking') )
|
|
{
|
|
return;
|
|
}
|
|
|
|
set(this, 'checking', true);
|
|
var input = get(this, 'addInput').trim();
|
|
|
|
get(this, 'globalStore').rawRequest({
|
|
url: 'principals?action=search',
|
|
method: 'POST',
|
|
data: {
|
|
name: input,
|
|
}
|
|
}).then((xhr) => {
|
|
if ( xhr.status === 204 ) {
|
|
return;
|
|
}
|
|
|
|
if ( xhr.body && typeof xhr.body === 'object' ) {
|
|
let principal = get(xhr, 'body.data.firstObject');
|
|
set(principal, 'ignore', true);
|
|
set(this, 'addInput', '');
|
|
get(this, 'globalStore')._add('principal', principal);
|
|
this.send('addObject', get(principal, 'id'));
|
|
}
|
|
}).catch((xhr) => {
|
|
this.sendAction('onError','Principal not found: ' + xhr.statusText);
|
|
}).finally(() => {
|
|
set(this, 'checking', false);
|
|
});
|
|
},
|
|
|
|
addObject: function(info) {
|
|
this.sendAction('action', info);
|
|
}
|
|
},
|
|
|
|
addDisabled: computed('addInput','checking', function() {
|
|
return get(this, 'checking') || get(this, 'addInput').trim().length === 0;
|
|
}),
|
|
|
|
dropdownChoices: computed('allPrincipals.@each.{logicalType,id}','allowTeams', function() {
|
|
var allowTeams = get(this, 'allowTeams');
|
|
return get(this, 'allPrincipals').filter((principal) => {
|
|
var type = get(principal, 'parsedExternalType');
|
|
var logicalType = get(principal, 'logicalType');
|
|
|
|
// Don't show people
|
|
if ( logicalType === C.PROJECT.PERSON )
|
|
{
|
|
return false;
|
|
}
|
|
|
|
// Don't show teams if disabled
|
|
if ( !allowTeams && type === C.PROJECT.TYPE_GITHUB_TEAM )
|
|
{
|
|
return false;
|
|
}
|
|
|
|
if (get(principal, 'ignore')) {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}).sortBy('logicalTypeSort','profileUrl','name');
|
|
}),
|
|
|
|
dropdownLabel: computed('access.provider', 'intl.locale', function() {
|
|
let out = '';
|
|
let intl = get(this, 'intl');
|
|
if ( get(this, 'access.provider') === 'githubconfig' )
|
|
{
|
|
out = intl.findTranslationByKey('inputIdentity.dropdownLabel.teams');
|
|
}
|
|
else
|
|
{
|
|
out = intl.findTranslationByKey('inputIdentity.dropdownLabel.groups');
|
|
}
|
|
return intl.formatMessage(out);
|
|
}),
|
|
});
|