Add login and Laravel Pulse

2025-04-20 10:03:36 +07:00
parent 5b8f8ee818
commit 35e675bb5d
21 changed files with 1016 additions and 390 deletions
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Monitoring Login</title>
+    <!-- Tailwind CSS CDN -->
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="min-h-screen bg-gray-100 flex items-center justify-center">
+    <div class="max-w-md w-full bg-white shadow-md rounded-lg p-8">
+        <div class="mb-6 text-center">
+            <a href="{{ url('/') }}">
+                {{-- <x-application-logo class="w-20 h-20 mx-auto text-gray-500" /> --}}
+            </a>
+            <h2 class="mt-4 text-2xl font-semibold text-gray-700">Monitoring Login</h2>
+        </div>
+
+        <form method="POST" action="{{ route('monitoring.login.submit') }}">
+            @csrf
+
+            <!-- Email Address -->
+            <div class="mb-4">
+                <label class="block text-gray-700 text-sm font-bold mb-2" for="email">
+                    Email
+                </label>
+                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                       id="email"
+                       type="email"
+                       name="email"
+                       required
+                       autofocus>
+            </div>
+
+            <!-- Password -->
+            <div class="mb-6">
+                <label class="block text-gray-700 text-sm font-bold mb-2" for="password">
+                    Password
+                </label>
+                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
+                       id="password"
+                       type="password"
+                       name="password"
+                       required>
+            </div>
+
+            @if ($errors->any())
+                <div class="mb-4 text-red-500 text-sm">
+                    {{ $errors->first() }}
+                </div>
+            @endif
+
+            <!-- Submit Button -->
+            <div class="flex items-center justify-between">
+                <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+                        type="submit">
+                    Sign In
+                </button>
+            </div>
+        </form>
+    </div>
+</body>
+</html>
@@ -0,0 +1,22 @@
+<x-pulse>
+    <!-- Konten Pulse lainnya -->
+    <livewire:pulse.servers cols="full" />
+    <livewire:pulse.usage cols="4" rows="2" />
+    <livewire:pulse.queues cols="4" />
+    <livewire:pulse.cache cols="4" />
+    <livewire:pulse.slow-queries cols="8" />
+    <livewire:pulse.exceptions cols="6" />
+    <livewire:pulse.slow-requests cols="6" />
+    <livewire:pulse.slow-jobs cols="6" />
+    <livewire:pulse.slow-outgoing-requests cols="6" />
+
+    <!-- Tombol Logout -->
+    <div class="mt-4 text-right">
+        <form action="{{ route('monitoring.logout') }}" method="POST">
+            @csrf
+            <button type="submit" class="px-4 py-2 text-white bg-red-600 hover:bg-red-700 rounded-md">
+                Logout
+            </button>
+        </form>
+    </div>
+</x-pulse>