mirror of https://github.com/rancher/ui.git
139 lines
3.9 KiB
JavaScript
139 lines
3.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,
|
|
selected: null,
|
|
selectExactOnBlur: true,
|
|
includeLocal: true,
|
|
|
|
showDropdown: computed('access.provider', function() {
|
|
return get(this, 'access.provider') !== 'localauthconfig';
|
|
}),
|
|
|
|
init: function() {
|
|
this._super(...arguments);
|
|
set(this, 'allPrincipals', get(this, 'globalStore').all('principal'));
|
|
},
|
|
|
|
actions: {
|
|
add: function() {
|
|
if ( get(this, 'checking') ) {
|
|
return;
|
|
}
|
|
|
|
|
|
const addInput = get(this, 'addInput');
|
|
if ( !addInput ) {
|
|
set(this, 'selected', null);
|
|
this.sendAction('action', null);
|
|
console.log('Cleared principal');
|
|
return;
|
|
}
|
|
|
|
set(this, 'checking', true);
|
|
var input = get(addInput, 'value').trim();
|
|
let match = get(this, 'allPrincipals').findBy('id', input);
|
|
|
|
var setPrincipal = (principal) => {
|
|
set(this, 'addInput', '');
|
|
set(this, 'selected', principal);
|
|
this.sendAction('action', principal);
|
|
console.log('Set principal to 1', JSON.stringify(principal));
|
|
}
|
|
|
|
if (match) {
|
|
setPrincipal(match);
|
|
set(this, 'checking', false);
|
|
} else {
|
|
get(this, 'globalStore').rawRequest({
|
|
url: `principals/${encodeURIComponent(input)}`,
|
|
method: 'GET',
|
|
}).then((xhr) => {
|
|
if ( xhr.status === 204 ) {
|
|
return;
|
|
}
|
|
|
|
if ( xhr.body && typeof xhr.body === 'object' ) {
|
|
let principal = get(xhr, 'body');
|
|
setPrincipal(principal);
|
|
}
|
|
}).catch((xhr) => {
|
|
this.sendAction('onError','Principal not found: ' + xhr.statusText);
|
|
}).finally(() => {
|
|
set(this, 'checking', false);
|
|
});
|
|
}
|
|
},
|
|
|
|
addObject: function(info) {
|
|
this.sendAction('action', info);
|
|
set(this, 'selected', info);
|
|
console.log('Set principal to 2', JSON.stringify(info));
|
|
set(this, 'filter', get(info,'name'));
|
|
},
|
|
|
|
selectExact(match) {
|
|
const cur = get(this, 'selected');
|
|
if ( !cur ) {
|
|
this.sendAction('action', match);
|
|
set(this, 'selected', match);
|
|
console.log('Set principal to 3', JSON.stringify(match));
|
|
}
|
|
},
|
|
},
|
|
|
|
addDisabled: computed('addInput','checking', function() {
|
|
let input = get(this, 'addInput.value')||'';
|
|
|
|
return get(this, 'checking') || input.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 other junk that was added to the store after load
|
|
if ( !get(principal, '_mine') ) {
|
|
return false;
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
|
|
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);
|
|
}),
|
|
});
|