46 lines
973 B
Vue
46 lines
973 B
Vue
<template>
|
|
<div id="streamSettings" class="uk-width-large">
|
|
<div>
|
|
<h3>Stream Settings</h3>
|
|
<label
|
|
><input v-model="disableStream" class="uk-checkbox" type="checkbox" />
|
|
Disable Web Stream</label
|
|
>
|
|
<p class="uk-margin-small">
|
|
This will disable the embedded web stream of the camera.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// Export main app
|
|
export default {
|
|
name: "StreamSettings",
|
|
|
|
data: function() {
|
|
return {};
|
|
},
|
|
|
|
computed: {
|
|
disableStream: {
|
|
get() {
|
|
return this.$store.state.disableStream;
|
|
},
|
|
set(value) {
|
|
this.$store.commit("changeDisableStream", value);
|
|
}
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
// Cache the stream settings to local storage for persistence
|
|
// (the next 3 functions all relate to this)
|
|
disableStream: function(newValue) {
|
|
this.setLocalStorageObj("disableStream", newValue);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less"></style>
|