adafruit-mirror/Adafruit_WebBluetooth_Dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Prep for gh-pages

Browse source
This commit is contained in:
Melissa LeBlanc-Williams 2021-01-13 10:17:32 -08:00
parent f2daacc7ee
commit 5e13ddcda7
4 changed files with 11 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1,3 +1,3 @@
# Adafruit WebBluetooth Dashboard
A Web Bluetooth Dashboard for easily testing sensors. Source files for the Adafruit WebBluetooth Dashboard available at: https://adafruit-webbt-playground.glitch.me/. Learn guide available at https://learn.adafruit.com/using-connection-based-web-bluetooth-in-chrome.
A Web Bluetooth Dashboard for easily testing sensors. Source files for the Adafruit WebBluetooth Dashboard available at: https://adafruit.github.io/Adafruit_WebBluetooth_Dashboard/. Learn guide available at https://learn.adafruit.com/using-connection-based-web-bluetooth-in-chrome.

BIN
assets/thumbnail.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.8 KiB

21
index.html
View file

@ -14,24 +14,24 @@
<!-- import Chart.js library via CDN, per Chart.js documentation -->
<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js" defer></script>
<script src="/js/colorjoe.min.js" defer></script>
<script src="/js/scale.fix.js" defer></script>
<script src="/js/graph.js" defer></script>
<script src="js/colorjoe.min.js" defer></script>
<script src="js/scale.fix.js" defer></script>
<script src="js/graph.js" defer></script>
<!-- import the web page's stylesheets along with the themes -->
<link rel="stylesheet" href="https://use.typekit.net/qtk5kiq.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/light.css" id="light" class="alternate" disabled>
<link rel="stylesheet" href="/css/dark.css" id="dark" class="alternate" disabled>
<link rel="stylesheet" href="/css/colorjoe.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/light.css" id="light" class="alternate" disabled>
<link rel="stylesheet" href="css/dark.css" id="dark" class="alternate" disabled>
<link rel="stylesheet" href="css/colorjoe.css">
<!-- import the webpage's javascript file -->
<script type="module" src="/js/script.js" defer></script>
<script type="module" src="js/script.js" defer></script>
</head>
<body>
<header class="header">
<div class="left">
<img src="https://cdn.glitch.com/32d343f2-d0c9-4c18-bd6f-e22516f696a5%2Fadafruit-logo.svg" class="Adafruit-Logo">
<img src="assets/adafruit-logo.svg" class="Adafruit-Logo">
</div>
<div class="right">
<label for="knownonly">
@ -97,9 +97,6 @@
<span id="fpsCounter"></span>
<button id="butClear" type="button">Clear Text</button>
</div>
<div class="remix clear">
<button>Remix with Glitch</button>
</div>
</footer>
<div id="templates">
<div class="text">

9
js/script.js
View file

@ -31,7 +31,6 @@ const darkMode = document.getElementById('darkmode');
const dashboard = document.getElementById('dashboard');
const fpsCounter = document.getElementById("fpsCounter");
const knownOnly = document.getElementById("knownonly");
const butRemix = document.querySelector(".remix button");
let colorIndex = 0;
let activePanels = [];
@ -46,7 +45,6 @@ document.addEventListener('DOMContentLoaded', () => {
showTimestamp.addEventListener('click', clickTimestamp);
darkMode.addEventListener('click', clickDarkMode);
knownOnly.addEventListener('click', clickKnownOnly);
butRemix.addEventListener('click', remix);
if ('bluetooth' in navigator) {
const notSupported = document.getElementById('notSupported');
@ -69,11 +67,6 @@ function startAnimating(fps) {
requestAnimationFrame(updateAllPanels);
}
function remix() {
let projectUrl = window.location.href.replace('.glitch.me/', '').replace('://', '://glitch.com/edit/#!/remix/');
window.location.href = projectUrl;
}
const boards = {
CLUE: {
colorOrder: 'GRB',
@ -1018,7 +1011,7 @@ function create3dPanel(panelId) {
{
const gltfLoader = new GLTFLoader();
gltfLoader.load('https://cdn.glitch.com/eeed3166-9759-4ba5-ba6b-aed272d6db80%2Fbunny.glb', (gltf) => {
gltfLoader.load('assets/bunny.glb', (gltf) => {
const root = gltf.scene;
panels[panelId].model = root;
panels[panelId].scene.add(root);