changed @input to @change

This commit is contained in:
booploops 2021-12-30 06:15:36 -08:00
parent 69a0b29cd0
commit aee69e8e34

View file

@ -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>