From a1143254254715d8eef48ebde4dbcdc2d9d9b463 Mon Sep 17 00:00:00 2001
From: Artem Darius Weber <mit.3tlasa@gmail.com>
Date: Mon, 9 Dec 2024 13:54:12 +0300
Subject: [PATCH] refactor history view to use Livewire component for dynamic
 updates; add navigation links for upload and processing history

---
 app/Http/Livewire/History.php              | 28 ++++++++++++++
 resources/views/history/index.blade.php    | 43 +---------------------
 resources/views/livewire/history.blade.php | 40 ++++++++++++++++++++
 resources/views/navigation-menu.blade.php  | 18 ++++++++-
 4 files changed, 87 insertions(+), 42 deletions(-)
 create mode 100644 app/Http/Livewire/History.php
 create mode 100644 resources/views/livewire/history.blade.php

diff --git a/app/Http/Livewire/History.php b/app/Http/Livewire/History.php
new file mode 100644
index 0000000..0f7a725
--- /dev/null
+++ b/app/Http/Livewire/History.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Livewire;
+
+use App\Models\ProcessHistories;
+use Livewire\Component;
+
+class History extends Component
+{
+    public $histories;
+
+    protected $listeners = ['refreshHistory' => '$refresh'];
+
+    public function mount()
+    {
+        $this->loadHistories();
+    }
+
+    public function loadHistories()
+    {
+        $this->histories = ProcessHistories::orderBy('id', 'desc')->get();
+    }
+
+    public function render()
+    {
+        return view('livewire.history');
+    }
+}
diff --git a/resources/views/history/index.blade.php b/resources/views/history/index.blade.php
index a28bdc5..7d93609 100644
--- a/resources/views/history/index.blade.php
+++ b/resources/views/history/index.blade.php
@@ -3,44 +3,5 @@
         История обработок
     </x-slot>
 
-        <div class="p-4" wire:poll.750ms>
-            <h1 class="text-2xl font-bold mb-4">История обработок</h1>
-            <table class="min-w-full border-collapse">
-                <thead>
-                    <tr class="border-b">
-                        <th class="p-2 text-left">ID</th>
-                        <th class="p-2 text-left">Изображения</th>
-                        <th class="p-2 text-left">Step файл</th>
-                        <th class="p-2 text-left">Время начала</th>
-                        <th class="p-2 text-left">Время окончания</th>
-                        <th class="p-2 text-left">Обработано</th>
-                        <th class="p-2 text-left">Затраты времени (сек)</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    @foreach($histories as $h)
-                    <tr class="border-b">
-                        <td class="p-2">{{ $h->id }}</td>
-                        <td class="p-2">
-                            @foreach($h->images as $img)
-                                <div>{{ $img['original_name'] }} ({{ $img['path'] }})</div>
-                            @endforeach
-                        </td>
-                        <td class="p-2">{{ $h->step_file_name }}</td>
-                        <td class="p-2">{{ $h->started_at }}</td>
-                        <td class="p-2">{{ $h->finished_at }}</td>
-                        <td class="p-2">{{ $h->processed_count }}/3</td>
-                        <td class="p-2">
-                            @if($h->stages_timing)
-                                Очередь: {{ $h->stages_timing['queue_wait_time'] ?? 'N/A' }}<br>
-                                Загрузка: {{ $h->stages_timing['upload_time'] ?? 'N/A' }}<br>
-                                Обработка: {{ $h->stages_timing['processing_time'] ?? 'N/A' }}<br>
-                                Сохранение: {{ $h->stages_timing['saving_time'] ?? 'N/A' }}<br>
-                            @endif
-                        </td>
-                    </tr>
-                    @endforeach
-                </tbody>
-            </table>
-        </div>
-</x-app-layout>
\ No newline at end of file
+    <livewire:history />
+</x-app-layout>
diff --git a/resources/views/livewire/history.blade.php b/resources/views/livewire/history.blade.php
new file mode 100644
index 0000000..98f1c39
--- /dev/null
+++ b/resources/views/livewire/history.blade.php
@@ -0,0 +1,40 @@
+<div class="p-4" wire:poll.750ms>
+    <h1 class="text-2xl font-bold mb-4">История обработок</h1>
+    <table class="min-w-full border-collapse">
+        <thead>
+            <tr class="border-b">
+                <th class="p-2 text-left">ID</th>
+                <th class="p-2 text-left">Изображения</th>
+                <th class="p-2 text-left">Step файл</th>
+                <th class="p-2 text-left">Время начала</th>
+                <th class="p-2 text-left">Время окончания</th>
+                <th class="p-2 text-left">Обработано</th>
+                <th class="p-2 text-left">Затраты времени (сек)</th>
+            </tr>
+        </thead>
+        <tbody>
+            @foreach($histories as $h)
+            <tr class="border-b">
+                <td class="p-2">{{ $h->id }}</td>
+                <td class="p-2">
+                    @foreach($h->images as $img)
+                        <div>{{ $img['original_name'] }} ({{ $img['path'] }})</div>
+                    @endforeach
+                </td>
+                <td class="p-2">{{ $h->step_file_name }}</td>
+                <td class="p-2">{{ $h->started_at }}</td>
+                <td class="p-2">{{ $h->finished_at }}</td>
+                <td class="p-2">{{ $h->processed_count }}/3</td>
+                <td class="p-2">
+                    @if($h->stages_timing)
+                        Очередь: {{ $h->stages_timing['queue_wait_time'] ?? 'N/A' }}<br>
+                        Загрузка: {{ $h->stages_timing['upload_time'] ?? 'N/A' }}<br>
+                        Обработка: {{ $h->stages_timing['processing_time'] ?? 'N/A' }}<br>
+                        Сохранение: {{ $h->stages_timing['saving_time'] ?? 'N/A' }}<br>
+                    @endif
+                </td>
+            </tr>
+            @endforeach
+        </tbody>
+    </table>
+</div>
diff --git a/resources/views/navigation-menu.blade.php b/resources/views/navigation-menu.blade.php
index 9ce13ca..cab8a78 100644
--- a/resources/views/navigation-menu.blade.php
+++ b/resources/views/navigation-menu.blade.php
@@ -15,7 +15,15 @@
                     <x-jet-nav-link href="{{ route('dashboard') }}" :active="request()->routeIs('dashboard')">
                         {{ __('Dashboard') }}
                     </x-jet-nav-link>
-                </div>
+                
+                    <x-jet-nav-link href="{{ route('upload') }}" :active="request()->routeIs('upload')">
+                        {{ __('Upload Images') }}
+                    </x-jet-nav-link>
+                
+                    <x-jet-nav-link href="{{ route('history') }}" :active="request()->routeIs('history')">
+                        {{ __('Processing History') }}
+                    </x-jet-nav-link>
+                </div>                
             </div>
 
             <div class="hidden sm:flex sm:items-center sm:ml-6">
@@ -163,6 +171,14 @@
                     {{ __('Profile') }}
                 </x-jet-responsive-nav-link>
 
+                <x-jet-responsive-nav-link href="{{ route('upload') }}" :active="request()->routeIs('upload')">
+                    {{ __('Upload Images') }}
+                </x-jet-responsive-nav-link>
+            
+                <x-jet-responsive-nav-link href="{{ route('history') }}" :active="request()->routeIs('history')">
+                    {{ __('Processing History') }}
+                </x-jet-responsive-nav-link>
+
                 @if (Laravel\Jetstream\Jetstream::hasApiFeatures())
                     <x-jet-responsive-nav-link href="{{ route('api-tokens.index') }}" :active="request()->routeIs('api-tokens.index')">
                         {{ __('API Tokens') }}