mirror of https://github.com/FreeTubeApp/FreeTube
40 lines
840 B
Vue
40 lines
840 B
Vue
<template>
|
|
<div class="select">
|
|
<select
|
|
class="select-text"
|
|
:class="{disabled: disabled}"
|
|
:value="value"
|
|
:disabled="disabled"
|
|
@change="$emit('change', $event.target.value)"
|
|
>
|
|
<option
|
|
v-for="(name, index) in selectNames"
|
|
:key="index"
|
|
:value="selectValues[index]"
|
|
>
|
|
{{ name }}
|
|
</option>
|
|
</select>
|
|
<font-awesome-icon
|
|
icon="sort-down"
|
|
class="iconSelect"
|
|
/>
|
|
<span class="select-highlight" />
|
|
<span class="select-bar" />
|
|
<label
|
|
class="select-label"
|
|
:hidden="disabled"
|
|
>
|
|
{{ placeholder }}
|
|
</label>
|
|
<ft-tooltip
|
|
v-if="tooltip !== ''"
|
|
class="selectTooltip"
|
|
:tooltip="tooltip"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-select.js" />
|
|
<style scoped src="./ft-select.css" />
|