skyline/src/pages/network/containers/Certificate/Detail/Container/BaseDetail.jsx
xusongfu 16d14b5cf1 fix: Fix copyable and delete lb
1. Fix copyable in Paragraph
2. Rollback permission of delete loadbalancers

Change-Id: I2621974d64e9c149c7138c0f2d3da301bdf0d73e
2022-06-02 14:58:07 +08:00

76 lines
1.8 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 React from 'react';
import { inject, observer } from 'mobx-react';
import Base from 'containers/BaseDetail';
export class BaseDetail extends Base {
get leftCardsStyle() {
return {
flex: 1,
};
}
get leftCards() {
return [this.contentCard];
}
get rightCards() {
return [this.keyPairCard];
}
get contentCard() {
const { secret_refs = [] } = this.props.detail;
const { secret_info = {} } =
secret_refs.find((it) => it.name === 'certificate') || {};
const options = [
{
content: <pre>{secret_info.payload}</pre>,
copyable: {
text: secret_info.payload,
},
},
];
return {
title: t('Certificate Content'),
labelCol: 0,
contentCol: 24,
options,
};
}
get keyPairCard() {
const { secret_refs = [] } = this.props.detail;
const { secret_info = {} } =
secret_refs.find((it) => it.name === 'private_key') || {};
const options = [
{
content: <pre>{secret_info.payload}</pre>,
copyable: {
text: secret_info.payload,
},
},
];
return {
title: t('Private Key'),
labelCol: 0,
contentCol: 24,
options,
};
}
}
export default inject('rootStore')(observer(BaseDetail));