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

webapp: Nicer alignment of inverter settings

Browse Source
This commit is contained in:
Thomas Basler 2022-11-15 23:39:21 +01:00
parent fec84fd048
commit f198429bd3
1 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -82,20 +82,26 @@
</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="row g-2">
<div class="d-flex mb-2"> <div class="col-md">
<div class="input-group"> <label :for="`inverter-name_${index}`" class="col-form-label">Name string {{ index +1 }}:</label>
<input type="text" class="form-control" :id="`inverter-name_${index}`" maxlength="31" <div class="d-flex mb-2">
v-model="selectedInverterData.channel[index].name" /> <div class="input-group">
<input type="text" class="form-control" :id="`inverter-name_${index}`" maxlength="31"
v-model="selectedInverterData.channel[index].name" />
</div>
</div>
</div> </div>
</div> <div class="col-md-5">
<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">
<input type="number" class="form-control" :id="`inverter-max_${index}`" min="0" <input type="number" class="form-control" :id="`inverter-max_${index}`" min="0"
v-model="selectedInverterData.channel[index].max_power" v-model="selectedInverterData.channel[index].max_power"
:aria-describedby="`inverter-maxDescription_${index} inverter-customizer`" /> :aria-describedby="`inverter-maxDescription_${index} inverter-customizer`" />
<span class="input-group-text" :id="`inverter-maxDescription_${index}`">W<sup>*</sup></span> <span class="input-group-text" :id="`inverter-maxDescription_${index}`">W<sup>*</sup></span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>