66 lines
2.5 KiB
HTML
66 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Who's Talking?</title>
|
|
<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">
|
|
<h1>Who's Talking?</h1>
|
|
<button v-cloak class="pure-button pure-button-primary" @click="toggleTail" :class="{ 'button-error': enabled }">
|
|
{{ enabled ? "Stop" : "Start" }} Log
|
|
</button>
|
|
<div class="header-disclaimer">
|
|
Not all keyups are captured.<p></p>
|
|
© 2021 Rob Vella KK9ROB
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-wrapper">
|
|
<div class="content">
|
|
<table class="pure-table logs">
|
|
<thead>
|
|
<tr>
|
|
<th>Node#</th>
|
|
<th>Via</th>
|
|
<th>Key</th>
|
|
<th>Type</th>
|
|
<th>When</th>
|
|
<th class="desc">Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody v-cloak>
|
|
<tr v-for="row in logs" :class="{ keyed: isKeyedNow(row), error: (row.node == 0000) }">
|
|
<td><lt-node-link :node="row.node" :type="row.type" /></td>
|
|
<td>{{ row.via }}</td>
|
|
<td>{{ row.keyed }}</td>
|
|
<td>{{ row.typeLabel }}</td>
|
|
<td class="when">{{ row.dateTime.format('hh:mm:ss MM/DD/YY') }}</td>
|
|
<td v-html="row.info"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="text-center">
|
|
© 2021 Rob Vella, KK9ROB
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|
<script src="app.js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|