mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-27 06:33:18 +00:00
✨ Add NIP-05 handle management: Introduce migration, API route, and Livewire updates to support NIP-05 handle verification.
⚡ Enhance Nostr fetcher: Refactor profile data merging logic for improved efficiency and accuracy.
🛠
This commit is contained in:
HolgerHatGarKeineNode
@@ -114,8 +114,6 @@ class extends Component {
|
||||
|
||||
<div>
|
||||
@if($isAllowed)
|
||||
<div class="px-4 sm:px-6 lg:px-8 py-8 md:py-0 w-full max-w-9xl mx-auto">
|
||||
|
||||
<div class="xl:flex">
|
||||
|
||||
<!-- Left + Middle content -->
|
||||
@@ -344,10 +342,8 @@ class extends Component {
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@else
|
||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||
<div class="">
|
||||
<flux:callout variant="warning" icon="exclamation-circle">
|
||||
<flux:heading>Zugriff auf News nicht möglich</flux:heading>
|
||||
<p>Um die News einzusehen, benötigst du:</p>
|
||||
|
||||
@@ -16,8 +16,7 @@ use swentel\nostr\Request\Request;
|
||||
use swentel\nostr\Sign\Sign;
|
||||
use swentel\nostr\Subscription\Subscription;
|
||||
|
||||
new class extends Component
|
||||
{
|
||||
new class extends Component {
|
||||
public ApplicationForm $form;
|
||||
|
||||
public bool $no = false;
|
||||
@@ -28,13 +27,15 @@ new class extends Component
|
||||
|
||||
public ?string $email = '';
|
||||
|
||||
public ?string $nip05Handle = '';
|
||||
|
||||
public array $yearsPaid = [];
|
||||
|
||||
public array $events = [];
|
||||
|
||||
public $payments;
|
||||
|
||||
public int $amountToPay;
|
||||
public int $amountToPay = 21000;
|
||||
|
||||
public bool $currentYearIsPaid = false;
|
||||
|
||||
@@ -55,16 +56,19 @@ new class extends Component
|
||||
$this->currentPubkey = NostrAuth::pubkey();
|
||||
$this->currentPleb = EinundzwanzigPleb::query()
|
||||
->with([
|
||||
'paymentEvents' => fn ($query) => $query->where('year', date('Y')),
|
||||
'paymentEvents' => fn($query) => $query->where('year', date('Y')),
|
||||
'profile',
|
||||
])
|
||||
->where('pubkey', $this->currentPubkey)->first();
|
||||
if ($this->currentPleb) {
|
||||
$this->email = $this->currentPleb->email;
|
||||
$this->no = $this->currentPleb->no_email;
|
||||
$this->showEmail = ! $this->no;
|
||||
if ($this->currentPleb->association_status === AssociationStatus::ACTIVE) {
|
||||
$this->amountToPay = config('app.env') === 'production' ? 21000 : 1;
|
||||
if ($this->currentPleb->nip05_handle) {
|
||||
$this->nip05Handle = strtolower(str_replace('@einundzwanzig.space', '',
|
||||
$this->currentPleb->nip05_handle));
|
||||
}
|
||||
$this->no = $this->currentPleb->no_email;
|
||||
$this->showEmail = !$this->no;
|
||||
$this->amountToPay = config('app.env') === 'production' ? 21000 : 1;
|
||||
if ($this->currentPleb->paymentEvents->count() < 1) {
|
||||
$this->createPaymentEvent();
|
||||
$this->currentPleb->load('paymentEvents');
|
||||
@@ -77,7 +81,7 @@ new class extends Component
|
||||
|
||||
public function updatedNo(): void
|
||||
{
|
||||
$this->showEmail = ! $this->no;
|
||||
$this->showEmail = !$this->no;
|
||||
$this->currentPleb->update([
|
||||
'no_email' => $this->no,
|
||||
]);
|
||||
@@ -88,6 +92,11 @@ new class extends Component
|
||||
$this->js('alert("Markus Turm wird sich per Fax melden!")');
|
||||
}
|
||||
|
||||
public function updatedNip05Handle(): void
|
||||
{
|
||||
$this->nip05Handle = strtolower($this->nip05Handle);
|
||||
}
|
||||
|
||||
public function saveEmail(): void
|
||||
{
|
||||
$this->validate([
|
||||
@@ -99,6 +108,20 @@ new class extends Component
|
||||
Flux::toast('E-Mail Adresse gespeichert.');
|
||||
}
|
||||
|
||||
public function saveNip05Handle(): void
|
||||
{
|
||||
$this->validate([
|
||||
'nip05Handle' => 'required|string|max:255|regex:/^[a-z0-9_-]+$/|unique:einundzwanzig_plebs,nip05_handle',
|
||||
]);
|
||||
|
||||
$nip05Handle = strtolower($this->nip05Handle).'@einundzwanzig.space';
|
||||
|
||||
$this->currentPleb->update([
|
||||
'nip05_handle' => $nip05Handle,
|
||||
]);
|
||||
Flux::toast('NIP-05 Handle gespeichert.');
|
||||
}
|
||||
|
||||
public function pay($comment): mixed
|
||||
{
|
||||
$paymentEvent = $this->currentPleb
|
||||
@@ -184,7 +207,7 @@ new class extends Component
|
||||
public function save($type): void
|
||||
{
|
||||
$this->form->validate();
|
||||
if (! $this->form->check) {
|
||||
if (!$this->form->check) {
|
||||
$this->js('alert("Du musst den Statuten zustimmen.")');
|
||||
|
||||
return;
|
||||
@@ -249,7 +272,7 @@ new class extends Component
|
||||
|
||||
$this->events = collect($response[config('services.relay')])
|
||||
->map(function ($event) {
|
||||
if (! isset($event->event)) {
|
||||
if (!isset($event->event)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
@@ -270,22 +293,194 @@ new class extends Component
|
||||
?>
|
||||
|
||||
<div>
|
||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-7xl mx-auto">
|
||||
<!-- Header -->
|
||||
<div class="mb-8">
|
||||
<h1 class="text-2xl md:text-3xl text-[#1B1B1B] dark:text-gray-100 font-bold">
|
||||
Einundzwanzig ist, was du draus machst
|
||||
</h1>
|
||||
</div>
|
||||
<!-- Header -->
|
||||
<div class="mb-8">
|
||||
<h1 class="text-2xl md:text-3xl text-[#1B1B1B] dark:text-gray-100 font-bold">
|
||||
Einundzwanzig ist, was du draus machst
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-6">
|
||||
<!-- Membership Benefits Section -->
|
||||
<flux:card class="w-1/3">
|
||||
<div class="flex max-md:flex-col items-start">
|
||||
<div class="flex-1 max-md:pt-6 self-stretch">
|
||||
<flux:heading size="xl" level="1">Vorteile deiner Mitgliedschaft</flux:heading>
|
||||
<flux:separator variant="subtle" class="mb-6"/>
|
||||
|
||||
<!-- Benefits Grid -->
|
||||
<div class="grid grid-cols-1 gap-4">
|
||||
<!-- Benefit 1 -->
|
||||
<div
|
||||
class="bg-linear-to-br from-amber-50 to-orange-50 dark:from-amber-300/10 dark:to-orange-900/10 rounded-lg p-4 border border-amber-200 dark:border-amber-200/30">
|
||||
<div class="flex items-start gap-3">
|
||||
<div class="shrink-0">
|
||||
<div
|
||||
class="w-8 h-8 rounded-full bg-amber-100 dark:bg-amber-900/60 flex items-center justify-center">
|
||||
<i class="fa-sharp-duotone fa-solid fa-bolt text-amber-600 dark:text-amber-400 text-base"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0">
|
||||
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-100 mb-1">
|
||||
Nostr Relay
|
||||
</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
Exklusive Schreib-Rechte auf Premium Nostr Relay von Einundzwanzig.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Benefit 2: NIP-05 -->
|
||||
<div
|
||||
class="bg-linear-to-br from-emerald-50 to-teal-50 dark:from-emerald-300/10 dark:to-teal-900/10 rounded-lg p-4 border border-emerald-200 dark:border-emerald-200/30">
|
||||
<div class="flex items-start gap-3 mb-3">
|
||||
<div class="shrink-0">
|
||||
<div
|
||||
class="w-8 h-8 rounded-full bg-emerald-100 dark:bg-emerald-900/60 flex items-center justify-center">
|
||||
<i class="fa-sharp-duotone fa-solid fa-check-circle text-emerald-600 dark:text-emerald-400 text-base"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-1 min-w-0">
|
||||
<h3 class="text-lg font-semibold text-gray-800 dark:text-gray-100 mb-1">
|
||||
Get NIP-05 verified
|
||||
</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
Verifiziere deine Identität mit einem menschenlesbaren Nostr-Namen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- NIP-05 Input -->
|
||||
@if($currentPleb && $currentPleb->association_status->value > 1 && $currentYearIsPaid)
|
||||
<div class="space-y-3">
|
||||
<flux:field>
|
||||
<flux:label>Dein NIP-05 Handle</flux:label>
|
||||
<flux:input.group>
|
||||
<flux:input
|
||||
wire:model.live.debounce="nip05Handle"
|
||||
placeholder="dein-name"
|
||||
/>
|
||||
<flux:input.group.suffix>@einundzwanzig.space</flux:input.group.suffix>
|
||||
</flux:input.group>
|
||||
<flux:error name="nip05Handle"/>
|
||||
</flux:field>
|
||||
|
||||
<div class="flex gap-3">
|
||||
<flux:button
|
||||
wire:click="saveNip05Handle"
|
||||
wire:loading.attr="disabled"
|
||||
size="sm"
|
||||
variant="primary">
|
||||
Speichern
|
||||
</flux:button>
|
||||
</div>
|
||||
|
||||
<!-- Rules Info -->
|
||||
<div
|
||||
class="mt-3 p-3 bg-white/50 dark:bg-gray-800/50 rounded border border-gray-200 dark:border-gray-600">
|
||||
<p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">
|
||||
<strong>Regeln für dein Handle:</strong> Nur Kleinbuchstaben (a-z), Zahlen
|
||||
(0-9) und die Zeichen "-" und "_" sind erlaubt. Dein Handle wird automatisch
|
||||
kleingeschrieben.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Explanation -->
|
||||
<div
|
||||
class="mt-4 p-3 bg-white/50 dark:bg-gray-800/50 rounded border border-gray-200 dark:border-gray-600">
|
||||
<p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">
|
||||
<flux:link href="https://nostr.how/en/guides/get-verified#self-hosted"
|
||||
target="_blank">NIP-05
|
||||
</flux:link>
|
||||
verifiziert deine Identität auf Nostr. Das Handle ist wie eine
|
||||
E-Mail-Adresse (z.B. name@einundzwanzig.space). Clients zeigen ein Häkchen
|
||||
für verifizierte Benutzer. Dies macht dein Profil einfacher zu teilen und
|
||||
vertrauenswürdiger.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="text-xs text-gray-500 dark:text-gray-400 italic">
|
||||
Aktiviere deine Mitgliedschaft, um NIP-05 zu verifizieren.
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Additional Information -->
|
||||
<flux:callout variant="success" class="mt-6">
|
||||
<div class="flex items-start gap-3">
|
||||
<i class="fa-sharp-duotone fa-solid fa-star text-amber-500 mt-0.5"></i>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800 dark:text-gray-100">
|
||||
Mehr Vorteile kommen bald!
|
||||
</p>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||
Wir arbeiten ständig daran, unsere Mitglieder-Vorteile auszubauen.
|
||||
Bleib dran für neue exklusive Services und Kooperationen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</flux:callout>
|
||||
</div>
|
||||
</div>
|
||||
</flux:card>
|
||||
<!-- Main Grid Layout -->
|
||||
<div class="grid grid-cols-1 gap-6">
|
||||
<div class="w-2/3 grid grid-cols-1 gap-6">
|
||||
|
||||
@if($currentPleb)
|
||||
<!-- Logged-in User Info -->
|
||||
<flux:callout variant="info">
|
||||
<div class="flex items-start gap-4">
|
||||
<img
|
||||
class="w-12 h-12 rounded-full shrink-0 border-2 border-gray-200 dark:border-gray-600"
|
||||
src="{{ $currentPleb->profile?->picture ?? asset('apple-touch-icon.png') }}"
|
||||
alt="Avatar"
|
||||
>
|
||||
<div class="flex-1 min-w-0">
|
||||
<div class="mb-2">
|
||||
<h4 class="font-semibold text-gray-800 dark:text-gray-100 text-base">
|
||||
{{ $currentPleb->profile?->display_name ?? $currentPleb->profile?->name ?? 'Unbekannt' }}
|
||||
</h4>
|
||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
|
||||
@if($currentPleb->profile?->name)
|
||||
{{ $currentPleb->profile->name }}
|
||||
@endif
|
||||
</p>
|
||||
</div>
|
||||
<div class="space-y-1 text-xs">
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="text-gray-500 dark:text-gray-400 shrink-0">Pubkey:</span>
|
||||
<code
|
||||
class="bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded text-gray-700 dark:text-gray-300 truncate font-mono">
|
||||
{{ $currentPleb->pubkey }}
|
||||
</code>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="text-gray-500 dark:text-gray-400 shrink-0">Npub:</span>
|
||||
<code
|
||||
class="bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded text-gray-700 dark:text-gray-300 truncate font-mono text-xs">
|
||||
{{ $currentPleb->npub }}
|
||||
</code>
|
||||
</div>
|
||||
@if($currentPleb->nip05_handle)
|
||||
<div class="flex items-center gap-2">
|
||||
<span class="text-gray-500 dark:text-gray-400 shrink-0">NIP-05:</span>
|
||||
<code
|
||||
class="bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded text-gray-700 dark:text-gray-300 font-mono text-xs">
|
||||
{{ $currentPleb->nip05_handle }}
|
||||
</code>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</flux:callout>
|
||||
@endif
|
||||
|
||||
<!-- Status Section -->
|
||||
<flux:card>
|
||||
<h2 class="text-xl md:text-2xl text-[#1B1B1B] dark:text-gray-100 font-bold mb-6">
|
||||
Aktueller Status
|
||||
</h2>
|
||||
|
||||
@if(!$currentPleb)
|
||||
<!-- Nostr Login Apps Section -->
|
||||
<div class="space-y-4 mb-8">
|
||||
@@ -296,14 +491,16 @@ new class extends Component
|
||||
<!-- Grid of App Cards -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<flux:card>
|
||||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div
|
||||
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div class="flex-1">
|
||||
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||
href="https://github.com/greenart7c3/Amber">
|
||||
Amber
|
||||
</a>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||
Perfekt für mobile Android Geräte. Eine App, in der man alle Keys/nsecs verwalten kann.
|
||||
Perfekt für mobile Android Geräte. Eine App, in der man alle Keys/nsecs
|
||||
verwalten kann.
|
||||
</p>
|
||||
</div>
|
||||
<div class="shrink-0">
|
||||
@@ -313,14 +510,16 @@ new class extends Component
|
||||
</flux:card>
|
||||
|
||||
<flux:card>
|
||||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div
|
||||
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div class="flex-1">
|
||||
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||
href="https://addons.mozilla.org/en-US/firefox/addon/alby/">
|
||||
Alby - Bitcoin Lightning Wallet & Nostr
|
||||
</a>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||
Browser-Erweiterung in die man seinen Key/nsec eingeben kann. Pro Alby-Konto ein nsec.
|
||||
Browser-Erweiterung in die man seinen Key/nsec eingeben kann. Pro Alby-Konto
|
||||
ein nsec.
|
||||
</p>
|
||||
</div>
|
||||
<div class="shrink-0">
|
||||
@@ -330,7 +529,8 @@ new class extends Component
|
||||
</flux:card>
|
||||
|
||||
<flux:card>
|
||||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div
|
||||
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div class="flex-1">
|
||||
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp">
|
||||
@@ -347,7 +547,8 @@ new class extends Component
|
||||
</flux:card>
|
||||
|
||||
<flux:card>
|
||||
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div
|
||||
class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||
<div class="flex-1">
|
||||
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/">
|
||||
@@ -383,10 +584,13 @@ new class extends Component
|
||||
@if($currentPubkey && $currentPleb->association_status->value < 2)
|
||||
<flux:card class="mt-4">
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="shrink-0 fill-current text-green-500 mt-0.5" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z"></path>
|
||||
<svg class="shrink-0 fill-current text-green-500 mt-0.5" width="16" height="16"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM7 11.4L3.6 8 5 6.6l2 2 4-4L12.4 6 7 11.4z"></path>
|
||||
</svg>
|
||||
<p class="text-sm text-gray-700 dark:text-gray-300">Profil in der Datenbank vorhanden.</p>
|
||||
<p class="text-sm text-gray-700 dark:text-gray-300">Profil in der Datenbank
|
||||
vorhanden.</p>
|
||||
</div>
|
||||
</flux:card>
|
||||
@endif
|
||||
@@ -396,14 +600,15 @@ new class extends Component
|
||||
|
||||
@if($currentPubkey && !$currentPleb->application_for && $currentPleb->association_status->value < 2)
|
||||
<!-- Membership Registration Section -->
|
||||
<div class="space-y-4 py-6 border-t border-gray-200 dark:border-gray-600">
|
||||
<div class="space-y-4 py-6">
|
||||
<div>
|
||||
<h3 class="text-xl md:text-2xl text-[#1B1B1B] dark:text-gray-100 font-bold mb-2">
|
||||
Einundzwanzig Mitglied werden
|
||||
</h3>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
Nur Personen können Mitglied werden und zahlen 21.000 Satoshis im Jahr.
|
||||
<a href="https://einundzwanzig.space/verein/" class="text-amber-500 hover:text-amber-600 dark:hover:text-amber-400 font-medium">
|
||||
<a href="https://einundzwanzig.space/verein/"
|
||||
class="text-amber-500 hover:text-amber-600 dark:hover:text-amber-400 font-medium">
|
||||
Firmen melden sich bitte direkt an den Vorstand.
|
||||
</a>
|
||||
</p>
|
||||
@@ -418,7 +623,8 @@ new class extends Component
|
||||
<flux:button wire:click="save({{ AssociationStatus::PASSIVE() }})" variant="primary">
|
||||
Mit deinem aktuellen Nostr-Profil Mitglied werden
|
||||
</flux:button>
|
||||
<flux:button href="https://einundzwanzig.space/verein/" target="_blank" variant="outline">
|
||||
<flux:button href="https://einundzwanzig.space/verein/" target="_blank"
|
||||
variant="outline">
|
||||
Statuten ansehen
|
||||
</flux:button>
|
||||
</div>
|
||||
@@ -428,14 +634,16 @@ new class extends Component
|
||||
|
||||
@if($currentPubkey)
|
||||
<!-- Email Settings Section -->
|
||||
<div class="py-6 border-t border-gray-200 dark:border-gray-600">
|
||||
<div class="py-6">
|
||||
<flux:callout variant="warning" class="mb-6">
|
||||
<div class="space-y-4">
|
||||
<p class="font-medium text-gray-800 dark:text-gray-100">
|
||||
Falls du möchtest, kannst du hier eine E-Mail Adresse hinterlegen, damit der Verein dich darüber informieren kann, wenn es Neuigkeiten gibt.
|
||||
Falls du möchtest, kannst du hier eine E-Mail Adresse hinterlegen, damit der Verein
|
||||
dich darüber informieren kann, wenn es Neuigkeiten gibt.
|
||||
</p>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
||||
Am besten eine anonymisierte E-Mail Adresse verwenden. Wir sichern diese Adresse AES-256 verschlüsselt in der Datenbank ab.
|
||||
Am besten eine anonymisierte E-Mail Adresse verwenden. Wir sichern diese Adresse
|
||||
AES-256 verschlüsselt in der Datenbank ab.
|
||||
</p>
|
||||
</div>
|
||||
</flux:callout>
|
||||
@@ -459,7 +667,8 @@ new class extends Component
|
||||
|
||||
<flux:field>
|
||||
<flux:label>E-Mail Adresse</flux:label>
|
||||
<flux:input type="email" wire:model.live.debounce="email" placeholder="E-Mail Adresse"/>
|
||||
<flux:input type="email" wire:model.live.debounce="email"
|
||||
placeholder="E-Mail Adresse"/>
|
||||
<flux:error name="email"/>
|
||||
</flux:field>
|
||||
</div>
|
||||
@@ -479,8 +688,10 @@ new class extends Component
|
||||
@if($currentPleb && $currentPleb->association_status->value > 1)
|
||||
<flux:card>
|
||||
<div class="flex items-start gap-3">
|
||||
<svg class="shrink-0 fill-current text-green-500 mt-0.5" width="16" height="16" viewBox="0 0 16 16">
|
||||
<path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 12c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm1-3H7V4h2v5z"></path>
|
||||
<svg class="shrink-0 fill-current text-green-500 mt-0.5" width="16" height="16"
|
||||
viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 12c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm1-3H7V4h2v5z"></path>
|
||||
</svg>
|
||||
<div>
|
||||
<p class="font-medium text-gray-800 dark:text-gray-100">
|
||||
@@ -508,7 +719,8 @@ new class extends Component
|
||||
<flux:callout variant="info" class="mb-6">
|
||||
<p class="text-sm">
|
||||
Nostr Event für die Zahlung des Mitgliedsbeitrags:
|
||||
<span class="block mt-2 font-mono text-xs break-all">{{ $currentPleb->paymentEvents->last()->event_id }}</span>
|
||||
<span
|
||||
class="block mt-2 font-mono text-xs break-all">{{ $currentPleb->paymentEvents->last()->event_id }}</span>
|
||||
</p>
|
||||
</flux:callout>
|
||||
|
||||
@@ -541,7 +753,8 @@ new class extends Component
|
||||
<div class="flex items-start gap-3">
|
||||
<i class="fa-sharp-duotone fa-solid fa-user-helmet-safety mt-1"></i>
|
||||
<p class="text-sm">
|
||||
Unser Nostr-Relay konnte derzeit nicht erreicht werden, um eine Zahlung zu initialisieren. Bitte versuche es später noch einmal.
|
||||
Unser Nostr-Relay konnte derzeit nicht erreicht werden, um eine Zahlung zu
|
||||
initialisieren. Bitte versuche es später noch einmal.
|
||||
</p>
|
||||
</div>
|
||||
</flux:callout>
|
||||
@@ -558,47 +771,51 @@ new class extends Component
|
||||
<!-- Desktop Table -->
|
||||
<div class="hidden md:block overflow-x-auto">
|
||||
<table class="table-auto w-full">
|
||||
<thead class="text-xs font-semibold uppercase text-gray-500 dark:text-gray-400 border-b border-gray-200 dark:border-gray-600">
|
||||
<tr>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Satoshis</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Jahr</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Event-ID</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Quittung</div>
|
||||
</th>
|
||||
</tr>
|
||||
<thead
|
||||
class="text-xs font-semibold uppercase text-gray-500 dark:text-gray-400 border-b border-gray-200 dark:border-gray-600">
|
||||
<tr>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Satoshis</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Jahr</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Event-ID</div>
|
||||
</th>
|
||||
<th class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap text-left">
|
||||
<div class="font-semibold">Quittung</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="text-sm divide-y divide-gray-200 dark:divide-gray-600">
|
||||
@foreach($payments as $payment)
|
||||
<tr>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
<div class="font-medium text-gray-800 dark:text-gray-100">{{ $payment->amount }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
<div class="text-gray-800 dark:text-gray-100">{{ $payment->year }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3">
|
||||
<div class="font-mono text-xs text-gray-600 dark:text-gray-400 break-all">{{ $payment->event_id }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
@if($payment->btc_pay_invoice)
|
||||
<flux:button
|
||||
href="https://pay.einundzwanzig.space/i/{{ $payment->btc_pay_invoice }}/receipt"
|
||||
target="_blank"
|
||||
size="xs"
|
||||
variant="subtle">
|
||||
Quittung
|
||||
</flux:button>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
@foreach($payments as $payment)
|
||||
<tr>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
<div
|
||||
class="font-medium text-gray-800 dark:text-gray-100">{{ $payment->amount }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
<div
|
||||
class="text-gray-800 dark:text-gray-100">{{ $payment->year }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3">
|
||||
<div
|
||||
class="font-mono text-xs text-gray-600 dark:text-gray-400 break-all">{{ $payment->event_id }}</div>
|
||||
</td>
|
||||
<td class="px-2 first:pl-5 last:pr-5 py-3 whitespace-nowrap">
|
||||
@if($payment->btc_pay_invoice)
|
||||
<flux:button
|
||||
href="https://pay.einundzwanzig.space/i/{{ $payment->btc_pay_invoice }}/receipt"
|
||||
target="_blank"
|
||||
size="xs"
|
||||
variant="subtle">
|
||||
Quittung
|
||||
</flux:button>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@@ -606,19 +823,24 @@ new class extends Component
|
||||
<!-- Mobile Cards -->
|
||||
<div class="md:hidden space-y-4">
|
||||
@foreach($payments as $payment)
|
||||
<div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-600 p-4">
|
||||
<div
|
||||
class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-600 p-4">
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-sm font-medium text-gray-500 dark:text-gray-400">Satoshis</span>
|
||||
<span class="font-semibold text-gray-800 dark:text-gray-100">{{ $payment->amount }}</span>
|
||||
<span
|
||||
class="font-semibold text-gray-800 dark:text-gray-100">{{ $payment->amount }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between items-center">
|
||||
<span class="text-sm font-medium text-gray-500 dark:text-gray-400">Jahr</span>
|
||||
<span class="text-gray-800 dark:text-gray-100">{{ $payment->year }}</span>
|
||||
<span
|
||||
class="text-gray-800 dark:text-gray-100">{{ $payment->year }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-sm font-medium text-gray-500 dark:text-gray-400 block mb-1">Event-ID</span>
|
||||
<span class="font-mono text-xs text-gray-600 dark:text-gray-400 break-all">{{ $payment->event_id }}</span>
|
||||
<span
|
||||
class="text-sm font-medium text-gray-500 dark:text-gray-400 block mb-1">Event-ID</span>
|
||||
<span
|
||||
class="font-mono text-xs text-gray-600 dark:text-gray-400 break-all">{{ $payment->event_id }}</span>
|
||||
</div>
|
||||
@if($payment->btc_pay_invoice)
|
||||
<flux:button
|
||||
|
||||
Reference in New Issue
Block a user