Archive/HeimerdingerLoL
1
0
Fork 0
mirror of https://github.com/rico-vz/HeimerdingerLoL.git synced 2025-12-06 18:20:48 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: active nav highlighting & icon fixes

Browse Source
This commit is contained in:
Rico van Zelst
2023-11-16 11:29:32 +01:00
parent 7c05647079
commit ad49426825
4 changed files with 33 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
database/seeders/SummonerIconSeeder.php
View File

@@ -19,6 +19,10 @@ class SummonerIconSeeder extends Seeder
$changeCount = 0; $changeCount = 0;
foreach ($iconData as $icon) { foreach ($iconData as $icon) {
if ($icon['yearReleased'] === 0) {
continue;
}
$iconId = $icon['id']; $iconId = $icon['id'];
$iconExists = SummonerIcon::where('icon_id', $iconId)->first(); $iconExists = SummonerIcon::where('icon_id', $iconId)->first();

2
resources/views/components/icons/searchbar.blade.php
View File

@@ -1,5 +1,5 @@
<div class="flex items-center justify-center mt-8 "> <div class="flex items-center justify-center mt-8 ">
<form action="{{ route('icons.index') }}" method="GET" class="flex" id="searchForm"> <form action="{{ route('assets.icons.index') }}" method="GET" class="flex" id="searchForm">
<div class="relative"> <div class="relative">
<input type="text" name="filter[title]" placeholder="Search by icon title" <input type="text" name="filter[title]" placeholder="Search by icon title"
value="{{ request('filter.title') }}" value="{{ request('filter.title') }}"

42
resources/views/components/navbar.blade.php
View File

@@ -24,51 +24,57 @@
dark:border-stone-700"> dark:border-stone-700">
<li> <li>
<a href="/champions" <a href="/champions"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('champions.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-people class="w-6 h-6 mr-1"/> <x-iconsax-bul-people class="w-6 h-6 mr-1"/>
Champions</a> Champions</a>
</li> </li>
<li> <li>
<a href="/skins" <a href="/skins"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('skins.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-brush-2 class="w-6 h-6 mr-1"/> <x-iconsax-bul-brush-2 class="w-6 h-6 mr-1"/>
Skins</a> Skins</a>
</li> </li>
<li> <li>
<a href="#" <a href="#"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('assets.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-3dcube class="w-6 h-6 mr-1"/> <x-iconsax-bul-3dcube class="w-6 h-6 mr-1"/>
Assets</a> Assets</a>
</li> </li>
<li> <li>
<a href="#" <a href="#"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('sale.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-card class="w-6 h-6 mr-1"/> <x-iconsax-bul-card class="w-6 h-6 mr-1"/>
Sale Rotation</a> Sale Rotation</a>
</li> </li>
<li> <li>
<a href="#" <a href="#"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('posts.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-receipt-search class="w-6 h-6 mr-1"/> <x-iconsax-bul-receipt-search class="w-6 h-6 mr-1"/>
Posts</a> Posts</a>
</li> </li>
<li> <li>
<a href="#" <a href="#"
class="flex py-2 pl-3 pr-2 rounded text-stone-800 hover:bg-stone-100 md:hover:bg-transparent class="flex py-2 pl-3 pr-2 rounded hover:bg-stone-100 md:hover:bg-transparent
md:border-0 md:hover:text-orange-500 md:p-0 dark:text-white md:dark:hover:text-orange-400 md:border-0 md:hover:text-orange-500 md:p-0 md:dark:hover:text-orange-400
dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent"> dark:hover:bg-stone-700 dark:hover:text-white md:dark:hover:bg-transparent
{{ request()->routeIs('info.*') ? 'text-orange-400 font-medium' : 'text-white' }}">
<x-iconsax-bul-info-circle class="w-6 h-6 mr-1"/> <x-iconsax-bul-info-circle class="w-6 h-6 mr-1"/>
About</a> About</a>
</li> </li>

8
routes/web.php
View File

@@ -20,17 +20,17 @@ use App\Http\Controllers\SummonerIconController;
Route::get('/', [HomeController::class, 'index']); Route::get('/', [HomeController::class, 'index']);
// Champions // Champions
Route::get('/champions', [ChampionController::class, 'index']); Route::get('/champions', [ChampionController::class, 'index'])->name('champions.index');
Route::get('/champion/{champion}', [ChampionController::class, 'show']); Route::get('/champion/{champion}', [ChampionController::class, 'show'])->name('champions.show');
// Skins // Skins
Route::get('/skins', [ChampionSkinController::class, 'index'])->name('skins.index'); Route::get('/skins', [ChampionSkinController::class, 'index'])->name('skins.index');
Route::get( Route::get(
'/skin/{championSkin}', '/skin/{championSkin}',
[ChampionSkinController::class, 'show'] [ChampionSkinController::class, 'show']
); )->name('skins.show');
// Icons // Icons
Route::get('/icons', [ Route::get('/icons', [
SummonerIconController::class, SummonerIconController::class,
'index' 'index'
])->name('icons.index'); ])->name('assets.icons.index');