Mirrors_Framework/ODrive
1
0
Fork 0
mirror of https://github.com/odriverobotics/ODrive.git synced 2026-08-18 01:18:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[GUI] Slider fixes for min and max values

Browse Source
This commit is contained in:
PAJohnson
2020-12-22 22:58:41 -05:00
parent d19519dd42
commit db693aa0c2
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
GUI/src/components/controls/CtrlSlider.vue
+14 -8
View File
@@ -5,10 +5,10 @@
<span class="ctrlName">{{name}}</span>
</div>
<div class="slider-container">
<input type="number" :value="displayMin" v-on:change="setMin"/>
<input :value="displayMin" :placeholder="displayMin" v-on:change="setMin"/>
<!-- <vue-slider v-model="value" :min="min" :max="max" :interval="interval" /> -->
<vue-slider v-model="value" :data="data" :adsorb="true" @change="putVal"/>
<input type="number" :value="displayMax" v-on:change="setMax" />
<input :value="displayMax" :placeholder="displayMax" v-on:change="setMax" />
</div>
</div>
</template>
@@ -66,14 +66,20 @@ export default {
putVal(keys.join('.'), value);
},
setMin: function (e) {
this.min = parseMath(e.target.value);
this.data = Array.from(Array(101), (_, i) => this.min + (this.max-this.min) / 100 * i);
this.value = this.findNearest(this.data, this.value);
let min = parseMath(e.target.value);
if (min < this.max) {
this.min = min;
this.data = Array.from(Array(101), (_, i) => this.min + (this.max-this.min) / 100 * i);
this.value = this.findNearest(this.data, this.value);
}
},
setMax: function (e) {
this.max = parseMath(e.target.value);
this.data = Array.from(Array(101), (_, i) => this.min + (this.max-this.min) / 100 * i);
this.value = this.findNearest(this.data, this.value);
let max = parseMath(e.target.value);
if (max > this.min) {
this.max = max;
this.data = Array.from(Array(101), (_, i) => this.min + (this.max-this.min) / 100 * i);
this.value = this.findNearest(this.data, this.value);
}
},
deleteCtrl: function() {
// commit a mutation in the store with the relevant information