changed @input to @change
This commit is contained in:
parent
69a0b29cd0
commit
aee69e8e34
1 changed files with 13 additions and 13 deletions
|
@ -17,11 +17,11 @@
|
||||||
Width
|
Width
|
||||||
</div>
|
</div>
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<input type="range" class="md-slider" min="0" max="100" @input="setRoom()" style="width: 100%;"
|
<input type="range" class="md-slider" min="0" max="100" @change="setRoom()" style="width: 100%;"
|
||||||
v-model="room_dimensions.width" step="1"/>
|
v-model="room_dimensions.width" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 flex-center">
|
<div class="col-3 flex-center">
|
||||||
<input type="number" min="0" @input="setRoom()" style="width: 100%;text-align: center"
|
<input type="number" min="0" @change="setRoom()" style="width: 100%;text-align: center"
|
||||||
v-model="room_dimensions.width" step="1"/>
|
v-model="room_dimensions.width" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -31,11 +31,11 @@
|
||||||
Height
|
Height
|
||||||
</div>
|
</div>
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<input type="range" class="md-slider" min="0" max="100" @input="setRoom()" style="width: 100%;"
|
<input type="range" class="md-slider" min="0" max="100" @change="setRoom()" style="width: 100%;"
|
||||||
v-model="room_dimensions.height" step="1"/>
|
v-model="room_dimensions.height" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 flex-center">
|
<div class="col-3 flex-center">
|
||||||
<input type="number" min="0" @input="setRoom()" style="width: 100%;text-align: center"
|
<input type="number" min="0" @change="setRoom()" style="width: 100%;text-align: center"
|
||||||
v-model="room_dimensions.height" step="1"/>
|
v-model="room_dimensions.height" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -45,17 +45,17 @@
|
||||||
Depth
|
Depth
|
||||||
</div>
|
</div>
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<input type="range" class="md-slider" min="0" max="100" @input="setRoom()" style="width: 100%;"
|
<input type="range" class="md-slider" min="0" max="100" @change="setRoom()" style="width: 100%;"
|
||||||
v-model="room_dimensions.depth" step="1"/>
|
v-model="room_dimensions.depth" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-3 flex-center">
|
<div class="col-3 flex-center">
|
||||||
<input type="number" min="0" @input="setRoom()" style="width: 100%;text-align: center"
|
<input type="number" min="0" @change="setRoom()" style="width: 100%;text-align: center"
|
||||||
v-model="room_dimensions.depth" step="1"/>
|
v-model="room_dimensions.depth" step="1"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<label v-if="!app.cfg.audio.normalization">
|
<label v-if="!app.cfg.audio.normalization">
|
||||||
Gain
|
Gain
|
||||||
<input type="number" min="0" @input="setRoom()" style="width: 100%;"
|
<input type="number" min="0" @change="setRoom()" style="width: 100%;"
|
||||||
v-model="app.cfg.audio.spatial_properties.gain" step="0.1"/>
|
v-model="app.cfg.audio.spatial_properties.gain" step="0.1"/>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
@ -74,7 +74,7 @@
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<label>
|
<label>
|
||||||
Up
|
Up
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.up">
|
v-model="room_materials.up">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
|
@ -86,7 +86,7 @@
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<label>
|
<label>
|
||||||
Left
|
Left
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.left">
|
v-model="room_materials.left">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
|
@ -95,14 +95,14 @@
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<label>
|
<label>
|
||||||
Front
|
Front
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.front">
|
v-model="room_materials.front">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
</label>
|
</label>
|
||||||
<label>
|
<label>
|
||||||
Back
|
Back
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.back">
|
v-model="room_materials.back">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
|
@ -111,7 +111,7 @@
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<label>
|
<label>
|
||||||
Right
|
Right
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.right">
|
v-model="room_materials.right">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
|
@ -123,7 +123,7 @@
|
||||||
<div class="col flex-center">
|
<div class="col flex-center">
|
||||||
<label>
|
<label>
|
||||||
Down
|
Down
|
||||||
<select class="md-select" @input="setRoom()"
|
<select class="md-select" @change="setRoom()"
|
||||||
v-model="room_materials.down">
|
v-model="room_materials.down">
|
||||||
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
<option v-for="prop in roomProps" :value="prop">{{ prop }}</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue