3d, camera calibration, backend settings hookup (#80)

* Implement new UI backend stuff

* Kinda partially add resolution accuracy list

* camera calibration go brrrrrrrr

* ayyyy calibration works

* Maybe fix grouping

* Reorganize camera view

* Fix settings not getting sent

* Make pretty (#4)

* Reorganize camera view

* Apply some cosmetic layout changes to the cameras page

* Fix pipeline rollback bug when starting on non-dashboard pages

Co-authored-by: Matt <matthew.morley.ca@gmail.com>

* Fix naming mismatch

* Mostly make stuff work

* rename robot-relative pose to camera-relative pose

* SolvePNP memes, fix isFovConfigurable

* Change config path to photonvision_config

* netmask go poof, fix zip download?

* Update index.js

* Fix multi cam stuff?

* Use LinearFilter instead

* Fix multicam

* aaa

* start adding restart device and restart program, fix square size bug

* Add some debug stuff

* oop

* Start fixing tests

* Fix tests

* Make target box proportinal

* run spotless

* Make crosshair h o t p i n k

* Address review comments

* Address review 2 electric booaloo

* Possibly implement vendor FOV?

* Make centroid crosshair gren

* actually use FOV

* Fix tests

* actually fix tests

Co-authored-by: Declan Freeman-Gleason <declanfreemangleason@gmail.com>

photon-client/src/views/SettingsViews/General.vue

@@ -11,7 +11,7 @@
       <v-col
         cols="12"
         sm="6"
-        lg="4"
+        lg="3"
       >
         <v-btn
           color="secondary"
@@ -25,7 +25,7 @@
       <v-col
         cols="12"
         sm="6"
-        lg="4"
+        lg="3"
       >
         <v-btn
           color="secondary"
@@ -38,11 +38,24 @@
       </v-col>
       <v-col
         cols="12"
-        lg="4"
+        lg="3"
       >
         <v-btn
           color="red"
-          @click="restartDevice"
+          @click="axios.post('http://' + this.$address + '/api/restartProgram')"
+        >
+          <v-icon left>
+            mdi-restart
+          </v-icon> Restart Photon
+        </v-btn>
+      </v-col>
+      <v-col
+        cols="12"
+        lg="3"
+      >
+        <v-btn
+          color="red"
+          @click="axios.post('http://' + this.$address + '/api/restartDevice')"
         >
           <v-icon left>
             mdi-restart
@@ -71,56 +84,53 @@
     <a
       ref="exportSettings"
       style="color: black; text-decoration: none; display: none"
-      href="/api/settings/export"
+      :href="'http://' + this.$address + '/api/settings/photonvision_config.zip'"
       download="photonvision-settings.zip"
     />
   </div>
 </template>
 
 <script>
-    export default {
-        name: 'General',
-        data() {
-          return {
+export default {
+    name: 'General',
+    data() {
+        return {
             snack: false,
             snackbar: {
-              color: "success",
-              text: ""
+                color: "success",
+                text: ""
             },
-          }
-        },
-        computed: {
-          settings() {
+        }
+    },
+    computed: {
+        settings() {
             return this.$store.state.settings.general;
-          }
-        },
-        methods: {
-          readImportedSettings(event) {
+        }
+    },
+    methods: {
+        readImportedSettings(event) {
             let formData = new FormData();
             formData.append("zipData", event.target.files[0]);
             this.axios.post("http://" + this.$address + "/api/settings/import", formData,
-                    {headers: {"Content-Type": "multipart/form-data"}}).then(() => {
-              this.snackbar = {
-                color: "success",
-                text: "Settings imported successfully",
-              };
+                {headers: {"Content-Type": "multipart/form-data"}}).then(() => {
+                this.snackbar = {
+                    color: "success",
+                    text: "Settings imported successfully",
+                };
             }).catch(() => {
-              this.snackbar = {
-                color: "error",
-                text: "Couldn't import settings",
-              }
+                this.snackbar = {
+                    color: "error",
+                    text: "Couldn't import settings",
+                }
             });
             this.snack = true;
-          },
-          restartDevice() {
-            this.axios.post("http://" + this.$address + "/api/restart");
-          }
-        }
+        },
     }
+}
 </script>
 
 <style lang="css" scoped>
-    .v-btn {
-        width: 100%;
-    }
+.v-btn {
+    width: 100%;
+}
 </style>

photon-client/src/views/SettingsViews/Networking.vue

@@ -5,7 +5,7 @@
       name="Team Number"
       :rules="[v => (v > 0) || 'Team number must be greater than zero', v => (v < 10000) || 'Team number must have fewer than five digits']"
     />
-    <template v-if="$store.state.settings.networking.supported">
+    <template v-if="$store.state.settings.networkSettings.supported">
       <CVradio
         v-model="settings.connectionType"
         :list="['DHCP','Static']"
@@ -17,12 +17,6 @@
           :rules="[v => isIPv4(v) || 'Invalid IPv4 address']"
           name="IP"
         />
-        <CVinput
-          v-model="settings.netmask"
-          :input-cols="inputCols"
-          :rules="[v => isSubnetMask(v) || 'Invalid subnet mask']"
-          name="Subnet Mask"
-        />
       </template>
     </template>
     <CVinput
@@ -70,7 +64,7 @@
                 return this.settings.connectionType === 0;
             },
             settings() {
-                return this.$store.state.settings.networking;
+                return this.$store.state.settings.networkSettings;
             }
         },
         methods: {