barterer
Version:
Real-time location & sensor data API for the IoT. We believe in an open Internet of Things.
297 lines (295 loc) • 13.3 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description"
content="Human-friendly representation of wireless device data.">
<link rel="stylesheet" href="/barterer/style/bootstrappyactive.min.css">
<script type="module" src="/barterer/js/color-modes.js"></script>
<title> barterer by reelyActive </title>
</head>
<body>
<!-- Navigation -->
<nav class="navbar sticky-top navbar-expand-lg bg-body-tertiary shadow">
<div class="container-fluid">
<a class="navbar-brand" href="https://www.reelyactive.com/">
<img src="/barterer/images/reelyactive-logo-square-nav.png"
width="30" height="30" alt="reelyActive">
</a>
<a class="navbar-brand" href="/">
<img src="/barterer/images/pareto-anywhere-logo-nav.png"
width="162" height="30" alt="Pareto Anywhere">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarItems" aria-controls="navbarItems"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarItems">
<!-- Left-aligned navigation items -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
</ul>
<!-- Right-aligned navigation items -->
<ul class="navbar-nav">
<li class="nav-item">
<a id="connection" class="nav-link" hidden>
<i class="fas fa-cloud"></i>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarSettingsDropdown"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-sliders-h"></i>
</a>
<!-- Settings menu -->
<ul class="dropdown-menu dropdown-menu-end shadow"
aria-labelledby="navbarSettingsDropdown">
<li>
<form class="dropdown-item p-2">
<legend> Updates </legend>
<div class="form-check">
<input class="form-check-input" type="radio" checked
name="settingsUpdates" id="settingsNoUpdates">
<label class="form-check-label" for="settingsNoUpdates">
Disabled
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" disabled
name="settingsUpdates"
id="settingsRealTimeUpdates">
<label class="form-check-label"
for="settingsRealTimeUpdates">
Real-time
<small class="text-muted"> (socket.io) </small>
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio"
name="settingsUpdates"
id="settingsPeriodicUpdates">
<label class="form-check-label"
for="settingsPeriodicUpdates">
Periodic <small class="text-muted"> (polling) </small>
</label>
</div>
</form>
</li>
</ul>
</li>
<!-- Colour theme chooser -->
<li class="nav-item dropdown">
<button class="btn btn-link nav-link dropdown-toggle"
id="bd-theme" type="button" aria-expanded="false"
data-bs-toggle="dropdown" data-bs-display="static"
aria-label="Toggle theme (auto)">
<i class="fas fa-adjust"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end shadow"
aria-labelledby="bd-theme-text">
<li>
<button type="button" class="dropdown-item"
data-bs-theme-value="light" aria-pressed="false">
<i class="fas fa-sun"></i> Light
</button>
</li>
<li>
<button type="button" class="dropdown-item"
data-bs-theme-value="dark" aria-pressed="false">
<i class="fas fa-moon"></i> Dark
</button>
</li>
<li>
<button type="button" class="dropdown-item active"
data-bs-theme-value="auto" aria-pressed="true">
<i class="fas fa-adjust"></i> Auto
</button>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarInfoDropdown"
role="button" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-question-circle"></i>
</a>
<!-- Info about tracking and open source software/licenses -->
<ul class="dropdown-menu dropdown-menu-end shadow"
aria-labelledby="navbarInfoDropdown">
<li>
<a class="dropdown-item"
href="https://www.reelyactive.com/how-we-observe/#digital">
<i class="fas fa-mouse-pointer"></i>
Behaviour tracking free
<span class="badge bg-success animate-breathing">
<i class="fas fa-user-shield"></i>
</span>
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<a class="dropdown-item" target="_blank"
href="https://getbootstrap.com">
<i class="fab fa-bootstrap"></i>
Bootstrap 5
<span class="badge bg-light text-dark">
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li>
<a class="dropdown-item" target="_blank"
href="https://fontawesome.com">
<i class="fab fa-font-awesome"></i>
Font Awesome (Free)
<span class="badge bg-light text-dark">
<i class="fab fa-creative-commons"></i>
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li>
<a class="dropdown-item" target="_blank"
href="https://github.com/reelyactive/web-style-guide/">
<i class="fas fa-code"></i>
Web Style Guide
<span class="badge bg-light text-dark">
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<a class="dropdown-item" target="_blank"
href="https://github.com/reelyactive/cuttlefish/">
<i class="fab fa-js"></i>
cuttlefish.js
<span class="badge bg-light text-dark">
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li>
<a class="dropdown-item" target="_blank"
href="https://github.com/reelyactive/charlotte/">
<i class="fab fa-js"></i>
charlotte.js
<span class="badge bg-light text-dark">
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li>
<a class="dropdown-item" target="_blank"
href="https://socket.io/">
<i class="fab fa-js"></i>
socket.io 4
<span class="badge bg-light text-dark">
<i class="fab fa-osi"></i> MIT
</span>
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<a class="dropdown-item" target="_blank"
href="https://www.reelyactive.com/made-in-montreal/">
<i class="fab fa-canadian-maple-leaf"></i>
Made in Montréal
<i class="fas fa-city"></i>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Content -->
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 col-xxl-6">
<nav class="mt-5">
<div class="nav nav-tabs" role="tablist">
<button class="nav-link active" id="humantab"
data-bs-toggle="tab" data-bs-target="#humancontent"
type="button" role="tab" aria-controls="humancontent"
aria-selected="true">
<i class="fas fa-user-check"></i> Human-readable
</button>
<button class="nav-link" id="hlctab" data-bs-toggle="tab"
data-bs-target="#hlccontent" type="button" role="tab"
aria-controls="hlccontent" aria-selected="false">
<i class="fas fa-share-alt"></i> HLC
</button>
<button class="nav-link" id="machinetab" data-bs-toggle="tab"
data-bs-target="#machinecontent" type="button" role="tab"
aria-controls="machinecontent" aria-selected="false">
<i class="fas fa-code"></i> Machine-readable
</button>
</div>
</nav>
<div class="tab-content border-light-subtle mb-5">
<!-- Human-readable content pane -->
<div class="tab-pane fade show active" id="humancontent"
role="tabpanel" aria-labelledby="humantab">
<p class="lead text-center mt-4" id="loading">
<span class="badge bg-primary">
<i class="fas fa-info-circle"></i>
</span>
GET /devices in progress...
</p>
<p class="lead text-center mt-4" id="error" hidden>
<span class="badge bg-danger">
<i class="fas fa-skull-crossbones"></i>
</span>
<span id="errorMessage"></span>
</p>
<div id="devices" class="mt-4" hidden></div>
</div>
<!-- Hyperlocal context graph content pane -->
<div class="tab-pane fade d-block" id="hlccontent"
role="tabpanel" aria-labelledby="hlctab">
<div id="cy-container">
<div id="cy" class="w-100 h-100"></div>
</div>
</div>
<!-- Machine-readable content pane -->
<div class="tab-pane fade" id="machinecontent" role="tabpanel"
aria-labelledby="machinetab">
<pre id="jsonResponse" class="my-4"></pre>
</div>
</div>
<p id="returnbutton" class="text-center mb-5">
<a href="/devices/" class="btn btn-outline-primary">
<i class="fas fa-redo"></i> /devices
</a>
</p>
</div>
</div>
</div>
<footer class="footer bg-dark bg-gradient">
<a href="https://github.com/reelyactive/barterer">
barterer
</a>
|
<a href="https://www.reelyactive.com"> © reelyActive 2015-2026 </a>
</footer>
<!-- Optional JavaScript -->
<script defer src="/barterer/js/fontawesome-reelyactive.min.js"></script>
<script src="/barterer/js/bootstrappyactive.bundle.min.js"></script>
<script src="/barterer/js/socket.io.min.js"></script>
<script src="/barterer/js/cytoscape.min.js"></script>
<script src="/barterer/js/layout-base.js"></script>
<script src="/barterer/js/cose-base.js"></script>
<script src="/barterer/js/cytoscape-fcose.js"></script>
<script src="/barterer/js/charlotte.js"></script>
<script src="/barterer/js/cuttlefish-dynamb.js"></script>
<script src="/barterer/js/cuttlefish-spatem.js"></script>
<script src="/barterer/js/cuttlefish-encrypted.js"></script>
<script src="/barterer/js/cuttlefish-statid.js"></script>
<script src="/barterer/js/devices.js"></script>
</body>
</html>