e8e7067993
* Fix legacy message styling - Code cleanup; - Enable constants-mobile; - Add _legacy-messages.scss; - Add status color fg colors to theme constants; * CSS refactoring, significant migration for messages classes - Many messages classes migrated; - c-click-icon > c-icon-button; - c-click-icon rewritten; - __close-btn refined in dialogs; * About and splash screen styling - Fixed splash in About screen; * Update _mixins.scss * Convert c-overlay__close-button to button - <a> -> <button>; - Set color of button; - Normalized naming from close-btn to close-button; * Fixed brightness filter issue on elements in overlays in VISTA; * Fix dismiss button
35 lines
844 B
Vue
35 lines
844 B
Vue
<template>
|
|
<div class="c-ctrl-wrapper">
|
|
<div class="c-icon-button"
|
|
:title="nextValue.title"
|
|
:class="nextValue.icon"
|
|
@click="cycle">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
options: {
|
|
type: Object
|
|
}
|
|
},
|
|
computed: {
|
|
nextValue() {
|
|
let currentValue = this.options.options.filter((v) => this.options.value === v.value)[0];
|
|
let nextIndex = this.options.options.indexOf(currentValue) + 1;
|
|
if (nextIndex >= this.options.options.length) {
|
|
nextIndex = 0;
|
|
}
|
|
return this.options.options[nextIndex];
|
|
}
|
|
},
|
|
methods: {
|
|
cycle() {
|
|
this.$emit('change', this.nextValue.value, this.options);
|
|
}
|
|
}
|
|
};
|
|
</script>
|