patrick/OpenDTU
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webapp: Added input fields to InverterAdminView to enter channel names

Browse Source
This commit is contained in:
Thomas Basler 2022-11-15 19:55:04 +01:00
parent d28fadbdac
commit d0d8be9c05
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webapp/src/views/InverterAdminView.vue
View File

@ -73,15 +73,22 @@
<div class="modal-body"> <div class="modal-body">
<form> <form>
<div class="mb-3"> <div class="mb-3">
<label for="inverter-serial" class="col-form-label">Serial:</label> <label for="inverter-serial" class="col-form-label">Inverter Serial:</label>
<input v-model="selectedInverterData.serial" type="number" id="inverter-serial" <input v-model="selectedInverterData.serial" type="number" id="inverter-serial"
class="form-control" /> class="form-control" />
<label for="inverter-name" class="col-form-label">Name:</label> <label for="inverter-name" class="col-form-label">Inverter Name:</label>
<input v-model="selectedInverterData.name" type="text" id="inverter-name" <input v-model="selectedInverterData.name" type="text" id="inverter-name"
class="form-control" maxlength="31" /> class="form-control" maxlength="31" />
</div> </div>
<div v-for="(max, index) in selectedInverterData.channel" :key="`${index}`"> <div v-for="(max, index) in selectedInverterData.channel" :key="`${index}`">
<label :for="`inverter-name_${index}`" class="col-form-label">Name string {{ index +1 }}:</label>
<div class="d-flex mb-2">
<div class="input-group">
<input type="text" class="form-control" :id="`inverter-name_${index}`" maxlength="31"
v-model="selectedInverterData.channel[index].name" />
</div>
</div>
<label :for="`inverter-max_${index}`" class="col-form-label">Max power string {{ index +1 }}:</label> <label :for="`inverter-max_${index}`" class="col-form-label">Max power string {{ index +1 }}:</label>
<div class="d-flex mb-2"> <div class="d-flex mb-2">
<div class="input-group"> <div class="input-group">