Add Livewire components for parks, rides, and manufacturers

- Implemented ParksLocationSearch component with loading state and refresh functionality.
- Created ParksMapView component with similar structure and functionality.
- Added RegionalParksListing component for displaying regional parks.
- Developed RidesListingUniversal component for universal listing integration.
- Established ManufacturersListing view with navigation and Livewire integration.
- Added feature tests for various Livewire components including OperatorHierarchyView, OperatorParksListing, OperatorPortfolioCard, OperatorsListing, OperatorsRoleFilter, ParksListing, ParksLocationSearch, ParksMapView, and RegionalParksListing to ensure proper rendering and adherence to patterns.
This commit is contained in:
pacnpal
2025-06-23 21:31:05 -04:00
parent 5caa148a89
commit 97a7682eb7
62 changed files with 10532 additions and 210 deletions

View File

@@ -2,17 +2,184 @@
namespace App\Livewire;
use App\Models\Ride;
use App\Models\Park;
use App\Models\Operator;
use Livewire\Component;
use Livewire\Attributes\On;
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Collection;
class RidesSearchSuggestions extends Component
{
public string $query = '';
public bool $showSuggestions = false;
public int $maxSuggestions = 8;
public array $suggestions = [];
/**
* Component initialization
*/
public function mount(): void
public function mount(string $query = ''): void
{
// Initialize component state
$this->query = $query;
if (!empty($query)) {
$this->updateSuggestions();
}
}
/**
* Listen for search query updates from parent components
*/
#[On('search-query-updated')]
public function handleSearchUpdate(string $query): void
{
$this->query = $query;
$this->updateSuggestions();
}
/**
* Update search suggestions based on current query
*/
public function updateSuggestions(): void
{
if (strlen($this->query) < 2) {
$this->suggestions = [];
$this->showSuggestions = false;
return;
}
$this->suggestions = $this->remember(
'suggestions.' . md5(strtolower($this->query)),
fn() => $this->buildSuggestions(),
300 // 5-minute cache for suggestions
);
$this->showSuggestions = !empty($this->suggestions);
}
/**
* Build search suggestions from multiple sources
*/
protected function buildSuggestions(): array
{
$query = strtolower(trim($this->query));
$suggestions = collect();
// Ride name suggestions
$rideSuggestions = Ride::select('name', 'slug', 'id')
->with(['park:id,name,slug'])
->where('name', 'ilike', "%{$query}%")
->limit(4)
->get()
->map(function ($ride) {
return [
'type' => 'ride',
'title' => $ride->name,
'subtitle' => $ride->park->name ?? 'Unknown Park',
'url' => route('rides.show', $ride->slug),
'icon' => 'ride',
'category' => 'Rides'
];
});
// Park name suggestions
$parkSuggestions = Park::select('name', 'slug', 'id')
->where('name', 'ilike', "%{$query}%")
->limit(3)
->get()
->map(function ($park) {
return [
'type' => 'park',
'title' => $park->name,
'subtitle' => 'Theme Park',
'url' => route('parks.show', $park->slug),
'icon' => 'park',
'category' => 'Parks'
];
});
// Manufacturer/Designer suggestions
$operatorSuggestions = Operator::select('name', 'slug', 'id')
->where('name', 'ilike', "%{$query}%")
->limit(2)
->get()
->map(function ($operator) {
return [
'type' => 'operator',
'title' => $operator->name,
'subtitle' => 'Manufacturer/Designer',
'url' => route('operators.show', $operator->slug),
'icon' => 'operator',
'category' => 'Companies'
];
});
// Combine and prioritize suggestions
$suggestions = $suggestions
->concat($rideSuggestions)
->concat($parkSuggestions)
->concat($operatorSuggestions)
->take($this->maxSuggestions);
return $suggestions->toArray();
}
/**
* Handle suggestion selection
*/
public function selectSuggestion(array $suggestion): void
{
$this->dispatch('suggestion-selected', $suggestion);
$this->hideSuggestions();
}
/**
* Hide suggestions dropdown
*/
public function hideSuggestions(): void
{
$this->showSuggestions = false;
}
/**
* Show suggestions dropdown
*/
public function showSuggestionsDropdown(): void
{
if (!empty($this->suggestions)) {
$this->showSuggestions = true;
}
}
/**
* Handle input focus
*/
public function onFocus(): void
{
$this->showSuggestionsDropdown();
}
/**
* Handle input blur with delay to allow clicks
*/
public function onBlur(): void
{
// Delay hiding to allow suggestion clicks
$this->dispatch('delayed-hide-suggestions');
}
/**
* Get icon class for suggestion type
*/
public function getIconClass(string $type): string
{
return match($type) {
'ride' => 'fas fa-roller-coaster',
'park' => 'fas fa-map-marker-alt',
'operator' => 'fas fa-industry',
default => 'fas fa-search'
};
}
/**