ui/lib/shared/addon/components/modal-edit-apikey/component.js

70 lines
1.8 KiB
JavaScript

import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import NewOrEdit from 'shared/mixins/new-or-edit';
import ModalBase from 'shared/mixins/modal-base';
import layout from './template';
export default Component.extend(ModalBase, NewOrEdit, {
layout,
endpointService: service('endpoint'),
scope: service(),
classNames: ['large-modal', 'alert'],
originalModel: alias('modalService.modalOpts'),
model: null,
clone: null,
justCreated: false,
didReceiveAttrs() {
this.set('clone', this.get('originalModel').clone());
this.set('model', this.get('originalModel').clone());
this.set('justCreated', false);
},
isEnvironment: function() {
return this.get('model.accountId') === this.get('scope.current.id');
}.property('model.accountId','scope.current.id'),
displayEndpoint: function() {
if ( this.get('isEnvironment') ) {
return this.get('endpointService.api.display.environment.current');
} else {
return this.get('endpointService.api.display.account.current');
}
}.property('isEnvironment'),
linkEndpoint: function() {
if ( this.get('isEnvironment') ) {
return this.get('endpointService.api.auth.environment.current');
} else {
return this.get('endpointService.api.auth.account.current');
}
}.property('isEnvironment'),
didInsertElement() {
setTimeout(() => {
this.$('INPUT[type="text"]')[0].focus();
}, 250);
},
editing: function() {
return !!this.get('clone.id');
}.property('clone.id'),
doneSaving: function(neu) {
if ( this.get('editing') )
{
this.send('cancel');
}
else
{
this.setProperties({
justCreated: true,
clone: neu.clone()
});
}
},
});