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

webapp: added info page to show current time settings

Browse Source
This commit is contained in:
Thomas Basler 2022-04-17 23:53:11 +02:00
parent 1f692f241f
commit 855ee19cde
3 changed files with 91 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,6 +59,11 @@
>Network</router-link
>
</li>
<li>
<router-link class="dropdown-item" to="/info/ntp"
>NTP</router-link
>
</li>
</ul>
</li>
<li class="nav-item">

79
webapp/src/components/NtpInfoView.vue Normal file
View File

@ -0,0 +1,79 @@
<template>
<div class="container" role="main">
<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-body">
<div class="table-responsive">
<table class="table table-hover table-condensed">
<tbody>
<tr>
<th>Server</th>
<td>{{ ntpDataList.ntp_server }}</td>
</tr>
<tr>
<th>Timezone</th>
<td>{{ ntpDataList.ntp_timezone }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-header text-white bg-primary">Current Time</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-hover table-condensed">
<tbody>
<tr>
<th>Status</th>
<td
class="badge"
:class="{
'bg-danger': !ntpDataList.ntp_status,
'bg-success': ntpDataList.ntp_status,
}"
>
<span v-if="ntpDataList.ntp_status">synced</span>
<span v-else>not synced</span>
</td>
</tr>
<tr>
<th>Local Time</th>
<td>{{ ntpDataList.ntp_localtime }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
ntpDataList: [],
};
},
created() {
this.getNtpInfo();
},
methods: {
getNtpInfo() {
fetch("/api/ntp/status")
.then((response) => response.json())
.then((data) => (this.ntpDataList = data));
},
},
};
</script>

9
webapp/src/router/index.js
View File

@ -3,10 +3,10 @@ import HomeView from '@/components/HomeView'
import AboutView from '@/components/AboutView'
import NetworkInfoView from '@/components/NetworkInfoView'
import SystemInfoView from '@/components/SystemInfoView'
import NtpInfoView from '@/components/NtpInfoView'
import NetworkAdminView from '@/components/NetworkAdminView'
const routes = [
{
const routes = [{
path: '/',
name: 'Home',
component: HomeView
@ -26,6 +26,11 @@ const routes = [
name: 'System',
component: SystemInfoView
},
{
path: '/info/ntp',
name: 'NTP',
component: NtpInfoView
},
{
path: '/settings/network',
name: 'Network Settings',