57 lines
1.9 KiB
JavaScript
57 lines
1.9 KiB
JavaScript
import Controller from '@ember/controller';
|
|
import { get, set, computed } from '@ember/object';
|
|
import { alias } from '@ember/object/computed';
|
|
import { inject as service } from '@ember/service';
|
|
import WithSearching from 'consul-ui/mixins/with-searching';
|
|
import WithEventSource, { listen } from 'consul-ui/mixins/with-event-source';
|
|
export default Controller.extend(WithEventSource, WithSearching, {
|
|
dom: service('dom'),
|
|
notify: service('flashMessages'),
|
|
items: alias('item.Nodes'),
|
|
init: function() {
|
|
this.searchParams = {
|
|
serviceInstance: 's',
|
|
};
|
|
this._super(...arguments);
|
|
},
|
|
setProperties: function() {
|
|
this._super(...arguments);
|
|
// This method is called immediately after `Route::setupController`, and done here rather than there
|
|
// as this is a variable used purely for view level things, if the view was different we might not
|
|
// need this variable
|
|
set(this, 'selectedTab', 'instances');
|
|
},
|
|
item: listen('item').catch(function(e) {
|
|
if (e.target.readyState === 1) {
|
|
// OPEN
|
|
if (get(e, 'error.errors.firstObject.status') === '404') {
|
|
get(this, 'notify').add({
|
|
destroyOnClick: false,
|
|
sticky: true,
|
|
type: 'warning',
|
|
action: 'update',
|
|
});
|
|
}
|
|
}
|
|
}),
|
|
searchable: computed('items', function() {
|
|
return get(this, 'searchables.serviceInstance')
|
|
.add(get(this, 'items'))
|
|
.search(get(this, this.searchParams.serviceInstance));
|
|
}),
|
|
actions: {
|
|
change: function(e) {
|
|
set(this, 'selectedTab', e.target.value);
|
|
// Ensure tabular-collections sizing is recalculated
|
|
// now it is visible in the DOM
|
|
get(this, 'dom')
|
|
.components('.tab-section input[type="radio"]:checked + div table')
|
|
.forEach(function(item) {
|
|
if (typeof item.didAppear === 'function') {
|
|
item.didAppear();
|
|
}
|
|
});
|
|
},
|
|
},
|
|
});
|