5ba32d6dde
1. Update some form item labels for better semantics 2. Make the template name be required when create the template 3. Support create cluster instance from template list Change-Id: I588af877fe776dbf7d44b11ad350566bf231121f
122 lines
3.1 KiB
JavaScript
122 lines
3.1 KiB
JavaScript
// Copyright 2021 99cloud
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import Base from 'components/Form';
|
|
import { inject, observer } from 'mobx-react';
|
|
import globalClusterTemplateStore from 'stores/magnum/clusterTemplates';
|
|
import globalKeypairStore from 'stores/nova/keypair';
|
|
import { getBaseTemplateColumns } from 'resources/magnum/template';
|
|
|
|
export class StepInfo extends Base {
|
|
init() {
|
|
this.getClustertemplates();
|
|
this.getKeypairs();
|
|
}
|
|
|
|
get title() {
|
|
return t('Info');
|
|
}
|
|
|
|
get name() {
|
|
return t('Info');
|
|
}
|
|
|
|
async getClustertemplates() {
|
|
await globalClusterTemplateStore.fetchList();
|
|
}
|
|
|
|
get clusterTemplates() {
|
|
const templates = globalClusterTemplateStore.list.data || [];
|
|
const { template } = this.locationParams;
|
|
if (template) {
|
|
return templates.filter((it) => it.uuid === template);
|
|
}
|
|
return templates;
|
|
}
|
|
|
|
async getKeypairs() {
|
|
await globalKeypairStore.fetchList();
|
|
}
|
|
|
|
get keypairs() {
|
|
return globalKeypairStore.list.data || [];
|
|
}
|
|
|
|
get defaultValue() {
|
|
const { template } = this.locationParams;
|
|
if (template) {
|
|
return {
|
|
clusterTemplate: { selectedRowKeys: [template] },
|
|
};
|
|
}
|
|
return {};
|
|
}
|
|
|
|
get formItems() {
|
|
return [
|
|
{
|
|
name: 'name',
|
|
label: t('Cluster Name'),
|
|
type: 'input',
|
|
placeholder: t('Cluster Name'),
|
|
required: true,
|
|
},
|
|
{
|
|
name: 'clusterTemplate',
|
|
label: t('Cluster Template'),
|
|
type: 'select-table',
|
|
data: this.clusterTemplates,
|
|
isLoading: globalClusterTemplateStore.list.isLoading,
|
|
required: true,
|
|
filterParams: [
|
|
{
|
|
label: t('Name'),
|
|
name: 'name',
|
|
},
|
|
],
|
|
columns: getBaseTemplateColumns(this),
|
|
},
|
|
{
|
|
name: 'keypair',
|
|
label: t('Keypair'),
|
|
type: 'select-table',
|
|
required: true,
|
|
data: this.keypairs,
|
|
isLoading: globalKeypairStore.list.isLoading,
|
|
tip: t(
|
|
'The SSH key is a way to remotely log in to the cluster instance. The cloud platform only helps to keep the public key. Please keep your private key properly.'
|
|
),
|
|
filterParams: [
|
|
{
|
|
label: t('Name'),
|
|
name: 'name',
|
|
},
|
|
],
|
|
columns: [
|
|
{
|
|
title: t('Name'),
|
|
dataIndex: 'name',
|
|
},
|
|
{
|
|
title: t('Fingerprint'),
|
|
dataIndex: 'fingerprint',
|
|
},
|
|
],
|
|
},
|
|
];
|
|
}
|
|
}
|
|
|
|
export default inject('rootStore')(observer(StepInfo));
|