WIP

app/Enum/Livewire/PageMode.php

@@ -12,4 +12,6 @@ enum PageMode: string implements Wireable
 	case GALLERY = 'gallery';
 	case MAP = 'map';
 	case SETTINGS = 'settings';
+	case LOGS = 'logs';
+	case DIAGNOSTICS = 'diagnostics';
 }

app/Http/Livewire/Components/Header.php

@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Http\Livewire\Components;
+
+use App\Enum\Livewire\GalleryMode;
+use App\Enum\Livewire\PageMode;
+use App\Http\Livewire\Traits\AlbumProperty;
+use App\Http\Livewire\Traits\InteractWithModal;
+use App\Models\Extensions\BaseAlbum;
+use App\SmartAlbums\BaseSmartAlbum;
+use Illuminate\View\View;
+use Livewire\Component;
+
+/**
+ * This is the "start" page of the gallery
+ * Integrate the list of all albums at top level.
+ */
+class Header extends Component
+{
+	use InteractWithModal;
+	use AlbumProperty;
+
+	public ?PageMode $page_mode = null;
+	public ?GalleryMode $gallery_mode = null;
+	public string $title = '';
+	public bool $is_hidden = false;
+
+	public ?BaseAlbum $baseAlbum = null;
+	public ?BaseSmartAlbum $smartAlbum = null;
+
+
+	/**
+	 * Render the header.
+	 *
+	 * @return View
+	 */
+	public function render(): View
+	{
+		return view('livewire.components.header');
+	}
+
+
+	/**
+	 * Open a login modal box.
+	 *
+	 * @return void
+	 */
+	public function openLoginModal(): void
+	{
+		$this->openModal('forms.login');
+	}
+}

app/Http/Livewire/Index.php

@@ -5,6 +5,7 @@
 use App\Enum\Livewire\PageMode;
 use App\Factories\AlbumFactory;
 use App\Http\Controllers\IndexController;
+use App\Http\Livewire\Traits\UrlChange;
 use App\Models\Configs;
 use App\Models\Extensions\BaseAlbum;
 use App\Models\Photo;
@@ -13,13 +14,16 @@
 
 class Index extends Component
 {
+	use UrlChange;
+
 	public PageMode $mode;
 	public ?string $albumId = null;
 	public ?string $photoId = null;
 
 	// listeners of click events
 	protected $listeners = [
 		'openLeftMenu',
+		'openPage',
 		'reloadPage',
 	];
 
@@ -87,6 +91,22 @@ public function openLeftMenu(): void
 		$this->emitTo('components.left-menu', 'open');
 	}
 
+	/**
+	 * Open page.
+	 *
+	 * @return void
+	 */
+	public function openPage(string $page): void
+	{
+		$this->albumId = null;
+		$this->photoId = null;
+		$this->mode = PageMode::from($page);
+
+		// update URL
+		$this->emitUrlChange($this->mode, $this->albumId ?? '', $this->photoId ?? '');
+
+	}
+
 	/*
 	 ** This triggers a full reloading of the page
 	 */

app/Http/Livewire/Pages/Gallery.php

@@ -8,6 +8,7 @@
 use App\Http\Controllers\IndexController;
 use App\Http\Livewire\Traits\AlbumProperty;
 use App\Http\Livewire\Traits\InteractWithModal;
+use App\Http\Livewire\Traits\UrlChange;
 use App\Models\Configs;
 use App\Models\Extensions\BaseAlbum;
 use App\Models\Photo;
@@ -21,6 +22,7 @@ class Gallery extends Component
 	* Add interaction with modal
 	*/
 	use InteractWithModal;
+	use UrlChange;
 
 	/**
 	 * Because AbstractAlbum is an Interface, it is not possible to make it
@@ -48,7 +50,7 @@ class Gallery extends Component
 	/**
 	 * @var array<int,string> listeners of click events
 	 */
-	protected $listeners = ['openAlbum', 'openPhoto', 'back', 'reloadPage' => '$refresh'];
+	protected $listeners = ['openAlbum', 'openPhoto', 'back'];
 
 	/**
 	 * While in most Laravel Controller calls we use the constructor,
@@ -170,7 +172,7 @@ public function openAlbum(string $albumId)
 	{
 		$this->albumId = $albumId;
 		$this->load();
-		$this->emit('urlChange', route('livewire_index', ['page' => PageMode::GALLERY, 'albumId' => $this->albumId, 'photoId' => $this->photoId]));
+		$this->emitUrlChange(PageMode::GALLERY, $this->albumId, $this->photoId);
 	}
 
 	/**
@@ -185,7 +187,7 @@ public function openPhoto(string $photoId)
 		$this->photoId = $photoId;
 
 		// This ensures that the history has been updated
-		$this->emit('urlChange', route('livewire_index', ['page' => PageMode::GALLERY, 'albumId' => $this->albumId, 'photoId' => $this->photoId]));
+		$this->emitUrlChange(PageMode::GALLERY, $this->albumId, $this->photoId);
 	}
 
 	/**
@@ -205,21 +207,7 @@ public function back()
 		}
 
 		// This ensures that the history has been updated
-		$this->emit('urlChange', route('livewire_index', [
-			'page' => PageMode::GALLERY,
-			'albumId' => $this->albumId ?? '',
-			'photoId' => $this->photoId ?? '',
-		]));
-	}
-
-	/**
-	 * Open a login modal box.
-	 *
-	 * @return void
-	 */
-	public function openLoginModal(): void
-	{
-		$this->openModal('forms.login');
+		$this->emitUrlChange(PageMode::GALLERY, $this->albumId ?? '', $this->photoId ?? '');
 	}
 
 	/**

app/Http/Livewire/Pages/Settings.php

@@ -2,7 +2,9 @@
 
 namespace App\Http\Livewire\Pages;
 
+use App\Enum\Livewire\PageMode;
 use App\Http\Livewire\Traits\InteractWithModal;
+use Illuminate\View\View;
 use Livewire\Component;
 
 class Settings extends Component
@@ -11,4 +13,17 @@ class Settings extends Component
 	* Add interaction with modal
 	*/
 	use InteractWithModal;
+
+	public PageMode $mode = PageMode::SETTINGS;
+
+	/**
+	 * Rendering of the front-end.
+	 *
+	 * @return View
+	 */
+	public function render(): View
+	{
+		return view('livewire.pages.settings');
+	}
+
 }

app/Http/Livewire/Traits/UrlChange.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Livewire\Traits;
+
+use App\Enum\Livewire\PageMode;
+use Illuminate\Contracts\Container\BindingResolutionException;
+use Symfony\Component\Routing\Exception\RouteNotFoundException;
+
+/**
+ * This trait provides a simple helper to update the URL of the browser.
+ */
+trait UrlChange
+{
+	/**
+	 * Send an event to trigger updating the URL in the browser.
+	 *
+	 * @param PageMode $page
+	 * @param string $albumId
+	 * @param string $photoId
+	 *
+	 * @return void
+	 * @throws BindingResolutionException
+	 * @throws RouteNotFoundException
+	 */
+	protected function emitUrlChange(PageMode $page, string $albumId, string $photoId): void
+	{
+		// This ensures that the history has been updated
+		$this->emit('urlChange', route('livewire_index', ['page' => $page, 'albumId' => $albumId, 'photoId' => $photoId]));
+	}
+
+}