Target region (#38)

* WIP: target region

* working math

* working directions

* removed if statements

* working portrait and landscape

* Revert "working portrait and landscape "

This reverts commit 8ce2ead1b41d372f72128b7fceeaab09e0834eaa.

* finalized targeting region

chameleon-client/src/views/CameraViewes/OutputTab.vue

@@ -1,8 +1,11 @@
 <template>
     <div>
-        <CVselect name="SortMode" v-model="value.sortMode"
+        <CVselect name="Sort Mode" v-model="value.sortMode"
                   :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Centermost']"
                   @input="handleData('sortMode')"/>
+        <CVselect v-model="value.targetRegion" name="Target Region" :list="['Center','Top','Bottom','Left','Right']" @input="handleData('targetRegion')"/>
+        <CVselect name="Target Orientation" :list="['Portrait', 'Landscape']" v-model="value.targetOrientation"
+                  @input="handleData('targetOrientation')"/>
         <CVswitch name="Output multiple" v-model="value.multiple" @input="handleData('multiple')"/>
         <span>Calibrate:</span>
         <v-divider dark color="white"/>
@@ -41,7 +44,7 @@
             doUpdate() {
                 this.$emit('update')
             },
-            showSnackbar(message){
+            showSnackbar(message) {
                 this.snackbarText = message;
                 this.snackbar = true;
             },
@@ -50,7 +53,7 @@
         data() {
             return {
                 snackbar: false,
-                snackbarText:""
+                snackbarText: ""
             }
         },
         computed: {