fixes in the ui

chameleon-client/src/components/ch-select.vue

@@ -4,7 +4,7 @@
             <h4>{{title.charAt(0).toUpperCase() + title.slice(1)}} :</h4>
         </Col>
         <Col span="4">
-            <i-select v-model="value" size="small" @on-change="handleInput">
+            <i-select v-model="value" size="small" @on-change="handleInput" :disabled="isDisabled" @on-query-change="$emit('change')">
                 <i-option v-for="item in list" :value="item" :key="item">{{item}}</i-option>
             </i-select>
         </Col>
@@ -17,7 +17,8 @@
         props:{
             title: String,
             list: Array,
-            Xkey: String
+            Xkey: String,
+            isDisabled:Boolean
         },
         data() {
             return {

chameleon-client/src/components/contourTab.vue

@@ -1,14 +1,12 @@
 <template>
     <div id="ContourTab">
-     <chselect class="spacing" title="Sort Mode" Xkey="sort_mode" 
-        :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Closest']"></chselect>
      <chrange class="spacing" title="Area" Xkey="area"></chrange>
      <chrange class="spacing" title="Ratio (W/H)" Xkey="ratio" :steps="0.1"></chrange>
      <chrange class="spacing" title="Extent" Xkey="extent"></chrange>
      <chselect class="spacing" title="Target Group" Xkey="target_group" 
         :list="['Single','Dual','Triple','Quadruple','Quintuple']"></chselect>
     <chselect class="spacing" title="Target Intersaction" Xkey="target_intersection" 
-        :list="['Up','Down','Left','Right','Parallel']"></chselect>
+        :list="['Up','Down','Left','Right','Parallel']" :isDisabled="isSingle"></chselect>
      </div>
 </template>
 
@@ -29,8 +27,18 @@ import chrange from './ch-range.vue'
         },
         data() {
             return {
-                
             }
+        },
+        computed: {
+            isSingle:function(){
+                if (this.$store.state.target_group == 'Single'){
+                    return true;
+                } else {
+                    return false;
+                }
+            }
+        },
+        watch:{
         }
     }
 </script>

chameleon-client/src/components/outputTab.vue

@@ -1,8 +1,8 @@
 <template>
     <div id="OutputTab">
-     <chselect class="spacing" title="Target region" Xkey="target_region" 
-        :list="['Upmost','Rightmost','Downmost','Leftmost','Centermost']"></chselect>
-        
+        <chselect class="spacing" title="Sort Mode" Xkey="sort_mode" 
+        :list="['Largest','Smallest','Highest','Lowest','Rightmost','Leftmost','Closest']"></chselect>
+        <h4>calibrate crosshair</h4>
      </div>
 </template>