mirror of https://github.com/rancher/ui.git
92 lines
2.5 KiB
JavaScript
92 lines
2.5 KiB
JavaScript
import { alias } from '@ember/object/computed';
|
|
import Component from '@ember/component';
|
|
import { get, set, computed, observer } from '@ember/object';
|
|
import { inject as service } from '@ember/service';
|
|
import json2yaml from 'json2yaml';
|
|
import ModalBase from 'shared/mixins/modal-base';
|
|
import fetchYaml from 'shared/utils/fetch-yaml';
|
|
import layout from './template';
|
|
import { on } from '@ember/object/evented';
|
|
|
|
const VIRTUAL_SERVICES = 'virtualservices';
|
|
const SERVICE_ENTRIES = 'serviceentries';
|
|
const DESTINATION_RULES = 'destinationrules';
|
|
const GATEWAYS = 'gateways';
|
|
const ENVOY_FILTERS = 'envoyfilters';
|
|
const APP_ID = 'io.cattle.field/appId';
|
|
|
|
const OPTIONS = [
|
|
VIRTUAL_SERVICES,
|
|
DESTINATION_RULES,
|
|
GATEWAYS,
|
|
SERVICE_ENTRIES,
|
|
ENVOY_FILTERS,
|
|
]
|
|
|
|
export default Component.extend(ModalBase, {
|
|
scope: service(),
|
|
growl: service(),
|
|
|
|
classNames: ['modal-container', 'large-modal', 'fullscreen-modal', 'modal-shell', 'alert'],
|
|
layout,
|
|
|
|
loading: null,
|
|
selectedType: VIRTUAL_SERVICES,
|
|
options: OPTIONS,
|
|
|
|
name: alias('modalService.modalOpts.name'),
|
|
appId: alias('modalService.modalOpts.appId'),
|
|
namespace: alias('modalService.modalOpts.namespace'),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
set(this, 'options', OPTIONS.map((opt) => {
|
|
return {
|
|
label: opt,
|
|
value: opt
|
|
}
|
|
}));
|
|
},
|
|
|
|
|
|
selectedTypeDidChange: on('init', observer('selectedType', function() {
|
|
this.loadIstioResources(get(this, 'selectedType'));
|
|
})),
|
|
|
|
filename: computed('selectedType', function() {
|
|
return `${ get(this, 'selectedType') }.yaml`;
|
|
}),
|
|
|
|
loadIstioResources(type) {
|
|
const appId = get(this, 'appId');
|
|
const namespace = get(this, 'namespace');
|
|
|
|
const yamlLink = `/k8s/clusters/${ get(this, 'scope.currentCluster.id') }/apis/networking.istio.io/v1alpha3/namespaces/${ namespace }/${ type }`;
|
|
|
|
set(this, 'loading', true);
|
|
|
|
return fetchYaml(yamlLink, false).then((res) => {
|
|
const out = [];
|
|
const data = JSON.parse(res) || {};
|
|
|
|
(get(data, 'items') || []).forEach((item) => {
|
|
const labels = get(item, 'metadata.labels') || {};
|
|
|
|
if ( labels[APP_ID] === appId ) {
|
|
out.push(item);
|
|
}
|
|
});
|
|
|
|
let yaml = out.length > 0 ? json2yaml.stringify(out) : '';
|
|
|
|
set(this, 'yaml', yaml);
|
|
}).catch((error) => {
|
|
get(this, 'growl').fromError(get(error, 'message') || get(error, 'xhr.responseJSON.message'));
|
|
}).finally(() => {
|
|
set(this, 'loading', false);
|
|
});
|
|
},
|
|
|
|
});
|