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

Webapp: Beautify different views

Browse Source
This commit is contained in:
Thomas Basler 2022-06-16 00:01:17 +02:00
parent fc80c8d8ff
commit 6849bd8f6d
5 changed files with 139 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
webapp/src/components/MqttAdminView.vue
View File

@ -21,7 +21,8 @@
</div>
</div>
</div>
<div class="card" v-show="mqttConfigList.mqtt_enabled">
<div class="card mt-5" v-show="mqttConfigList.mqtt_enabled">
<div class="card-header text-white bg-primary">
MqTT Broker Parameter
</div>
@ -123,7 +124,7 @@
</div>
</div>
<div class="card" v-show="mqttConfigList.mqtt_enabled">
<div class="card mt-5" v-show="mqttConfigList.mqtt_enabled">
<div class="card-header text-white bg-primary">LWT Parameters</div>
<div class="card-body">
<div class="row mb-3">

15
webapp/src/components/MqttInfoView.vue
View File

@ -3,11 +3,9 @@
<div class="page-header">
<h1>MqTT Info</h1>
</div>
<div class="bg-light p-5 rounded">
<div class="card">
<div class="card-header text-white bg-primary">
Configuration Summary
</div>
<div class="card-header text-white bg-primary">Configuration Summary</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-condensed">
@ -58,11 +56,10 @@
</table>
</div>
</div>
<div class="card">
<div class="card-header text-white bg-primary">
Runtime Summary
</div>
<div class="card mt-5">
<div class="card-header text-white bg-primary">Runtime Summary</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-condensed">
@ -86,8 +83,6 @@
</div>
</div>
</div>
</div>
</div>
</template>
<script>

6
webapp/src/components/NetworkInfoView.vue
View File

@ -3,12 +3,14 @@
<div class="page-header">
<h1>Network Info</h1>
</div>
<div class="bg-light p-5 rounded">
<WifiStationInfo />
<div class="mt-5"></div>
<WifiApInfo />
<div class="mt-5"></div>
<InterfaceStationInfo />
<div class="mt-5"></div>
<InterfaceApInfo />
</div>
<div class="mt-5"></div>
</div>
</template>

9
webapp/src/components/NtpInfoView.vue
View File

@ -3,11 +3,9 @@
<div class="page-header">
<h1>NTP Info</h1>
</div>
<div class="bg-light p-5 rounded">
<div class="card">
<div class="card-header text-white bg-primary">
Configuration Summary
</div>
<div class="card-header text-white bg-primary">Configuration Summary</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-condensed">
@ -30,7 +28,7 @@
</div>
</div>
<div class="card">
<div class="card mt-5">
<div class="card-header text-white bg-primary">Current Time</div>
<div class="card-body">
<div class="table-responsive">
@ -59,7 +57,6 @@
</div>
</div>
</div>
</div>
</template>
<script>

5
webapp/src/components/SystemInfoView.vue
View File

@ -3,11 +3,12 @@
<div class="page-header">
<h1>System Info</h1>
</div>
<div class="bg-light p-5 rounded">
<FirmwareInfo />
<div class="mt-5"></div>
<HardwareInfo />
<div class="mt-5"></div>
<MemoryInfo />
</div>
<div class="mt-5"></div>
</div>
</template>