mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
80 lines
2.4 KiB
Vue
80 lines
2.4 KiB
Vue
// 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.
|
|
|
|
<template>
|
|
<a-list
|
|
size="small"
|
|
:dataSource="$route.meta.details">
|
|
<a-list-item slot="renderItem" slot-scope="item" v-if="item in resource">
|
|
<div>
|
|
<strong>{{ item === 'service' ? $t('supportedservices') : $t(item) }}</strong>
|
|
<br/>
|
|
<div v-if="Array.isArray(resource[item]) && item === 'service'">
|
|
<div v-for="(item, idx) in resource[item]" :key="idx">
|
|
{{ item.name }} : {{ item.provider[0].name }}
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
{{ resource[item] }}
|
|
</div>
|
|
</div>
|
|
</a-list-item>
|
|
<DedicateData :resource="resource" v-if="dedicatedSectionActive" />
|
|
<VmwareData :resource="resource" v-if="$route.meta.name === 'zone' && 'listVmwareDcs' in $store.getters.apis" />
|
|
</a-list>
|
|
</template>
|
|
|
|
<script>
|
|
import DedicateData from './DedicateData'
|
|
import VmwareData from './VmwareData'
|
|
|
|
export default {
|
|
name: 'DetailsTab',
|
|
components: {
|
|
DedicateData,
|
|
VmwareData
|
|
},
|
|
props: {
|
|
resource: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
dedicatedRoutes: ['zone', 'pod', 'cluster', 'host'],
|
|
dedicatedSectionActive: false
|
|
}
|
|
},
|
|
mounted () {
|
|
this.dedicatedSectionActive = this.dedicatedRoutes.includes(this.$route.meta.name)
|
|
},
|
|
created () {
|
|
this.dedicatedSectionActive = this.dedicatedRoutes.includes(this.$route.meta.name)
|
|
},
|
|
watch: {
|
|
$route () {
|
|
this.dedicatedSectionActive = this.dedicatedRoutes.includes(this.$route.meta.name)
|
|
}
|
|
}
|
|
}
|
|
</script>
|