{JSON.stringify(errors)}
}
+
+
+
+ );
+};
+
+export default Stream;
diff --git a/frontend/src/Register.tsx b/frontend/src/Register.tsx
new file mode 100644
index 0000000..3965d64
--- /dev/null
+++ b/frontend/src/Register.tsx
@@ -0,0 +1,77 @@
+import { useLocation, useNavigate } from "solid-app-router";
+import { Component, createMemo, createSignal, Show } from "solid-js";
+import { useService } from "solid-services";
+import Layout from "./Layout";
+import { AuthService } from "./store/AuthService";
+import Title from "./Title";
+import { prevent } from "./utils/preventDefault";
+
+const Register: Component = () => {
+
+ const [errors, setErrors] = createSignal();
+
+ const authService = useService(AuthService);
+ const navigate = useNavigate();
+ const location = useLocation<{ redirectTo?: string }>();
+
+ createMemo(() => {
+ if (authService().user != null && authService().user.id != 0) {
+ navigate('/', { replace: true });
+ }
+ });
+
+ const redirectTo = createMemo(() => {
+ return location.state?.redirectTo || '/';
+ });
+
+ const submit = (e) => {
+ const data = new FormData(e.currentTarget);
+ const body = Object.fromEntries(data) as any;
+
+ authService()
+ .register(body)
+ .then(() => {
+ navigate(redirectTo());
+ })
+ .catch(setErrors);
+ };
+
+ return (
+ {JSON.stringify(errors)}
}
+ Du musschd di jedzd abr scho no neilogga weischt?
+ const whitelistFallback = Du bisch leidr ned whidelischded :(
+
+
+ const [allowedResource, { }] = createResource(() => {
+ return authService().allowedToWatch(params.user).catch(() => false);
+ });
+
+ const allowed = () => {
+ return allowedResource();
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+ {viewers()}
+
+
);
+}
+
+export default ViewCount;
diff --git a/frontend/src/components/loadingSpinner.tsx b/frontend/src/components/loadingSpinner.tsx
new file mode 100644
index 0000000..293c546
--- /dev/null
+++ b/frontend/src/components/loadingSpinner.tsx
@@ -0,0 +1,11 @@
+import {Component} from "solid-js";
+
+const LoadingSpinner: Component = () => {
+ return (
+
+
+
+ );
+}
+
+export default LoadingSpinner;
\ No newline at end of file
diff --git a/frontend/src/components/recordings.tsx b/frontend/src/components/recordings.tsx
new file mode 100644
index 0000000..09c8a03
--- /dev/null
+++ b/frontend/src/components/recordings.tsx
@@ -0,0 +1,94 @@
+import {Component, createResource, createSignal, JSX, onCleanup, Show} from "solid-js";
+import {useService} from "solid-services";
+import {RecordService} from "../store/RecordService";
+import {Recording} from "../types/user.interface";
+import {AuthService} from "../store/AuthService";
+import {PlayerProps} from "../Player";
+import Vod from "./vod";
+
+export interface RecordingProps {
+ token: string,
+}
+
+const Recordings: Component-
+
- State: {st.state} +
- Recordingtime: {msToHMS(st.totalRecordTime)} +
- Size: {(st.totalRecordBytes * (8) / (8*1024*1024)).toFixed(2) } MiB +
+
+
+
+
+ );
+};
+
+export default Recordings;
\ No newline at end of file
diff --git a/frontend/src/components/vieweraccess.tsx b/frontend/src/components/vieweraccess.tsx
new file mode 100644
index 0000000..9a37cdf
--- /dev/null
+++ b/frontend/src/components/vieweraccess.tsx
@@ -0,0 +1,123 @@
+import {Component, createResource, createSignal, For, Show} from "solid-js";
+import { AuthService } from "../store/AuthService";
+import {useService} from "solid-services";
+import LoadingSpinner from "./loadingSpinner";
+
+const ViewerAccess: Component = () => {
+
+ const authService = useService(AuthService);
+
+ const [viewers, { refetch }] = createResource(() => {
+ return authService().allowedUsers();
+ });
+
+ const [loading, setLoading] = createSignal(false)
+ const [error, setError] = createSignal(false)
+
+ function togglePermission(el, viewer) {
+ const checked = el.target.checked;
+ authService().setViewerPermission(viewer.username, checked)
+ .then(_ => refetch())
+ .then(() => setLoading(false))
+ .catch(() => {
+ setLoading(false)
+ setError(true);
+ });
+ }
+
+ function togglePublic(el) {
+ const checked = el.target.checked;
+ authService().setPublic(checked)
+ .then(_ => authService().authMe())
+ .then(() => setLoading(false))
+ .then(() => el.target.removeAttribute('disabled'))
+ .catch(e => {
+ console.error(e);
+ setLoading(false);
+ setError(true);
+ })
+ }
+
+ const errorFallback =
+
+
+
+
+ -
+ {vods().map(vod =>
Error
+
+ const fallback =
+
+
+
+
+
+
+
+
+
+
+
+ );
+
+}
+
+export default ViewerAccess;
\ No newline at end of file
diff --git a/frontend/src/components/vod.tsx b/frontend/src/components/vod.tsx
new file mode 100644
index 0000000..f9c2395
--- /dev/null
+++ b/frontend/src/components/vod.tsx
@@ -0,0 +1,84 @@
+import {Component, createSignal, Show} from "solid-js";
+import LoadingSpinner from "./loadingSpinner";
+import {useService} from "solid-services";
+import {AuthService} from "../store/AuthService";
+import {VodInfo} from "../types/user.interface";
+
+export interface VodProps {
+ vod: VodInfo,
+}
+
+const Vod: Component
+
+
+ Nichts ausgewählt: Für alle zugreifbar
+
+ Mindestens ein user ausgewählt: Nur für ausgewählte Accounts zugreifbar
+
+
+ {(viewer) =>
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+ downloadVOD(`${endpoint}/vods/${authService().user.username}/${props.vod.name}`, authService().user.username, authService().token)} class="hover:bg-default-50 cursor-pointer" style={{ "padding-left" : "8px" }}>
+ {props.vod.name} - ({formatBytes(props.vod.size)})
+
+
+
+
+ );
+}
+
+export default Vod;
\ No newline at end of file
diff --git a/frontend/src/directives/viewCounter.tsx b/frontend/src/directives/viewCounter.tsx
new file mode 100644
index 0000000..6b0a77d
--- /dev/null
+++ b/frontend/src/directives/viewCounter.tsx
@@ -0,0 +1,30 @@
+import { createResource, createEffect, onCleanup } from "solid-js";
+import { useService } from "solid-services";
+import { StatService } from "../store/StatService";
+import { AuthService } from "../store/AuthService";
+
+export function viewCounter(el, value) {
+ const [user, loggedInUser, interval, token] = value();
+
+ const statService = useService(StatService);
+
+ const fetcher = (name: string) => statService().getViewers(name, token, loggedInUser);
+
+ const [vc, { refetch }] = createResource(() => user, fetcher);
+
+ const getViewCount = () => {
+ let count = vc();
+ return count == -404 ? 'Offline' : count == -500 ? '?' : count ;
+ };
+
+ createEffect( () => {
+ let vc = getViewCount();
+ document.title = (typeof vc === 'number' ? " 👁" + vc : " Offline") + " - " + user;
+ })
+
+ if (interval !== false && typeof interval === 'number') {
+ const i = setInterval(() => refetch(), interval);
+ onCleanup(() => clearInterval(i));
+ }
+
+};
diff --git a/frontend/src/env.d.ts b/frontend/src/env.d.ts
new file mode 100644
index 0000000..1ab1d10
--- /dev/null
+++ b/frontend/src/env.d.ts
@@ -0,0 +1,11 @@
+///