mirror of https://github.com/FreeTubeApp/FreeTube
75 lines
1.3 KiB
JavaScript
75 lines
1.3 KiB
JavaScript
import Vue from 'vue'
|
|
|
|
export default Vue.extend({
|
|
name: 'FtIconButton',
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
icon: {
|
|
type: String,
|
|
default: 'ellipsis-v'
|
|
},
|
|
theme: {
|
|
type: String,
|
|
default: 'base'
|
|
},
|
|
useShadow: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
padding: {
|
|
type: Number,
|
|
default: 10
|
|
},
|
|
size: {
|
|
type: Number,
|
|
default: 20
|
|
},
|
|
forceDropdown: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
dropdownPositionX: {
|
|
type: String,
|
|
default: 'center'
|
|
},
|
|
dropdownPositionY: {
|
|
type: String,
|
|
default: 'bottom'
|
|
},
|
|
dropdownNames: {
|
|
type: Array,
|
|
default: () => { return [] }
|
|
},
|
|
dropdownValues: {
|
|
type: Array,
|
|
default: () => { return [] }
|
|
}
|
|
},
|
|
data: function () {
|
|
return {
|
|
showDropdown: false
|
|
}
|
|
},
|
|
methods: {
|
|
toggleDropdown: function () {
|
|
this.showDropdown = !this.showDropdown
|
|
},
|
|
|
|
handleIconClick: function () {
|
|
if (this.forceDropdown || (this.dropdownNames.length > 0 && this.dropdownValues.length > 0)) {
|
|
this.toggleDropdown()
|
|
} else {
|
|
this.$emit('click')
|
|
}
|
|
},
|
|
|
|
handleDropdownClick: function (index) {
|
|
this.toggleDropdown()
|
|
this.$emit('click', this.dropdownValues[index])
|
|
}
|
|
}
|
|
})
|