2023-10-18 16:51:32 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
|
|
|
<style>
|
|
|
|
|
ws-time[connected] {
|
|
|
|
|
color: green;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ws-time:not(connected) {
|
|
|
|
|
color: red;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ws-table tr {
|
|
|
|
|
animation: fadein 1s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes fadein {
|
|
|
|
|
from {
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
to {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
<script type="module" src="{{ url_for('static', filename='index.js') }}"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container-xxl">
|
|
|
|
|
<main class="bd-main">
|
|
|
|
|
<ws-time src="/time"></ws-time>
|
|
|
|
|
<div>
|
|
|
|
|
<ws-element autoreconnect="false" src="/ticker"></ws-element>
|
|
|
|
|
</div>
|
2023-10-19 14:52:25 -04:00
|
|
|
<div>
|
|
|
|
|
<ws-input src="/echo"></ws-input>
|
|
|
|
|
<br />
|
|
|
|
|
Receive: <ws-element src="/echo"></ws-element>
|
|
|
|
|
</div>
|
2023-10-18 16:51:32 -04:00
|
|
|
<ws-table limit="10" autoheader src="/logs"></ws-table>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
