mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
764ee30ecc
* ui: fix zone icon in vm deploy zone selection Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com> * unnecessary conditions Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
64 lines
1.8 KiB
Vue
64 lines
1.8 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>
|
|
<img :src="getImg()" :height="getDimensions()" :width="getDimensions()" :style="{ marginTop: (getDimensions() === 56 || ['deployVirtualMachine'].includes($route.path.split('/')[2])) ? '' : '-5px' }"/>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: 'ResourceIcon',
|
|
props: {
|
|
image: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
size: {
|
|
type: String,
|
|
default: '4x'
|
|
}
|
|
},
|
|
data () {
|
|
return {}
|
|
},
|
|
methods: {
|
|
getImg () {
|
|
if (this.image.startsWith('data:image/png')) {
|
|
return this.image
|
|
} else {
|
|
return 'data:image/png;charset=utf-8;base64, ' + this.image
|
|
}
|
|
},
|
|
getDimensions () {
|
|
const num = Number(this.size)
|
|
if (Number.isInteger(num) && num > 0) {
|
|
return num
|
|
}
|
|
switch (this.size) {
|
|
case '4x':
|
|
return 56
|
|
case '2x':
|
|
return 24
|
|
case '1x':
|
|
return 16
|
|
default:
|
|
return 16
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|