mirror of
https://github.com/sp-tarkov/forge.git
synced 2025-02-12 20:20:41 -05:00
add featured section filter
This commit is contained in:
parent
f3cedfbb0f
commit
5c02d237e3
@ -13,14 +13,17 @@ class ModIndex extends Component
|
|||||||
|
|
||||||
public $modSearch = '';
|
public $modSearch = '';
|
||||||
|
|
||||||
public $sectionFilter = 'new';
|
public $sectionFilter = 'featured';
|
||||||
|
|
||||||
public function render()
|
public function render()
|
||||||
{
|
{
|
||||||
// 'new' section is default
|
// 'featured' section is default
|
||||||
$section = 'created_at';
|
$section = 'featured';
|
||||||
|
|
||||||
switch ($this->sectionFilter) {
|
switch ($this->sectionFilter) {
|
||||||
|
case 'new':
|
||||||
|
$section = 'created_at';
|
||||||
|
break;
|
||||||
case 'most_downloaded':
|
case 'most_downloaded':
|
||||||
$section = 'total_downloads';
|
$section = 'total_downloads';
|
||||||
break;
|
break;
|
||||||
|
@ -32,7 +32,11 @@
|
|||||||
{{-- section filters --}}
|
{{-- section filters --}}
|
||||||
<div class="hidden sm:block my-4">
|
<div class="hidden sm:block my-4">
|
||||||
<nav class="isolate flex divide-x divide-gray-200 dark:divide-gray-800 rounded-xl shadow-md dark:shadow-gray-950 drop-shadow-2xl" aria-label="Tabs">
|
<nav class="isolate flex divide-x divide-gray-200 dark:divide-gray-800 rounded-xl shadow-md dark:shadow-gray-950 drop-shadow-2xl" aria-label="Tabs">
|
||||||
<button wire:click="changeSection('new')" class="tab rounded-l-xl group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10" aria-current="page">
|
<button wire:click="changeSection('featured')" class="tab rounded-l-xl group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10">
|
||||||
|
<span>{{ __('Featured') }}</span>
|
||||||
|
<span aria-hidden="true" class="{{ $sectionFilter === 'featured' ? 'bg-gray-500 absolute inset-x-0 bottom-0 h-0.5' : 'bottom-0 h-0.5' }}"></span>
|
||||||
|
</button>
|
||||||
|
<button wire:click="changeSection('new')" class="tab group relative min-w-0 flex-1 overflow-hidden py-4 px-4 text-center text-sm font-medium text-gray-900 dark:text-white bg-white dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-black dark:hover:text-white focus:z-10">
|
||||||
<span>{{ __('New') }}</span>
|
<span>{{ __('New') }}</span>
|
||||||
<span aria-hidden="true" class="{{ $sectionFilter === 'new' ? 'bg-gray-500 absolute inset-x-0 bottom-0 h-0.5' : 'bottom-0 h-0.5' }}"></span>
|
<span aria-hidden="true" class="{{ $sectionFilter === 'new' ? 'bg-gray-500 absolute inset-x-0 bottom-0 h-0.5' : 'bottom-0 h-0.5' }}"></span>
|
||||||
</button>
|
</button>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user