diff --git a/ui/src/components/view/InfoCard.vue b/ui/src/components/view/InfoCard.vue index 65c4d3ac0f5e..2ad7b96602f6 100644 --- a/ui/src/components/view/InfoCard.vue +++ b/ui/src/components/view/InfoCard.vue @@ -14,845 +14,851 @@ // 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}`) @@ -903,6 +909,10 @@ export default { isStatic: { type: Boolean, default: false + }, + footerVisible: { + type: Boolean, + default: false } }, data () { @@ -1234,6 +1244,25 @@ export default { diff --git a/ui/src/views/compute/DeployVnfAppliance.vue b/ui/src/views/compute/DeployVnfAppliance.vue index 5e1baac3d8fb..49a2a9ef8f36 100644 --- a/ui/src/views/compute/DeployVnfAppliance.vue +++ b/ui/src/views/compute/DeployVnfAppliance.vue @@ -818,36 +818,31 @@ -
- - - - - - {{ $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 000000000000..2bd2408e4ede --- /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. + + + + + + + +