88 lines
5.3 KiB
PHP
88 lines
5.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<title>{{ config('app.name', 'Laravel') }}</title>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://decicus-cdn.b-cdn.net/fontawesome/v6.4.2/css/all.min.css" integrity="sha512-WgpJvPsU5RMfJeB5QbEbVfyuEGX+emeIHhNIFdc2SdyXVA11IyRLkdHZZHcnbxs/tCEAQFr2YEWrqqHFRL88eQ==" crossorigin="anonymous">
|
|
|
|
<!-- Scripts -->
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
|
|
@yield('head')
|
|
</head>
|
|
<body class="font-sans antialiased bg-gray-900">
|
|
<div class="flex flex-col justify-between h-screen">
|
|
<livewire:layout.navigation />
|
|
|
|
<!-- Page Heading -->
|
|
@if (isset($header))
|
|
<header class="bg-gray-800 shadow">
|
|
<div class="max-w-full px-4 py-6 mx-auto sm:px-6 lg:px-8">
|
|
{{ $header }}
|
|
</div>
|
|
</header>
|
|
@endif
|
|
|
|
<div class="mt-4">
|
|
<div class="max-w-full mx-auto sm:px-6 lg:px-8">
|
|
<div class="overflow-hidden bg-gray-800 shadow-sm sm:rounded-lg">
|
|
<div class="p-6 text-gray-100">
|
|
<p><i class="fas fa-list fa-1x"></i> This is the initial implementation of this project. A few different things that are planned:</p>
|
|
<ul class="mt-2 list-disc list-inside">
|
|
<li>Different filtering options: Type of action (timeout, raid etc.), moderator (whodunit), user/viewer (next point).</li>
|
|
<li>Searching by text.</li>
|
|
<li>Ability to see a viewer's chat messages at the time of action, alongside messages before/after to see context.</li>
|
|
<li>... and probably more I'll figure out as I go along.</li>
|
|
</ul>
|
|
|
|
<p class="mt-6"><i class="fas fa-check fa-1x"></i> List of things that were planned and has been implemented in some form:</p>
|
|
<ul class="mt-2 list-disc list-inside">
|
|
<li><s>Username history of a user</s> - For any user that has been timed out, raided, etc. you can now click on their name (highlighted in orange/amber) and access their basic "viewer profile".</li>
|
|
<li><s>See related moderation actions, for example if a specific viewer has been timed out or banned multiple times.</s> - Implemented on the viewer profile. Will display moderation actions for any channels you have access to.</li>
|
|
<li><s>Automatic conversion to local time. Currently time & date is displayed in UTC.</s> - Original UTC timestamp is still available if you hover over the converted timestamp in the table.</li>
|
|
<li><s>Linking any affected viewer's to their Twitch viewer card.</s> - Viewer card will be linked for any channel you have access to.</li>
|
|
<li><s>Channels that are tracked where you have moderator access will be <a href="https://twitch.uservoice.com/forums/310213-developers/suggestions/38203849-add-endpoint-to-return-channels-where-the-user-is" class="underline text-amber-400">automatically retrieved from Twitch's API upon login</a>.</s> - Access is given by a <a href="https://dev.twitch.tv/docs/api/reference/#get-moderated-channels" class="underline text-amber-400">new Twitch permission and Twitch API endpoint</a></li>
|
|
</ul>
|
|
|
|
<p class="mt-6"><i class="fas fa-bug fa-1x"></i> Known bugs:</p>
|
|
<ul class="mt-2 list-disc list-inside">
|
|
<li>Attempting to access a viewer page of someone who has no tracked chat messages will give you a 404. Trying to decide how I want to tackle those scenarios.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Page Content -->
|
|
<main class="mt-4 mb-auto">
|
|
{{ $slot }}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bottom-0 mt-4 bg-gray-800 shadow">
|
|
<div class="max-w-full px-4 py-6 mx-auto sm:px-6 lg:px-8">
|
|
<div class="flex items-center justify-between">
|
|
<div class="text-sm text-gray-500 dark:text-gray-400">
|
|
<p>TraceDash — v0.0.5 [Pre-Alpha Early Access™]</p>
|
|
<p>Powered by an unhealthy amount of caffeine</p>
|
|
</div>
|
|
|
|
<div class="text-sm text-right text-gray-500 dark:text-gray-400">
|
|
<p>Please send any feedback or bug reports to @Decicus on Discord</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
@yield('scripts')
|
|
</body>
|
|
</html>
|