skyline/src/pages/configuration/containers/Metadata/actions/Edit.jsx
Jingwei.Zhang 19fab7e17f fix: Fix refresh data in detail page after finishing action
1. Fix edit metadata success hint
2. Fix manage image metadata success hint
3. Fix create/edit project modal top padding
4. Fix edit user modal top padding
5. Fix create user group modal top padding
6. Fix refresh list page in detail after finishing action in detail page
7. Remove useless fetch in base detail page

Change-Id: I80fe346cc0be4bdb8607088578fa2acb446cf084
2021-08-25 09:50:37 +00:00

89 lines
2.2 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 globalMetadataStore from 'stores/glance/metadata';
import { ModalAction } from 'containers/Action';
@inject('rootStore')
@observer
export default class Edit extends ModalAction {
static id = 'edit';
static title = t('Edit Metadata');
static buttonText = t('Edit');
init() {
this.store = globalMetadataStore;
}
get name() {
return t('Edit metadata');
}
get instanceName() {
return this.item.display_name;
}
static policy = 'modify_metadef_namespace';
static allowed = () => Promise.resolve(true);
get defaultValue() {
const { namespace, protected: isProtected, visibility } = this.item;
return {
namespace,
options: {
isProtected,
isPublic: visibility === 'public',
},
};
}
get formItems() {
return [
{
name: 'namespace',
label: t('Namespace'),
iconType: 'metadata',
type: 'label',
},
{
name: 'options',
label: t('Options'),
type: 'check-group',
options: [
{ label: t('Public'), value: 'isPublic' },
{ label: t('Protected'), value: 'isProtected' },
],
},
];
}
onSubmit = (values) => {
const { display_name, description } = this.item;
const { namespace, options } = values;
const { isPublic, isProtected } = options;
const body = {
display_name,
description,
namespace,
protected: isProtected,
visibility: isPublic === true ? 'public' : 'private',
};
return globalMetadataStore.edit({ id: namespace }, body);
};
}