2019-06-02 00:54:49 +02:00
|
|
|
<script type="text/x-template" id="tmpl-dropdown">
|
|
|
|
<div class="dropdown" :id="id" :class="{hidden: !visible}">
|
2020-02-23 22:54:50 +01:00
|
|
|
<div class="row item"
|
|
|
|
:class="{disabled: item.disabled, ...classes.reduce((classes, c) => {classes[c] = true; return classes}, {})}"
|
|
|
|
v-for="item in items" @click="clicked(item)">
|
2019-06-02 00:54:49 +02:00
|
|
|
<div class="col-1 icon">
|
|
|
|
<i class="fa" :class="['fa-' + (item.icon || '')]" v-if="item.icon"></i>
|
2019-06-18 18:14:24 +02:00
|
|
|
<i :class="item.iconClass" v-else-if="item.iconClass"></i>
|
2019-06-02 00:54:49 +02:00
|
|
|
<img src="item.img" v-else-if="item.image">
|
|
|
|
</div>
|
|
|
|
<div class="col-11 text" v-text="item.text"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script type="application/javascript" src="{{ url_for('static', filename='js/elements/dropdown.js') }}"></script>
|
|
|
|
|