Improved property viewers, added some new ones
This commit is contained in:
25
app/imports/ui/properties/components/ProficiencyIcon.vue
Normal file
25
app/imports/ui/properties/components/ProficiencyIcon.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template lang="html">
|
||||
<v-icon v-if="value !== undefined">{{displayedIcon}}</v-icon>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
value: Number,
|
||||
},
|
||||
computed: {
|
||||
displayedIcon(){
|
||||
let value = this.value;
|
||||
if (value == 0.5){
|
||||
return 'brightness_2';
|
||||
} else if (value == 1) {
|
||||
return 'brightness_1'
|
||||
} else if (value == 2){
|
||||
return 'album'
|
||||
} else {
|
||||
return 'radio_button_unchecked';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user