graham/aprs.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

js tweak

Browse source
This commit is contained in:
Graham McIntire 2025-07-05 13:07:14 -05:00
parent 294a54823d
commit d5bc00fc86
No known key found for this signature in database
1 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
assets/js/app.js
View file

@ -20,9 +20,29 @@ import "phoenix_html";
// Establish Phoenix Socket and LiveView configuration.
import { Socket } from "phoenix";
import { LiveSocket } from "phoenix_live_view";
import "../vendor/topbar.js";
import "../vendor/oms.min.js";
// Load topbar library
const topbarScript = document.createElement('script');
topbarScript.src = '/assets/topbar.js';
topbarScript.onload = function() {
// Show progress bar on live navigation and form submits
if (window.topbar) {
window.topbar.config({
barColors: {
0: "hsl(var(--p))", // DaisyUI primary color
0.5: "hsl(var(--s))", // DaisyUI secondary color
1: "hsl(var(--a))" // DaisyUI accent color
},
shadowColor: "rgba(0, 0, 0, .3)",
barThickness: 3
});
window.addEventListener("phx:page-loading-start", (info) => window.topbar.show(200));
window.addEventListener("phx:page-loading-stop", (info) => window.topbar.hide());
}
};
document.head.appendChild(topbarScript);
let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content");
// Import minimal APRS map hook
@ -178,19 +198,6 @@ let liveSocket = new LiveSocket("/live", Socket, {
hooks: Hooks,
});
// Show progress bar on live navigation and form submits
window.topbar.config({
barColors: {
0: "hsl(var(--p))", // DaisyUI primary color
0.5: "hsl(var(--s))", // DaisyUI secondary color
1: "hsl(var(--a))" // DaisyUI accent color
},
shadowColor: "rgba(0, 0, 0, .3)",
barThickness: 3
});
window.addEventListener("phx:page-loading-start", (info) => window.topbar.show(200));
window.addEventListener("phx:page-loading-stop", (info) => window.topbar.hide());
// connect if there are any LiveViews on the page
liveSocket.connect();