78 lines
1.9 KiB
Vue
78 lines
1.9 KiB
Vue
<template>
|
|
<div id="appSettings">
|
|
|
|
<p><label><input v-model="localMode" class="uk-checkbox" type="checkbox"><b> Local mode</b></label></p>
|
|
|
|
<p><label v-bind:class="disableIfLocalMode"><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable live stream</label></p>
|
|
|
|
<div class="uk-child-width-1-2" uk-grid>
|
|
<p><label v-bind:class="[{'uk-disabled': !this.$store.getters.ready}, disableIfLocalMode]"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p>
|
|
<p><label v-bind:class="[{'uk-disabled': !this.$store.getters.ready}, disableIfLocalMode]"><input v-model="trackWindow" class="uk-checkbox" type="checkbox"> Track window</label></p>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
// Export main app
|
|
export default {
|
|
name: 'appSettings',
|
|
|
|
data: function () {
|
|
return {
|
|
isLocalMode: false
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
localMode: {
|
|
get() {
|
|
return this.isLocalMode
|
|
},
|
|
set(value) {
|
|
this.isLocalMode = value;
|
|
this.trackWindow = value;
|
|
this.disableStream = value;
|
|
this.autoGpuPreview = value;
|
|
}
|
|
},
|
|
|
|
disableStream: {
|
|
get() {
|
|
return this.$store.state.settings.disableStream;
|
|
},
|
|
set(value) {
|
|
this.$store.commit("changeSetting", ['disableStream', value]);
|
|
}
|
|
},
|
|
|
|
autoGpuPreview: {
|
|
get() {
|
|
return this.$store.state.settings.autoGpuPreview;
|
|
},
|
|
set(value) {
|
|
this.$store.commit("changeSetting", ['autoGpuPreview', value]);
|
|
this.$root.$emit('globalTogglePreview', value)
|
|
}
|
|
},
|
|
|
|
trackWindow: {
|
|
get() {
|
|
return this.$store.state.settings.trackWindow;
|
|
},
|
|
set(value) {
|
|
this.$store.commit("changeSetting", ['trackWindow', value]);
|
|
}
|
|
},
|
|
|
|
disableIfLocalMode: function () {
|
|
return {'uk-disabled': this.localMode}
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="less">
|
|
</style>
|