From 0b841fefcb6c47162cfd341baf94f5ff49649d63 Mon Sep 17 00:00:00 2001 From: Abhishek Kumar Date: Tue, 10 Jun 2025 15:22:16 +0530 Subject: [PATCH] ui: show deploy/create button on right info pane (#10814) * add deploy button on info card Signed-off-by: Abhishek Kumar * info height Signed-off-by: Abhishek Kumar * fix Signed-off-by: Abhishek Kumar * hide cancel button Signed-off-by: Abhishek Kumar --------- Signed-off-by: Abhishek Kumar --- ui/src/components/view/InfoCard.vue | 1631 +++++++++-------- .../views/compute/CreateAutoScaleVmGroup.vue | 32 +- ui/src/views/compute/DeployVM.vue | 66 +- ui/src/views/compute/DeployVnfAppliance.vue | 62 +- ui/src/views/compute/wizard/DeployButtons.vue | 130 ++ 5 files changed, 1034 insertions(+), 887 deletions(-) create mode 100644 ui/src/views/compute/wizard/DeployButtons.vue diff --git a/ui/src/components/view/InfoCard.vue b/ui/src/components/view/InfoCard.vue index 65c4d3ac0f5..2ad7b96602f 100644 --- a/ui/src/components/view/InfoCard.vue +++ b/ui/src/components/view/InfoCard.vue @@ -14,844 +14,850 @@ // KIND, either express or implied. See the License for the // specific language governing permissions and limitations // under the License. -// $message.success(`${$t('label.copied.clipboard')} : ${name}`) -
- - - - - - {{ $t('label.cancel') }} - - - - {{ $t('label.launch.vnf.appliance') }} - - - +
+
- + + + @@ -863,6 +858,7 @@ import store from '@/store' import eventBus from '@/config/eventBus' import InfoCard from '@/components/view/InfoCard' +import DeployButtons from '@views/compute/wizard/DeployButtons' import ResourceIcon from '@/components/view/ResourceIcon' import ComputeOfferingSelection from '@views/compute/wizard/ComputeOfferingSelection' import ComputeSelection from '@views/compute/wizard/ComputeSelection' @@ -883,6 +879,9 @@ import InstanceNicsNetworkSelectListView from '@/components/view/InstanceNicsNet export default { name: 'Wizard', components: { + InfoCard, + DeployButtons, + ResourceIcon, SshKeyPairSelection, UserDataSelection, NetworkConfiguration, @@ -892,12 +891,10 @@ export default { DiskSizeSelection, MultiDiskSelection, DiskOfferingSelection, - InfoCard, ComputeOfferingSelection, ComputeSelection, SecurityGroupSelection, VnfNicsSelection, - ResourceIcon, TooltipLabel, InstanceNicsNetworkSelectListView }, @@ -1339,6 +1336,9 @@ export default { }, isCustomizedIOPS () { return this.rootDiskSelected?.iscustomizediops || this.serviceOffering?.iscustomizediops || false + }, + deployMenuOptions () { + return [this.$t('label.launch.vnf.appliance.and.stay')] } }, watch: { @@ -2887,7 +2887,7 @@ export default { .vm-info-card { .ant-card-body { min-height: 250px; - max-height: calc(100vh - 150px); + max-height: calc(100vh - 258px); overflow-y: auto; scroll-behavior: smooth; } @@ -2908,12 +2908,4 @@ export default { .form-item-hidden { display: none; } - - .btn-stay-on-page { - &.ant-dropdown-menu-dark { - .ant-dropdown-menu-item:hover { - background: transparent !important; - } - } - } diff --git a/ui/src/views/compute/wizard/DeployButtons.vue b/ui/src/views/compute/wizard/DeployButtons.vue new file mode 100644 index 00000000000..2bd2408e4ed --- /dev/null +++ b/ui/src/views/compute/wizard/DeployButtons.vue @@ -0,0 +1,130 @@ +// Licensed to the Apache Software Foundation (ASF) under one +// or more contributor license agreements. See the NOTICE file +// distributed with this work for additional information +// regarding copyright ownership. The ASF licenses this file +// to you 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. + + + + + + + +