mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
add dedicated Bindle page
This commit is contained in:
90
resources/views/livewire/bindle/gallery.blade.php
Normal file
90
resources/views/livewire/bindle/gallery.blade.php
Normal file
@@ -0,0 +1,90 @@
|
||||
<div class="bg-21gray flex flex-col h-screen">
|
||||
{{-- HEADER --}}
|
||||
<livewire:frontend.header :country="null"/>
|
||||
|
||||
<div class="mx-auto max-w-screen-2xl px-4 py-10 sm:px-6 lg:px-8">
|
||||
|
||||
<div class="flex">
|
||||
|
||||
<div>
|
||||
<div class="py-6">
|
||||
@if(auth()->id() === config('portal.bonus.fiat-tracker-user-id'))
|
||||
<x-button icon="plus"
|
||||
:href="route('library.libraryItem.form', ['country' => 'de'])">
|
||||
{{ __('Neues Bindle hochladen') }}
|
||||
</x-button>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-4xl text-white py-8">Sent from my #₿indle🧡</h1>
|
||||
|
||||
<ul role="list"
|
||||
class="grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8">
|
||||
|
||||
@foreach($bindles as $bindle)
|
||||
<li wire:key="image_{{ $bindle->id }}">
|
||||
<div>
|
||||
<div
|
||||
class="aspect-h-7 aspect-w-10 block w-full rounded-lg bg-gray-100">
|
||||
<a target="_blank" href="{{ $bindle->getFirstMediaUrl('main') }}">
|
||||
<img src="{{ $bindle->getFirstMediaUrl('main') }}" alt="{{ $bindle->name }}"
|
||||
class="object-cover">
|
||||
</a>
|
||||
<button type="button" class="absolute inset-0 focus:outline-none">
|
||||
<span class="sr-only">{{ $bindle->name }}</span>
|
||||
</button>
|
||||
</div>
|
||||
<p class="mt-2 block truncate text-sm font-medium text-gray-100">{{ $bindle->name }}</p>
|
||||
<div>
|
||||
<a href="{{ $bindle->value }}" target="_blank" class="text-md font-medium text-gray-100">{{ $bindle->value }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-sm font-medium text-gray-100 py-4">
|
||||
@if(auth()->id() === config('portal.bonus.fiat-tracker-user-id'))
|
||||
<x-button
|
||||
negative
|
||||
xs
|
||||
icon="trash"
|
||||
label="{{ __('Delete') }}"
|
||||
x-on:confirm="{
|
||||
title: 'Are you sure you want to delete this bindle?',
|
||||
icon: 'warning',
|
||||
method: 'deleteBindle',
|
||||
params: {{ $bindle->id }}
|
||||
}"
|
||||
/>
|
||||
@endif
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div wire:ignore>
|
||||
<div
|
||||
class="flex flex-col justify-center text-center space-x-4 py-4 mt-4">
|
||||
|
||||
<h1 class="text-2xl text-gray-200">value-4-value</h1>
|
||||
<div wire:ignore>
|
||||
<lightning-widget
|
||||
name="fiattracker"
|
||||
accent="#f7931a"
|
||||
to="fiattracker@current.tips"
|
||||
image="https://primal.b-cdn.net/media-cache?s=m&a=1&u=https%3A%2F%2Fphoto.starbackr.com%2F6398268f7354d37fe0b31829%2Fprofile%2F1674719214461.jpg"
|
||||
amounts="21,210,2100,21000"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://embed.twentyuno.net/js/app.js"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -57,6 +57,12 @@
|
||||
{{ __('Podcast Episodes') }}
|
||||
</a>
|
||||
|
||||
<a href="{{ route('bindles', ['country' => null]) }}"
|
||||
class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
|
||||
<i class="fa-thin fa-image flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
|
||||
{{ __('Bindles') }}
|
||||
</a>
|
||||
|
||||
@auth
|
||||
<a href="{{ route('library.table.lecturer', ['country' => $country]) }}"
|
||||
class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
|
||||
|
||||
@@ -39,13 +39,13 @@
|
||||
wire:model="libraryItem.lecturer_id"
|
||||
:searchable="true"
|
||||
:async-data="[
|
||||
'api' => route('api.lecturers.index'),
|
||||
'method' => 'GET', // default is GET
|
||||
]"
|
||||
'api' => route('api.lecturers.index'),
|
||||
'method' => 'GET', // default is GET
|
||||
]"
|
||||
:template="[
|
||||
'name' => 'user-option',
|
||||
'config' => ['src' => 'image']
|
||||
]"
|
||||
'name' => 'user-option',
|
||||
'config' => ['src' => 'image']
|
||||
]"
|
||||
option-label="name"
|
||||
option-value="id"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user