skyline/src/pages/identity/containers/UserGroup/actions/Edit.jsx
xusongfu 0c11d61548 fix: fix route map and component definition
1. Refresh route map when switch project
2. Change the component definition to get better extension functionality

Change-Id: I6a514914ff711d125b7b280d3415a3f27f58628e
2022-04-23 00:25:30 +08:00

96 lines
2.4 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 { inject, observer } from 'mobx-react';
import { ModalAction } from 'containers/Action';
import globalDomainStore from 'stores/keystone/domain';
import globalGroupStore from 'stores/keystone/user-group';
export class EditForm extends ModalAction {
init() {
this.store = globalGroupStore;
this.domainStore = globalDomainStore;
}
static id = 'user-group-edit';
static title = t('Edit');
static policy = 'identity:update_group';
static allowed() {
return Promise.resolve(true);
}
get defaultValue() {
const { name, description } = this.item;
if (name && this.formRef.current) {
this.formRef.current.setFieldsValue({
name,
description,
});
}
const data = {
name,
description,
};
return data;
}
checkName = (rule, value) => {
if (!value) {
return Promise.reject(t('Please input'));
}
const {
list: { data },
} = this.store;
const { name } = this.item;
const nameUsed = data.filter((it) => it.name === value);
if (nameUsed[0] && nameUsed[0].name !== name) {
return Promise.reject(
t('Invalid: User Group name can not be duplicated')
);
}
return Promise.resolve();
};
get formItems() {
return [
{
name: 'name',
label: t('User Group Name'),
type: 'input',
placeholder: t('Please input name'),
required: true,
validator: this.checkName,
extra: t('User Groups') + t('Name can not be duplicated'),
},
{
name: 'description',
label: t('Description'),
type: 'textarea',
},
];
}
onSubmit = (values) => {
const { description, name } = values;
const { id } = this.item;
return globalGroupStore.edit({ id, description, name });
};
}
export default inject('rootStore')(observer(EditForm));