Mirrors/OpenDTU
2
0
Fork 0
mirror of https://github.com/tbnobody/OpenDTU.git synced 2025-12-14 10:51:26 +01:00
Code Issues 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
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>
</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"> <div class="card-header text-white bg-primary">
MqTT Broker Parameter MqTT Broker Parameter
</div> </div>
@@ -123,7 +124,7 @@
</div> </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">LWT Parameters</div> <div class="card-header text-white bg-primary">LWT Parameters</div>
<div class="card-body"> <div class="card-body">
<div class="row mb-3"> <div class="row mb-3">

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

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

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

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

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

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

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

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