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

webapp: optimize look of firmware update cards

Browse Source
This commit is contained in:
Bernhard Kirchen 2024-10-27 21:03:39 +01:00 committed by Thomas Basler
parent 54b4a2e9e8
commit e724fb8375
1 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
webapp/src/views/FirmwareUpgradeView.vue
View File

@ -17,16 +17,15 @@
<p class="h1 mb-2">
<BIconExclamationCircleFill />
</p>
<span style="vertical-align: middle" class="ml-2">
{{ OTAError }}
</span>
<br />
<br />
<button class="btn btn-light" @click="clear"><BIconArrowLeft /> {{ $t('firmwareupgrade.Back') }}</button>
<button class="btn btn-primary" @click="retryOTA">
<BIconArrowRepeat /> {{ $t('firmwareupgrade.Retry') }}
</button>
{{ OTAError }}
<div class="mt-3 d-flex gap-3 justify-content-center">
<button class="btn btn-light" @click="clear">
<BIconArrowLeft /> {{ $t('firmwareupgrade.Back') }}
</button>
<button class="btn btn-primary" @click="retryOTA">
<BIconArrowRepeat /> {{ $t('firmwareupgrade.Retry') }}
</button>
</div>
</CardElement>
<CardElement
@ -35,10 +34,7 @@
center-content
v-else-if="!loading && !uploading && OTASuccess"
>
<span class="h1 mb-2">
<BIconCheckCircle />
</span>
<span> {{ $t('firmwareupgrade.OtaSuccess') }} </span>
<BIconCheckCircle class="fs-1" />&nbsp;{{ $t('firmwareupgrade.OtaSuccess') }}
</CardElement>
<CardElement
@ -47,7 +43,7 @@
center-content
v-else-if="!loading && !uploading"
>
<div class="form-group pt-2 mt-3">
<div class="form-group">
<input class="form-control" type="file" ref="file" accept=".bin,.bin.gz" @change="uploadOTA" />
</div>
</CardElement>