-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
show billingmode and region for myservices. (#1136)
- Loading branch information
Showing
7 changed files
with
970 additions
and
2,291 deletions.
There are no files selected for viewing
44 changes: 44 additions & 0 deletions
44
src/components/content/deployedServices/common/DeployedBillingMode.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,44 @@ | ||
/* | ||
* SPDX-License-Identifier: Apache-2.0 | ||
* SPDX-FileCopyrightText: Huawei Inc. | ||
*/ | ||
|
||
import { Tag } from 'antd'; | ||
import React from 'react'; | ||
import myServicesStyle from '../../../../styles/my-services.module.css'; | ||
import { billingMode } from '../../../../xpanse-api/generated'; | ||
|
||
export function DeployedBillingMode({ | ||
currentBillingMode, | ||
className, | ||
}: { | ||
currentBillingMode: billingMode; | ||
className?: string | undefined; | ||
}): React.JSX.Element { | ||
switch (currentBillingMode) { | ||
case billingMode.PAY_PER_USE: | ||
return ( | ||
<div className={className}> | ||
<Tag bordered={false} color='volcano' className={myServicesStyle.myServiceStatusSize}> | ||
{currentBillingMode.valueOf()} | ||
</Tag> | ||
</div> | ||
); | ||
case billingMode.FIXED: | ||
return ( | ||
<div className={className}> | ||
<Tag bordered={false} color='blue' className={myServicesStyle.myServiceStatusSize}> | ||
{currentBillingMode.valueOf()} | ||
</Tag> | ||
</div> | ||
); | ||
default: | ||
return ( | ||
<div className={className}> | ||
<Tag color='warning' className={myServicesStyle.myServiceStatusSize}> | ||
{currentBillingMode} | ||
</Tag> | ||
</div> | ||
); | ||
} | ||
} |
42 changes: 42 additions & 0 deletions
42
src/components/content/deployedServices/common/DeployedRegion.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
/* | ||
* SPDX-License-Identifier: Apache-2.0 | ||
* SPDX-FileCopyrightText: Huawei Inc. | ||
*/ | ||
|
||
import { GlobalOutlined } from '@ant-design/icons'; | ||
import { Popover, Tag } from 'antd'; | ||
import React from 'react'; | ||
import myServicesStyle from '../../../../styles/my-services.module.css'; | ||
import { Region } from '../../../../xpanse-api/generated'; | ||
|
||
export function DeployedRegion({ | ||
currentRegion, | ||
className, | ||
}: { | ||
currentRegion: Region; | ||
className?: string | undefined; | ||
}): React.JSX.Element { | ||
const content = ( | ||
<div className={myServicesStyle.regionDisplayInline}> | ||
<div className={myServicesStyle.regionSite}> | ||
<h5>site: </h5> | ||
<Tag color='purple'> {currentRegion.site}</Tag> | ||
</div> | ||
<div className={myServicesStyle.regionArea}> | ||
<h5>area: </h5> | ||
<Tag color='geekblue'>{currentRegion.area}</Tag> | ||
</div> | ||
</div> | ||
); | ||
return ( | ||
<div className={className}> | ||
<Tag bordered={false} color='gold' className={myServicesStyle.myServiceStatusSize}> | ||
{currentRegion.name} | ||
{' '} | ||
<Popover content={content} trigger='hover'> | ||
<GlobalOutlined /> | ||
</Popover> | ||
</Tag> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.