Commit f8758fe2 authored by Joel Collins's avatar Joel Collins
Browse files

Renamed appSettings to streamSettings

parent af19fb7f

src/components/paneSettings.vue

+4 −4
Original line number Diff line number Diff line
@@ -3,8 +3,8 @@ 
    

    <ul uk-accordion="multiple: true">

      <li>

        <a class="uk-accordion-title" href="#">App settings</a>

        <div class="uk-accordion-content"><appSettings/></div>

        <a class="uk-accordion-title" href="#">Stream settings</a>

        <div class="uk-accordion-content"><streamSettings/></div>

      </li>



      <li v-if="$store.getters.ready">
@@ -18,7 +18,7 @@ 
</template>



<script>

import appSettings from './paneSettingsComponents/appSettings.vue'

import streamSettings from './paneSettingsComponents/streamSettings.vue'

import microscopeSettings from './paneSettingsComponents/microscopeSettings.vue'



// Export main app
@@ -26,7 +26,7 @@ export default { 
  name: 'paneSettings',



  components: {

    appSettings,

    streamSettings,

    microscopeSettings

  }

src/components/paneSettingsComponents/appSettings.vue→src/components/paneSettingsComponents/streamSettings.vue

+29 −6
Original line number Diff line number Diff line 
<template>

<div id="appSettings">



  <p><label><input v-model="disableStream" class="uk-checkbox" type="checkbox"> Disable stream</label></p>

  <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}"><input v-model="autoGpuPreview" class="uk-checkbox" type="checkbox"> GPU preview</label></p>

    <p><label><input v-model="trackWindow" class="uk-checkbox" type="checkbox"> Track window</label></p>

    <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>
@@ -17,7 +19,25 @@ 
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;
@@ -26,6 +46,7 @@ export default { 
        this.$store.commit("changeSetting", ['disableStream', value]);

      }

    },



    autoGpuPreview: {

      get() {

        return this.$store.state.settings.autoGpuPreview;
@@ -35,16 +56,18 @@ export default { 
        this.$root.$emit('globalTogglePreview', value)

      }

    },



    trackWindow: {

      get() {

        return this.$store.state.settings.trackWindow;

      },

      set(value) {

        this.$store.commit("changeSetting", ['trackWindow', value]);

        if (this.$store.state.settings.autoGpuPreview == true) {

          this.$root.$emit('globalTogglePreview', true)

        }

      }

    },

    

    disableIfLocalMode: function () {

      return {'uk-disabled': this.localMode}

    }

  }