added data flow

This commit is contained in:
ori agranat
2019-09-28 18:27:17 +03:00
parent 88419e956f
commit 70a10a6ce9
7 changed files with 96 additions and 33 deletions

View File

@@ -1,10 +1,10 @@
<template>
<div>
<CVrangeSlider v-model="t" name="Area" :min="0" :max="100"></CVrangeSlider>
<CVrangeSlider v-model="t" name="Ratio (W/H)" :min="0" :max="100" :step="0.1"></CVrangeSlider>
<CVrangeSlider v-model="t" name="Ratio Extent" :min="0" :max="100"></CVrangeSlider>
<CVselect name="Target Group" :list="['Single','Dual','Triple','Quadruple','Quintuple']"></CVselect>
<CVselect name="Target Intersaction" :list="['None','Up','Down','Left','Right']" :disabled="isDisabled"></CVselect>
<CVrangeSlider v-model="value.Area" name="Area" :min="0" :max="100"></CVrangeSlider>
<CVrangeSlider v-model="value.Ratio" name="Ratio (W/H)" :min="0" :max="100" :step="0.1"></CVrangeSlider>
<CVrangeSlider v-model="value.Extent" name="Extent" :min="0" :max="100"></CVrangeSlider>
<CVselect name="Target Group" :list="['Single','Dual','Triple','Quadruple','Quintuple']" v-model="value.TargetGrouping"></CVselect>
<CVselect name="Target Intersection" :list="['None','Up','Down','Left','Right']" :disabled="isDisabled" v-model="value.TargetIntersection"></CVselect>
</div>
</template>
@@ -14,18 +14,21 @@ import CVrangeSlider from '../../components/cv-range-slider'
import CVselect from '../../components/cv-select'
export default {
name: 'Contours',
props:['value'],
components:{
CVrangeSlider,
CVselect
},
data() {
return {
t:[0,25]
}
},
computed:{
isDisabled(){
return false
if(this.value.TargetGrouping === 0){
return true;
}
return false;
}
}
}