allmon2-last-heard/index.html

66 lines
2.5 KiB
HTML
Raw Normal View History

2020-07-30 21:36:08 -04:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-01-10 21:30:44 -05:00
<title>Who's Talking?</title>
2020-07-30 21:36:08 -04:00
<link rel="stylesheet" href="css/pure-min.css"
integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ" crossorigin="anonymous">
<link rel="stylesheet" href="css/grids-responsive-min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div id="app">
<div class="header">
<div class="text-center">
2021-01-10 21:30:44 -05:00
<h1>Who's Talking?</h1>
2020-07-31 00:30:36 -04:00
<button v-cloak class="pure-button pure-button-primary" @click="toggleTail" :class="{ 'button-error': enabled }">
2020-08-02 02:27:55 -04:00
{{ enabled ? "Stop" : "Start" }} Log
2020-07-31 00:30:36 -04:00
</button>
2020-08-02 02:27:55 -04:00
<div class="header-disclaimer">
2021-01-10 21:30:44 -05:00
Not all keyups are captured.<p></p>
2021-01-11 03:25:36 -05:00
&copy; 2021 Rob Vella KK9ROB
2020-08-02 02:27:55 -04:00
</div>
2020-07-30 21:36:08 -04:00
</div>
</div>
<div class="content-wrapper">
<div class="content">
<table class="pure-table logs">
<thead>
<tr>
2020-07-31 00:30:36 -04:00
<th>Node#</th>
<th>Via</th>
<th>Key</th>
2020-07-30 21:36:08 -04:00
<th>Type</th>
2020-07-31 00:30:36 -04:00
<th>When</th>
<th class="desc">Description</th>
2020-07-30 21:36:08 -04:00
</tr>
</thead>
<tbody v-cloak>
2020-08-02 03:40:49 -04:00
<tr v-for="row in logs" :class="{ keyed: isKeyedNow(row), error: (row.node == 0000) }">
2020-07-31 00:30:36 -04:00
<td><lt-node-link :node="row.node" :type="row.type" /></td>
<td>{{ row.via }}</td>
2020-07-31 22:03:21 -04:00
<td>{{ row.keyed }}</td>
2020-07-30 21:36:08 -04:00
<td>{{ row.typeLabel }}</td>
2020-07-31 00:30:36 -04:00
<td class="when">{{ row.dateTime.format('hh:mm:ss MM/DD/YY') }}</td>
<td v-html="row.info"></td>
2020-07-30 21:36:08 -04:00
</tr>
</tbody>
</table>
</div>
</div>
2020-08-02 02:27:55 -04:00
<div class="footer">
<div class="text-center">
2021-01-11 03:25:36 -05:00
&copy; 2021 Rob Vella, KK9ROB
2020-08-02 02:27:55 -04:00
</div>
</div>
2020-07-30 21:36:08 -04:00
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.10.2/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
2020-07-31 00:30:36 -04:00
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
2020-07-30 21:36:08 -04:00
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="app.js" type="text/javascript"></script>
</body>
</html>