Bootup sprint (#18)

* Did some stuff

* Fix gradle, start implementing mjpeg frame consumer

* Did some stuff

* bade changes

* rename camera config to USBCameraConfiguration, add name

* unrename cameraconfiguration

* Add pub/sub framework

* Add setResolution to mjpeg frame consumer

* add NTDataConsumer

* Add some totally broken hsv hacks

* Start refactoring UI data

* Update index.js

* Commit and push, he says

* Fix up some errors

* Fix input tab

* Fix fps

* Update index.js

* Add pipeline field setting, update PipelineManager, fix nullpointers and USBCameraSettables

* Change v-model to point to data()

* update hsv to use mutations

* Work on saving, fix hsv

* Rename shouldErode/shouldDilate to erode and dilate

* Hook all the tabs up to the Store

* Change handleData to handlePipelineData

* camera quirk redo, add ICCSub to SocketHandler

* Fix some property names

* Fixed tons of naming in UI, fix backend for multi-val PSCs, fix PSC enums

* change pipeline type to an int in store

* Fix mutation naming

* Attempt threshold fix

* Update SocketHandler.java

* Add truthy data sending

* Start adding logging support

* [UI] Add delay to slider input boxes (#1)

* [UI] [Backend] potentially fix camera settings, various logging tweaks

* Don't release raw input mat

* add setVideoModeIndex to vision settables

* Implement pipeline index in socket handler, add framework for renaming/changing pipes

* (ish) get pipeline change working

* Create index.html

* Cleanups, fix pipeline index bug, fix stream res for MJPG, add dashboard stream (unused)

* Refactor UI to use mutatePipeline, send pipeline results

* Update NetworkConfig.java

* Change double to number

* Run spotless

* Fix reversal of large/small comparators

* Fix left/right

* Fix pitch/yaw calculation bug, fix area bug

* Use Vue.set instead of assignment

This fixes {{ }}

* Update App.vue

* run spotless

* Actually add pipelines and reassign indecies

* Delete old pipeline configs

Fixes duplication on renaming pipeline

* Start working on deleting pipes

* Fix camera nickname change

* run spotless

* Fix some test stuff

* Update VisionModuleManagerTest.java

* vision source manager test is still broken

* Fix VisionSourceManager test

* Apply spotless 2 electric boogaloo

Co-authored-by: Banks Troutman <btrout.dhrs@gmail.com>
Co-authored-by: Declan Freeman-Gleason <declanfreemangleason@gmail.com>
Co-authored-by: Aaryan Agrawal <54345060+13Ducks@users.noreply.github.com>

photon-client/src/views/PipelineViews/OutputTab.vue

@@ -1,46 +1,46 @@
 <template>
   <div>
     <CVselect
-      v-model="value.sortMode"
+      v-model="contourSortMode"
       name="Sort Mode"
       :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Centermost']"
-      @input="handleData('sortMode')"
-      @rollback="rollback('sortMode',e)"
+      @input="handlePipelineData('contourSortMode')"
+      @rollback="e => rollback('contourSortMode', e)"
     />
 
     <CVselect
-      v-model="value.targetRegion"
-      name="Target Region"
+      v-model="contourTargetOffsetPointEdge"
+      name="Target Offset Point"
       :list="['Center','Top','Bottom','Left','Right']"
-      @input="handleData('targetRegion')"
-      @rollback="e=> rollback('targetRegion',e)"
+      @input="handlePipelineData('contourTargetOffsetPointEdge')"
+      @rollback="e=> rollback('contourTargetOffsetPointEdge', e)"
     />
 
     <CVselect
-      v-model="value.targetOrientation"
+      v-model="contourTargetOrientation"
       name="Target Orientation"
       :list="['Portrait', 'Landscape']"
-      @input="handleData('targetOrientation')"
-      @rollback="e=> rollback('targetOrientation',e)"
+      @input="handlePipelineData('contourTargetOrientation')"
+      @rollback="e=> rollback('contourTargetOrientation', e)"
     />
 
     <CVswitch
-      v-model="value.multiple"
-      name="Output multiple"
-      @input="handleData('multiple')"
-      @rollback="e=> rollback('multiple',e)"
+      v-model="outputShowMultipleTargets"
+      name="Show Multiple Targets"
+      @input="handlePipelineData('outputShowMultipleTargets')"
+      @rollback="e=> rollback('outputShowMultipleTargets', e)"
     />
-    <span>Calibrate:</span>
+    <span>Robot Offset:</span>
     <v-divider
       dark
       color="white"
     />
     <CVselect
-      v-model="value.calibrationMode"
-      name="Calibration Mode"
-      :list="['None','Single point','Dual point']"
-      @input="handleData('calibrationMode')"
-      @rollback="e=> rollback('calibrationMode',e)"
+      v-model="offsetRobotOffsetMode"
+      name="Robot Offset Mode"
+      :list="['None','Single Point','Dual Point']"
+      @input="handlePipelineData('offsetRobotOffsetMode')"
+      @rollback="e=> rollback('offsetRobotOffsetMode',e)"
     />
     <component
       :is="selectedComponent"
@@ -82,6 +82,7 @@
             DualCalibration,
 
         },
+        // eslint-disable-next-line vue/require-prop-types
         props: ['value'],
 
         data() {
@@ -91,22 +92,65 @@
             }
         },
         computed: {
+
+            contourSortMode: {
+
+                get() {
+                    return this.$store.getters.currentPipelineSettings.contourSortMode
+                },
+                set(val) {
+                    this.$store.commit("mutatePipeline", {"contourSortMode": val});
+                }
+            },
+            contourTargetOffsetPointEdge: {
+                get() {
+                    return this.$store.getters.currentPipelineSettings.contourTargetOffsetPointEdge
+                },
+                set(val) {
+                    this.$store.commit("mutatePipeline", {"contourTargetOffsetPointEdge": val});
+                }
+            },
+            contourTargetOrientation: {
+                get() {
+                    return this.$store.getters.currentPipelineSettings.contourTargetOrientation
+                },
+                set(val) {
+                    this.$store.commit("mutatePipeline", {"contourTargetOrientation": val});
+                }
+            },
+            outputShowMultipleTargets: {
+                get() {
+                    return this.$store.getters.currentPipelineSettings.outputShowMultipleTargets
+                },
+                set(val) {
+                    this.$store.commit("mutatePipeline", {"outputShowMultipleTargets": val});
+                }
+            },
+            offsetRobotOffsetMode: {
+                get() {
+                    return this.$store.getters.currentPipelineSettings.offsetRobotOffsetMode
+                },
+                set(val) {
+                    this.$store.commit("mutatePipeline", {"offsetRobotOffsetMode": val});
+                }
+            },
+
             selectedComponent: {
                 get() {
                     switch (this.value.calibrationMode) {
                         case 0:
                             return "";
                         case 1:
-                            return "SingleCalibration";
+                            return "Single Point";
                         case 2:
-                            return "DualCalibration"
+                            return "Dual Point"
                     }
                     return ""
                 }
             },
             rawPoint: {
                 get() {
-                    return this.$store.state.point.rawPoint;
+                    return undefined; // TODO fix
                 }
             }
         },