Initial commit

2026-05-09 17:28:23 +02:00
commit 9d73f82529
5575 changed files with 281989 additions and 0 deletions
@@ -0,0 +1,59 @@
+<div>
+    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700">
+        {{-- Header --}}
+        <div class="flex flex-wrap items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700 gap-3">
+            <div class="flex items-center gap-3">
+                <h3 class="text-lg font-semibold">📜 Emulator Logs</h3>
+                
+                <select wire:model="selectedFile" wire:change="loadLogContent" class="text-sm border-gray-300 dark:border-gray-600 dark:bg-gray-700 rounded-lg px-3 py-1.5">
+                    @foreach($logFiles as $file)
+                        <option value="{{ $file }}">{{ basename($file) }}</option>
+                    @endforeach
+                </select>
+                
+                <select wire:model="lines" wire:change="loadLogContent" class="text-sm border-gray-300 dark:border-gray-600 dark:bg-gray-700 rounded-lg px-3 py-1.5">
+                    <option value="50">50 regels</option>
+                    <option value="100">100 regels</option>
+                    <option value="200">200 regels</option>
+                    <option value="500">500 regels</option>
+                    <option value="1000">1000 regels</option>
+                </select>
+            </div>
+            
+            <div class="flex items-center gap-2">
+                <label class="flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
+                    <input type="checkbox" wire:model="autoRefresh" class="rounded">
+                    Auto-refresh ({{ $refreshInterval }}s)
+                </label>
+                
+                <button wire:click="loadLogContent" class="px-3 py-1.5 text-sm bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition">
+                    🔄 Vernieuw
+                </button>
+                
+                <button wire:click="clearLog" onclick="return confirm('Weet je zeker dat je het log wilt legen?')" class="px-3 py-1.5 text-sm bg-red-500 text-white rounded-lg hover:bg-red-600 transition">
+                    🗑️ Leeg
+                </button>
+            </div>
+        </div>
+        
+        {{-- Log Content --}}
+        <div class="p-4">
+            <div class="bg-gray-900 rounded-lg overflow-hidden">
+                <div class="flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700">
+                    <span class="text-xs text-gray-400">{{ basename($selectedFile) ?? 'Geen bestand' }}</span>
+                    <span class="text-xs text-gray-500">{{ $lines }} regels</span>
+                </div>
+                <pre class="p-4 text-green-400 text-xs font-mono overflow-auto max-h-96 whitespace-pre-wrap leading-relaxed">{{ $logContent }}</pre>
+            </div>
+        </div>
+        
+        {{-- Auto Refresh Script --}}
+        @if($autoRefresh)
+            <script>
+                setInterval(() => {
+                    @this.call('loadLogContent');
+                }, {{ $refreshInterval * 1000 }});
+            </script>
+        @endif
+    </div>
+</div>