misc
This commit is contained in:
parent
18a02d7490
commit
034067f796
7
app.js
7
app.js
@ -7,7 +7,8 @@ import { useReducer, useState, useEffect, useLayoutEffect, useMemo, useRef } fro
|
|||||||
import State01 from "./testdata-01.json" assert { type: "json" };
|
import State01 from "./testdata-01.json" assert { type: "json" };
|
||||||
import State02 from "./testdata-02.json" assert { type: "json" };
|
import State02 from "./testdata-02.json" assert { type: "json" };
|
||||||
|
|
||||||
const Styles = {
|
const Styles =
|
||||||
|
{
|
||||||
Broadcast:
|
Broadcast:
|
||||||
{
|
{
|
||||||
position: "relative",
|
position: "relative",
|
||||||
@ -245,6 +246,7 @@ const DateParse = (inDateString) =>
|
|||||||
Date: date.getDate(),
|
Date: date.getDate(),
|
||||||
Hours: date.getHours(),
|
Hours: date.getHours(),
|
||||||
Minutes: date.getMinutes(),
|
Minutes: date.getMinutes(),
|
||||||
|
Epoch: date.valueOf()
|
||||||
};
|
};
|
||||||
|
|
||||||
obj.Zone = obj.Zone ? obj.Zone[1] : "local time";
|
obj.Zone = obj.Zone ? obj.Zone[1] : "local time";
|
||||||
@ -255,4 +257,5 @@ const DateParse = (inDateString) =>
|
|||||||
return obj;
|
return obj;
|
||||||
};
|
};
|
||||||
|
|
||||||
export default App;
|
/** @type {(inChannel:string, inSelector:string)=>void} */
|
||||||
|
export default (inChannel, inSelector) => render(h(App, {channel:inChannel, interval:50000}), document.querySelector(inSelector));
|
22
index.html
22
index.html
@ -2,25 +2,15 @@
|
|||||||
<html>
|
<html>
|
||||||
<head></head>
|
<head></head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div style="max-width:500px; margin: 0 auto;">
|
<div style="max-width:500px; margin: 0 auto;">
|
||||||
<div id="boxcast"></div>
|
<div id="boxcast"></div>
|
||||||
|
<script type="module">
|
||||||
|
import Init from "./app.js";
|
||||||
|
const Channel = { Basics: "sfz7ja3rlpoous6usu8a", Sunday: "gzahmhugrzogttfdtbjj", Dev: "r3os2zfdnhlquhuypgtp" };
|
||||||
|
Init(Channel.Basics, "#boxcast");
|
||||||
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<script type="module">
|
|
||||||
|
|
||||||
const Channel = {
|
|
||||||
Basics: "sfz7ja3rlpoous6usu8a",
|
|
||||||
Sunday: "gzahmhugrzogttfdtbjj",
|
|
||||||
Dev: "r3os2zfdnhlquhuypgtp"
|
|
||||||
};
|
|
||||||
|
|
||||||
import { h, render } from "https://esm.sh/preact";
|
|
||||||
import App from "./app.js";
|
|
||||||
|
|
||||||
render(
|
|
||||||
h(App, {channel:Channel.Basics, interval:50000}),
|
|
||||||
document.querySelector("#boxcast")
|
|
||||||
);
|
|
||||||
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
3
types.d.ts
vendored
3
types.d.ts
vendored
@ -25,7 +25,8 @@ namespace Boxcast
|
|||||||
Date: number
|
Date: number
|
||||||
Hours: number
|
Hours: number
|
||||||
Minutes: string | number
|
Minutes: string | number
|
||||||
M?: "AM" | "PM"
|
M?: "AM" | "PM",
|
||||||
|
Epoch: number
|
||||||
}
|
}
|
||||||
|
|
||||||
type StateBinding<T> = [T, (item:T)=>void];
|
type StateBinding<T> = [T, (item:T)=>void];
|
||||||
|
Loading…
Reference in New Issue
Block a user