mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-28 07:43:18 +00:00
🗑️ Remove unused and outdated Blade views, refactor access restriction messages with Flux callout components, and update related Livewire tests for improved maintainability and UX.
This commit is contained in:
HolgerHatGarKeineNode
@@ -36,7 +36,7 @@
|
|||||||
<flux:navbar class="-mb-px max-lg:hidden">
|
<flux:navbar class="-mb-px max-lg:hidden">
|
||||||
@if(\App\Support\NostrAuth::check())
|
@if(\App\Support\NostrAuth::check())
|
||||||
<flux:navbar.item icon="rss" :href="route('association.news')" :current="request()->routeIs('association.news')">News</flux:navbar.item>
|
<flux:navbar.item icon="rss" :href="route('association.news')" :current="request()->routeIs('association.news')">News</flux:navbar.item>
|
||||||
<flux:navbar.item icon="identification" :href="route('association.profile')" :current="request()->routeIs('association.profile')">Profil</flux:navbar.item>
|
<flux:navbar.item icon="identification" :href="route('association.profile')" :current="request()->routeIs('association.profile')">Mitgliederstatus</flux:navbar.item>
|
||||||
<flux:navbar.item icon="heart" :href="route('association.projectSupport')" :current="request()->routeIs('association.projectSupport')">Projekt-Unterstützungen</flux:navbar.item>
|
<flux:navbar.item icon="heart" :href="route('association.projectSupport')" :current="request()->routeIs('association.projectSupport')">Projekt-Unterstützungen</flux:navbar.item>
|
||||||
|
|
||||||
<flux:dropdown position="bottom">
|
<flux:dropdown position="bottom">
|
||||||
|
|||||||
@@ -233,14 +233,19 @@ new class extends Component {
|
|||||||
|
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<div class="bg-white dark:bg-[#1B1B1B] shadow overflow-hidden sm:rounded-lg">
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Wahlergebnisse können nicht eingesehen werden</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">Mitglieder</h3>
|
<p>
|
||||||
<p class="mt-1 max-w">
|
Zugriff auf die Wahlergebnisse und Admin-Funktionen ist nur für spezielle autorisierte Benutzer möglich.
|
||||||
Du bist nicht berechtigt, Mitglieder zu bearbeiten.
|
</p>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</div>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Dein Benutzer-Account ist nicht für diese Funktion autorisiert. Bitte kontaktiere den Vorstand, wenn du Zugriff benötigst.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -94,14 +94,19 @@ new class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<div class="bg-white dark:bg-[#1B1B1B] shadow overflow-hidden sm:rounded-lg">
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Einstellungen können nicht bearbeitet werden</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">Einstellungen</h3>
|
<p>
|
||||||
<p class="mt-1 max-w">
|
Zugriff auf die Wahl-Einstellungen ist nur für spezielle autorisierte Benutzer möglich.
|
||||||
Du bist nicht berechtigt, die Einstellungen zu bearbeiten.
|
</p>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</div>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Dein Benutzer-Account ist nicht für diese Funktion autorisiert. Bitte kontaktiere den Vorstand, wenn du Zugriff benötigst.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -746,14 +746,19 @@ new class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<flux:card>
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Zugriff auf Wahlen nicht möglich</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">Wahlen</h3>
|
<p>
|
||||||
<p class="mt-1 max-w">
|
Zugriff auf die Wahlen ist nur für spezielle autorisierte Benutzer möglich.
|
||||||
Du bist nicht berechtigt, die Wahlen einzusehen.
|
</p>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</flux:card>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Dein Benutzer-Account ist nicht für diese Funktion autorisiert. Bitte kontaktiere den Vorstand, wenn du Zugriff benötigst.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
|
|||||||
@@ -71,14 +71,19 @@ new class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<div class="bg-white dark:bg-[#1B1B1B] shadow overflow-hidden sm:rounded-lg">
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Mitglieder können nicht bearbeitet werden</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">Mitglieder</h3>
|
<p>
|
||||||
<p class="mt-1 max-w">
|
Zugriff auf die Mitgliederverwaltung ist nur für spezielle autorisierte Benutzer möglich.
|
||||||
Du bist nicht berechtigt, Mitglieder zu bearbeiten.
|
</p>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</div>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Dein Benutzer-Account ist nicht für diese Funktion autorisiert. Bitte kontaktiere den Vorstand, wenn du Zugriff benötigst.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -306,16 +306,21 @@ class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<flux:card>
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Zugriff auf News nicht möglich</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">
|
<p>Um die News einzusehen, benötigst du:</p>
|
||||||
News
|
<ul class="list-disc ml-5 mt-2 space-y-1">
|
||||||
</h3>
|
<li>Einen Vereinsstatus von mindestens 2 (Aktives Mitglied)</li>
|
||||||
<p class="mt-1 max-w">
|
<li>Eine bezahlte Mitgliedschaft für das aktuelle Jahr ({{ date('Y') }})</li>
|
||||||
Du bist nicht berechtigt, die News einzusehen.
|
</ul>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</flux:card>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Bitte kontaktiere den Vorstand, wenn du denkst, dass du berechtigt sein solltest.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -306,420 +306,378 @@ new class extends Component {
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-7xl mx-auto">
|
||||||
|
<!-- Header -->
|
||||||
<!-- Page header -->
|
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
|
|
||||||
<!-- Title -->
|
|
||||||
<h1 class="text-2xl md:text-3xl text-[#1B1B1B] dark:text-gray-100 font-bold">
|
<h1 class="text-2xl md:text-3xl text-[#1B1B1B] dark:text-gray-100 font-bold">
|
||||||
Einundzwanzig ist, was du draus machst
|
Einundzwanzig ist, was du draus machst
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<flux:card>
|
<!-- Main Grid Layout -->
|
||||||
<!-- Sidebar -->
|
<div class="grid grid-cols-1 gap-6">
|
||||||
<div
|
<!-- Status Section -->
|
||||||
class="flex flex-nowrap overflow-x-scroll no-scrollbar md:block md:overflow-auto px-3 py-6 border-b md:border-b-0 md:border-r border-gray-200 dark:border-gray-700/60 min-w-60 md:space-y-3">
|
<flux:card>
|
||||||
<!-- Group 1 -->
|
<h2 class="text-xl md:text-2xl text-[#1B1B1B] dark:text-gray-100 font-bold mb-6">
|
||||||
<div>
|
Aktueller Status
|
||||||
<div class="text-xs font-semibold text-gray-400 dark:text-gray-500 uppercase mb-3">
|
</h2>
|
||||||
Meine Mitgliedschaft
|
|
||||||
</div>
|
|
||||||
<ul class="flex flex-nowrap md:block mr-3 md:mr-0">
|
|
||||||
<li class="mr-0.5 md:mr-0 md:mb-0.5">
|
|
||||||
<a class="flex items-center px-2.5 py-2 rounded-lg whitespace-nowrap bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/12 dark:from-orange-500/24 to-orange-500/4"
|
|
||||||
href="#0">
|
|
||||||
<i class="fa-sharp-duotone fa-solid fa-id-card-clip shrink-0 fill-current text-orange-400 mr-2"></i>
|
|
||||||
<span
|
|
||||||
class="text-sm font-medium text-orange-500 dark:text-orange-400">Status</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Panel -->
|
@if(!$currentPleb)
|
||||||
<div class="grow">
|
<!-- Nostr Login Apps Section -->
|
||||||
|
<div class="space-y-4 mb-8">
|
||||||
|
<h3 class="text-lg md:text-xl text-gray-500 dark:text-gray-400 italic mb-4">
|
||||||
|
Empfohlene Nostr Login und Signer-Apps
|
||||||
|
</h3>
|
||||||
|
|
||||||
<!-- Panel body -->
|
<!-- Grid of App Cards -->
|
||||||
<div class="p-6 space-y-6">
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
<h2 class="sm:text-2xl text-[#1B1B1B] dark:text-gray-100 font-bold mb-5">
|
<flux:card>
|
||||||
Aktueller Status
|
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||||
</h2>
|
<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"
|
||||||
<section>
|
href="https://github.com/greenart7c3/Amber">
|
||||||
<div class="space-y-2 mb-12">
|
Amber
|
||||||
<div class="flex justify-between items-center mb-4">
|
</a>
|
||||||
<div class="text-xl text-gray-500 dark:text-gray-400 italic">
|
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||||
Empfohlene Nostr Login und Signer-Apps
|
Perfekt für mobile Android Geräte. Eine App, in der man alle Keys/nsecs verwalten kann.
|
||||||
</div>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<flux:card>
|
<div class="shrink-0">
|
||||||
<div
|
<div class="text-xs inline-flex font-medium bg-green-500/20 text-green-700 rounded-full px-2.5 py-1">
|
||||||
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
|
Android
|
||||||
<!-- Left side -->
|
|
||||||
<div class="flex items-start space-x-3 md:space-x-4">
|
|
||||||
<div>
|
|
||||||
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
|
|
||||||
href="https://github.com/greenart7c3/Amber">
|
|
||||||
Amber
|
|
||||||
</a>
|
|
||||||
<div class="text-sm">Perfekt für mobile Android Geräte. Eine
|
|
||||||
App, in
|
|
||||||
der man alle Keys/nsecs verwalten kann.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Right side -->
|
|
||||||
<div class="flex items-center space-x-4 pl-10 md:pl-0">
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex font-medium bg-green-500/20 text-green-700 rounded-full text-center px-2.5 py-1">
|
|
||||||
Android
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</flux:card>
|
|
||||||
<flux:card>
|
|
||||||
<div
|
|
||||||
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
|
|
||||||
<!-- Left side -->
|
|
||||||
<div class="flex items-start space-x-3 md:space-x-4">
|
|
||||||
<div>
|
|
||||||
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
|
|
||||||
href="https://addons.mozilla.org/en-US/firefox/addon/alby/">
|
|
||||||
Alby - Bitcoin Lightning Wallet & Nostr
|
|
||||||
</a>
|
|
||||||
<div class="text-sm">
|
|
||||||
Browser-Erweiterung in die man seinen Key/nsec eingeben
|
|
||||||
kann.
|
|
||||||
Pro Alby-Konto ein nsec.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Right side -->
|
|
||||||
<div class="flex items-center space-x-4 pl-10 md:pl-0">
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex font-medium bg-yellow-500/20 text-yellow-700 rounded-full text-center px-2.5 py-1">
|
|
||||||
Browser Chrome/Firefox
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</flux:card>
|
|
||||||
<flux:card>
|
|
||||||
<div
|
|
||||||
class="md:flex justify-between items-center space-y-4 md:space-y-0 space-x-2">
|
|
||||||
<!-- Left side -->
|
|
||||||
<div class="flex items-start space-x-3 md:space-x-4">
|
|
||||||
<div>
|
|
||||||
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
|
|
||||||
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp">
|
|
||||||
nos2x
|
|
||||||
</a>
|
|
||||||
<div class="text-sm">
|
|
||||||
Browser-Erweiterung für Chrome Browser. Multi-Key fähig.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Right side -->
|
|
||||||
<div class="flex items-center space-x-4 pl-10 md:pl-0">
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full text-center px-2.5 py-1">
|
|
||||||
Browser Chrome
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</flux:card>
|
|
||||||
<flux:card>
|
|
||||||
<!-- Left side -->
|
|
||||||
<div class="flex items-start space-x-3 md:space-x-4">
|
|
||||||
<div>
|
|
||||||
<a class="inline-flex font-semibold text-gray-800 dark:text-gray-100"
|
|
||||||
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/">
|
|
||||||
nos2x-fox
|
|
||||||
</a>
|
|
||||||
<div class="text-sm">
|
|
||||||
Browser-Erweiterung für Firefox Browser. Multi-Key fähig.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Right side -->
|
|
||||||
<div class="flex items-center space-x-4 pl-10 md:pl-0">
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex font-medium bg-amber-500/20 text-amber-700 rounded-full text-center px-2.5 py-1">
|
|
||||||
Browser Firefox
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</flux:card>
|
|
||||||
|
|
||||||
<div class="flex flex-wrap space-y-2 sm:space-y-0 items-center justify-between">
|
|
||||||
<template x-if="$store.nostr.user">
|
|
||||||
<div class="flex items">
|
|
||||||
<img class="w-12 h-12 rounded-full"
|
|
||||||
x-bind:src="$store.nostr.user.picture || '{{ asset('apple-touch-icon.png') }}'"
|
|
||||||
alt="Avatar">
|
|
||||||
<div class="ml-4">
|
|
||||||
<h3 class="w-48 sm:w-full truncate text-lg leading-snug text-[#1B1B1B] dark:text-gray-100 font-bold"
|
|
||||||
x-text="$store.nostr.user.display_name"></h3>
|
|
||||||
<div
|
|
||||||
class="w-48 sm:w-full truncate text-sm text-gray-500 dark:text-gray-400"
|
|
||||||
x-text="$store.nostr.user.name"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@if($currentPubkey && $currentPleb->association_status->value < 2)
|
|
||||||
<flux:card>
|
|
||||||
<div class="flex">
|
|
||||||
<svg class="shrink-0 fill-current text-green-500 mt-[3px] mr-3"
|
|
||||||
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>
|
|
||||||
<div>Profil in der Datenbank vorhanden.</div>
|
|
||||||
</div>
|
|
||||||
</flux:card>
|
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</flux:card>
|
||||||
|
|
||||||
<section>
|
<flux:card>
|
||||||
<h3 class="text-xl leading-snug text-[#1B1B1B] dark:text-gray-100 font-bold mb-1">
|
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||||
Einundzwanzig Mitglied werden
|
<div class="flex-1">
|
||||||
</h3>
|
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||||
<h4 class="text-xs leading-snug text-[#1B1B1B] dark:text-gray-100 font-italic mb-1">
|
href="https://addons.mozilla.org/en-US/firefox/addon/alby/">
|
||||||
Nur Personen können Mitglied werden und zahlen 21.000 Satoshis im Jahr.<br>
|
Alby - Bitcoin Lightning Wallet & Nostr
|
||||||
<a href="https://einundzwanzig.space/verein/" class="text-amber-500">
|
</a>
|
||||||
Firmen melden sich bitte direkt an den Vorstand.
|
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||||
</a>
|
Browser-Erweiterung in die man seinen Key/nsec eingeben kann. Pro Alby-Konto ein nsec.
|
||||||
</h4>
|
</p>
|
||||||
<div class="sm:flex sm:items-center space-y-4 sm:space-y-0 sm:space-x-4 mt-5">
|
</div>
|
||||||
<div class="sm:w-1/2 flex flex-col space-y-2">
|
<div class="shrink-0">
|
||||||
<div class="flex items-center space-x-2">
|
<div class="text-xs inline-flex font-medium bg-yellow-500/20 text-yellow-700 rounded-full px-2.5 py-1">
|
||||||
<div wire:dirty>
|
Browser Chrome/Firefox
|
||||||
<flux:field variant="inline">
|
|
||||||
<flux:checkbox wire:model="form.check"
|
|
||||||
label="Ich stimme den Vereins-Statuten zu"/>
|
|
||||||
<flux:error name="form.check"/>
|
|
||||||
</flux:field>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="https://einundzwanzig.space/verein/" target="_blank"
|
|
||||||
class="text-amber-500">Statuten</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<flux:button wire:click="save({{ AssociationStatus::PASSIVE() }})">
|
|
||||||
Mit deinem aktuellen Nostr-Profil Mitglied werden
|
|
||||||
</flux:button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<flux:card class="mt-6">
|
</flux:card>
|
||||||
<div class="flex w-full justify-between items-start">
|
|
||||||
<div class="flex w-full">
|
<flux:card>
|
||||||
<svg class="shrink-0 fill-current text-yellow-500 mt-0.75 mr-3"
|
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||||
width="16"
|
<div class="flex-1">
|
||||||
height="16" viewBox="0 0 16 16">
|
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||||
<path
|
href="https://chromewebstore.google.com/detail/nos2x/kpgefcfmnafjgpblomihpgmejjdanjjp">
|
||||||
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>
|
nos2x
|
||||||
</svg>
|
</a>
|
||||||
<div class="w-full">
|
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||||
<div
|
Browser-Erweiterung für Chrome Browser. Multi-Key fähig.
|
||||||
class="w-full font-medium text-gray-800 dark:text-gray-100 mb-1">
|
</p>
|
||||||
Falls du möchtest, kannst du hier eine E-Mail Adresse
|
</div>
|
||||||
hinterlegen,
|
<div class="shrink-0">
|
||||||
damit der Verein dich darüber informieren kann, wenn es
|
<div class="text-xs inline-flex font-medium bg-red-500/20 text-red-700 rounded-full px-2.5 py-1">
|
||||||
Neuigkeiten
|
Browser Chrome
|
||||||
gibt.<br><br>
|
|
||||||
Am besten eine anynomisierte E-Mail Adresse verwenden. Wir
|
|
||||||
sichern
|
|
||||||
diese Adresse AES-256 verschlüsselt in der Datenbank ab.
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2 text-amber-500">
|
|
||||||
<flux:field variant="inline" xl>
|
|
||||||
<flux:label>NEIN</flux:label>
|
|
||||||
<flux:description>Ich informiere mich selbst in der News
|
|
||||||
Sektion und gebe keine E-Mail Adresse raus.
|
|
||||||
</flux:description>
|
|
||||||
<flux:switch
|
|
||||||
wire:model.live="no"
|
|
||||||
wire:dirty
|
|
||||||
/>
|
|
||||||
<flux:error name="no"/>
|
|
||||||
</flux:field>
|
|
||||||
</div>
|
|
||||||
<div wire:key="showEmail"
|
|
||||||
class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-2">
|
|
||||||
<flux:field>
|
|
||||||
<flux:label>Fax-Nummer</flux:label>
|
|
||||||
<flux:input wire:model.live.debounce="fax" wire:dirty
|
|
||||||
placeholder="Fax-Nummer"/>
|
|
||||||
<flux:error name="fax"/>
|
|
||||||
</flux:field>
|
|
||||||
<flux:field>
|
|
||||||
<flux:label>E-Mail Adresse</flux:label>
|
|
||||||
<flux:input type="email"
|
|
||||||
wire:model.live.debounce="email" wire:dirty
|
|
||||||
placeholder="E-Mail Adresse"/>
|
|
||||||
<flux:error name="email"/>
|
|
||||||
</flux:field>
|
|
||||||
</div>
|
|
||||||
<div wire:key="showSave" class="flex space-x-2 mt-2">
|
|
||||||
<flux:button wire:click="saveEmail"
|
|
||||||
wire:loading.attr="disabled">
|
|
||||||
Speichern
|
|
||||||
</flux:button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</flux:card>
|
</div>
|
||||||
</section>
|
</flux:card>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<section>
|
<flux:card>
|
||||||
@if($currentPleb && $currentPleb->association_status->value > 1)
|
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">
|
||||||
<div class="flex flex-col space-y-4">
|
<div class="flex-1">
|
||||||
<flux:card class="max-w-lg">
|
<a class="font-semibold text-gray-800 dark:text-gray-100 hover:text-amber-500 dark:hover:text-amber-400 transition-colors"
|
||||||
<div class="flex w-full justify-between items-start">
|
href="https://addons.mozilla.org/en-US/firefox/addon/nos2x-fox/">
|
||||||
<div class="flex">
|
nos2x-fox
|
||||||
<svg class="shrink-0 fill-current text-green-500 mt-0.75 mr-3"
|
</a>
|
||||||
width="16"
|
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||||
height="16" viewBox="0 0 16 16">
|
Browser-Erweiterung für Firefox Browser. Multi-Key fähig.
|
||||||
<path
|
</p>
|
||||||
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>
|
</div>
|
||||||
</svg>
|
<div class="shrink-0">
|
||||||
<div>
|
<div class="text-xs inline-flex font-medium bg-amber-500/20 text-amber-700 rounded-full px-2.5 py-1">
|
||||||
<div class="font-medium text-gray-800 dark:text-gray-100 mb-1">
|
Browser Firefox
|
||||||
Du bist derzeit ein Mitglied des Vereins.
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</flux:card>
|
</flux:card>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section>
|
<!-- User Profile Display -->
|
||||||
@if($currentPleb && $currentPleb->association_status->value > 1)
|
<div class="mt-6">
|
||||||
<flux:card>
|
<template x-if="$store.nostr.user">
|
||||||
<div class="flex w-full justify-between items-start">
|
<div class="flex items-center gap-4 p-4 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
|
||||||
<div class="flex">
|
<img class="w-12 h-12 rounded-full"
|
||||||
<svg class="shrink-0 fill-current text-yellow-500 mt-[3px] mr-3" width="16"
|
x-bind:src="$store.nostr.user.picture || '{{ asset('apple-touch-icon.png') }}'"
|
||||||
height="16" viewBox="0 0 16 16">
|
alt="Avatar">
|
||||||
<path
|
<div class="flex-1 min-w-0">
|
||||||
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>
|
<h3 class="truncate text-lg leading-snug text-[#1B1B1B] dark:text-gray-100 font-bold"
|
||||||
</svg>
|
x-text="$store.nostr.user.display_name"></h3>
|
||||||
<div>
|
<div class="truncate text-sm text-gray-500 dark:text-gray-400"
|
||||||
<div
|
x-text="$store.nostr.user.name"></div>
|
||||||
class="font-medium text-gray-800 dark:text-gray-100 mb-1 space-y-2">
|
|
||||||
<p>
|
|
||||||
Nostr Event für die Zahlung des Mitgliedsbeitrags: <span
|
|
||||||
class="break-all">{{ $currentPleb->paymentEvents->last()->event_id }}</span>
|
|
||||||
</p>
|
|
||||||
<div>
|
|
||||||
@if(isset($latestEvent))
|
|
||||||
<p>{{ $latestEvent['content'] }}</p>
|
|
||||||
<div class="mt-8">
|
|
||||||
@if(!$currentYearIsPaid)
|
|
||||||
<div class="flex justify-center">
|
|
||||||
<flux:button
|
|
||||||
wire:click="pay('{{ date('Y') }}:{{ $currentPubkey }}')"
|
|
||||||
class="text-2xl">
|
|
||||||
<i class="fa-sharp-duotone fa-solid fa-bolt-lightning mr-2"></i>
|
|
||||||
Pay {{ $amountToPay }} Sats
|
|
||||||
</flux:button>
|
|
||||||
</div>
|
|
||||||
@elseif($currentYearIsPaid)
|
|
||||||
<div class="flex sm:justify-center">
|
|
||||||
<flux:button disabled class="sm:text-2xl">
|
|
||||||
<i class="fa-sharp-duotone fa-solid fa-check-circle mr-2"></i>
|
|
||||||
aktuelles Jahr bezahlt
|
|
||||||
</flux:button>
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
@else
|
|
||||||
<div class="flex sm:justify-center">
|
|
||||||
<flux:button disabled>
|
|
||||||
<i class="fa-sharp-duotone fa-solid fa-user-helmet-safety mr-2"></i>
|
|
||||||
Unser Nostr-Relay konnte derzeit nicht erreicht
|
|
||||||
werden, um eine Zahlung zu initialisieren. Bitte
|
|
||||||
versuche es später noch einmal.
|
|
||||||
</flux:button>
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
<section>
|
|
||||||
<h3 class="text-xl leading-snug text-gray-800 dark:text-gray-100 font-bold mb-1">
|
|
||||||
bisherige Zahlungen</h3>
|
|
||||||
<!-- Table -->
|
|
||||||
<table class="table-auto w-full dark:text-gray-400">
|
|
||||||
<!-- Table header -->
|
|
||||||
<thead
|
|
||||||
class="text-xs uppercase text-gray-400 dark:text-gray-500">
|
|
||||||
<tr class="flex flex-wrap md:table-row md:flex-no-wrap">
|
|
||||||
<th class="w-full hidden md:w-auto md:table-cell py-2">
|
|
||||||
<div class="font-semibold text-left">Satoshis</div>
|
|
||||||
</th>
|
|
||||||
<th class="w-full hidden md:w-auto md:table-cell py-2">
|
|
||||||
<div class="font-semibold text-left">Jahr</div>
|
|
||||||
</th>
|
|
||||||
<th class="w-full hidden md:w-auto md:table-cell py-2">
|
|
||||||
<div class="font-semibold text-left">Event-ID</div>
|
|
||||||
</th>
|
|
||||||
<th class="w-full hidden md:w-auto md:table-cell py-2">
|
|
||||||
<div class="font-semibold text-left">Quittung</div>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<!-- Table body -->
|
|
||||||
<tbody class="text-sm">
|
|
||||||
@foreach($payments as $payment)
|
|
||||||
<tr class="flex flex-wrap md:table-row md:flex-no-wrap border-b border-gray-200 dark:border-gray-700/60 py-2 md:py-0">
|
|
||||||
<td class="w-full block md:w-auto md:table-cell py-0.5 md:py-2">
|
|
||||||
<div
|
|
||||||
class="text-left font-medium text-gray-800 dark:text-gray-100">
|
|
||||||
<span class="sm:hidden">Sats:</span>
|
|
||||||
{{ $payment->amount }}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="w-full block md:w-auto md:table-cell py-0.5 md:py-2">
|
|
||||||
<div
|
|
||||||
class="text-left"><span
|
|
||||||
class="sm:hidden">Jahr:</span>{{ $payment->year }}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="w-full block md:w-auto md:table-cell py-0.5 md:py-2">
|
|
||||||
<div
|
|
||||||
class="text-left font-medium break-all">{{ $payment->event_id }}</div>
|
|
||||||
</td>
|
|
||||||
<td class="w-full block md:w-auto md:table-cell py-0.5 md:py-2">
|
|
||||||
@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>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
@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>
|
||||||
|
<p class="text-sm text-gray-700 dark:text-gray-300">Profil in der Datenbank vorhanden.</p>
|
||||||
|
</div>
|
||||||
|
</flux:card>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@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-700">
|
||||||
|
<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">
|
||||||
|
Firmen melden sich bitte direkt an den Vorstand.
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex flex-col gap-4 max-w-2xl">
|
||||||
|
<flux:field variant="inline">
|
||||||
|
<flux:checkbox wire:model="form.check" label="Ich stimme den Vereins-Statuten zu"/>
|
||||||
|
<flux:error name="form.check"/>
|
||||||
|
</flux:field>
|
||||||
|
<div class="flex flex-col sm:flex-row gap-3">
|
||||||
|
<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">
|
||||||
|
Statuten ansehen
|
||||||
|
</flux:button>
|
||||||
</div>
|
</div>
|
||||||
</flux:card>
|
</div>
|
||||||
@endif
|
</div>
|
||||||
</section>
|
@endif
|
||||||
</flux:card>
|
|
||||||
|
@if($currentPubkey)
|
||||||
|
<!-- Email Settings Section -->
|
||||||
|
<div class="py-6 border-t border-gray-200 dark:border-gray-700">
|
||||||
|
<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.
|
||||||
|
</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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</flux:callout>
|
||||||
|
|
||||||
|
<div class="space-y-4 max-w-2xl">
|
||||||
|
<flux:field variant="inline">
|
||||||
|
<flux:checkbox
|
||||||
|
wire:model.live="no"
|
||||||
|
label="Keine E-Mail Adresse angeben"
|
||||||
|
description="Ich informiere mich selbst in der News Sektion und gebe keine E-Mail Adresse raus."/>
|
||||||
|
<flux:error name="no"/>
|
||||||
|
</flux:field>
|
||||||
|
|
||||||
|
@if(!$no)
|
||||||
|
<div wire:key="showEmail" class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||||
|
<flux:field>
|
||||||
|
<flux:label>Fax-Nummer</flux:label>
|
||||||
|
<flux:input wire:model.live.debounce="fax" placeholder="Fax-Nummer"/>
|
||||||
|
<flux:error name="fax"/>
|
||||||
|
</flux:field>
|
||||||
|
|
||||||
|
<flux:field>
|
||||||
|
<flux:label>E-Mail Adresse</flux:label>
|
||||||
|
<flux:input type="email" wire:model.live.debounce="email" placeholder="E-Mail Adresse"/>
|
||||||
|
<flux:error name="email"/>
|
||||||
|
</flux:field>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div wire:key="showSave">
|
||||||
|
<flux:button wire:click="saveEmail" wire:loading.attr="disabled">
|
||||||
|
Speichern
|
||||||
|
</flux:button>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</flux:card>
|
||||||
|
|
||||||
|
<!-- Active Member Status -->
|
||||||
|
@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>
|
||||||
|
<div>
|
||||||
|
<p class="font-medium text-gray-800 dark:text-gray-100">
|
||||||
|
Du bist derzeit ein Mitglied des Vereins.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</flux:card>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<!-- Payment Section -->
|
||||||
|
@if($currentPleb && $currentPleb->association_status->value > 1)
|
||||||
|
<flux:card>
|
||||||
|
<div class="space-y-6">
|
||||||
|
<!-- Payment Info -->
|
||||||
|
<div>
|
||||||
|
<h3 class="text-xl md:text-2xl text-gray-800 dark:text-gray-100 font-bold mb-4">
|
||||||
|
Mitgliedsbeitrag
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
|
|
||||||
|
@php
|
||||||
|
$latestEvent = collect($events)->sortByDesc('created_at')->first();
|
||||||
|
@endphp
|
||||||
|
|
||||||
|
@if(isset($latestEvent))
|
||||||
|
<p class="text-gray-700 dark:text-gray-300 mb-6">{{ $latestEvent['content'] }}</p>
|
||||||
|
|
||||||
|
<!-- Payment Button -->
|
||||||
|
<div class="flex justify-center py-6">
|
||||||
|
@if(!$currentYearIsPaid)
|
||||||
|
<flux:button
|
||||||
|
wire:click="pay('{{ date('Y') }}:{{ $currentPubkey }}')"
|
||||||
|
variant="primary"
|
||||||
|
class="text-xl px-8 py-3">
|
||||||
|
<i class="fa-sharp-duotone fa-solid fa-bolt-lightning mr-2"></i>
|
||||||
|
Pay {{ $amountToPay }} Sats
|
||||||
|
</flux:button>
|
||||||
|
@else
|
||||||
|
<flux:button disabled class="text-xl px-8 py-3">
|
||||||
|
<i class="fa-sharp-duotone fa-solid fa-check-circle mr-2"></i>
|
||||||
|
Aktuelles Jahr bezahlt
|
||||||
|
</flux:button>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
@else
|
||||||
|
<flux:callout variant="danger">
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</flux:callout>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Payment History -->
|
||||||
|
@if($payments && count($payments) > 0)
|
||||||
|
<div class="pt-6 border-t border-gray-200 dark:border-gray-700">
|
||||||
|
<h4 class="text-lg md:text-xl text-gray-800 dark:text-gray-100 font-bold mb-4">
|
||||||
|
Bisherige Zahlungen
|
||||||
|
</h4>
|
||||||
|
|
||||||
|
<!-- 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-700">
|
||||||
|
<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-700">
|
||||||
|
@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>
|
||||||
|
|
||||||
|
<!-- 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-700 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>
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
@if($payment->btc_pay_invoice)
|
||||||
|
<flux:button
|
||||||
|
href="https://pay.einundzwanzig.space/i/{{ $payment->btc_pay_invoice }}/receipt"
|
||||||
|
target="_blank"
|
||||||
|
variant="subtle"
|
||||||
|
class="w-full text-sm">
|
||||||
|
Quittung anzeigen
|
||||||
|
</flux:button>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</flux:card>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -105,16 +105,21 @@ class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<div class="bg-white dark:bg-[#1B1B1B] shadow overflow-hidden sm:rounded-lg">
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Projektförderung kann nicht angelegt werden</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">
|
<p>Um eine Projektförderung anzulegen, benötigst du:</p>
|
||||||
Projektförderung
|
<ul class="list-disc ml-5 mt-2 space-y-1">
|
||||||
</h3>
|
<li>Einen Vereinsstatus von mindestens 2 (Aktives Mitglied)</li>
|
||||||
<p class="mt-1 max-w">
|
<li>Eine bezahlte Mitgliedschaft für das aktuelle Jahr ({{ date('Y') }})</li>
|
||||||
Du bist nicht berechtigt, eine Projektförderung anzulegen.
|
</ul>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</div>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Bitte kontaktiere den Vorstand, wenn du denkst, dass du berechtigt sein solltest.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -118,16 +118,21 @@ class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<div class="bg-white dark:bg-[#1B1B1B] shadow overflow-hidden sm:rounded-lg">
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Projektförderung kann nicht bearbeitet werden</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">
|
<p>Um diese Projektförderung zu bearbeiten, musst du entweder:</p>
|
||||||
Projektförderung
|
<ul class="list-disc ml-5 mt-2 space-y-1">
|
||||||
</h3>
|
<li>Der Ersteller dieser Projektförderung sein</li>
|
||||||
<p class="mt-1 max-w">
|
<li>Ein Mitglied des aktuellen Vorstands sein</li>
|
||||||
Du bist nicht berechtigt, die Projektförderung zu bearbeiten.
|
</ul>
|
||||||
</p>
|
<p class="mt-3">
|
||||||
</div>
|
@if(!NostrAuth::check())
|
||||||
</div>
|
Bitte melde dich zunächst mit Nostr an.
|
||||||
|
@else
|
||||||
|
Bitte kontaktiere den Vorstand, wenn du denkst, dass du berechtigt sein solltest.
|
||||||
|
@endif
|
||||||
|
</p>
|
||||||
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -90,16 +90,16 @@ class extends Component {
|
|||||||
</div>
|
</div>
|
||||||
@else
|
@else
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
||||||
<flux:card>
|
<flux:callout variant="warning" icon="exclamation-circle">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<flux:heading>Zugriff auf Projektförderung nicht möglich</flux:heading>
|
||||||
<h3 class="text-lg font-medium leading-6 text-gray-900 dark:text-gray-200">
|
<p>
|
||||||
Projektförderung
|
@if(!NostrAuth::check())
|
||||||
</h3>
|
Bitte melde dich zunächst mit Nostr an, um Zugriff auf die Projektförderung zu erhalten.
|
||||||
<p class="mt-1 max-w">
|
@else
|
||||||
Du bist nicht berechtigt, die Projektförderung einzusehen.
|
Du benötigst eine gültige Nostr-Authentifizierung, um diese Projektförderung einzusehen.
|
||||||
</p>
|
@endif
|
||||||
</flux:card>
|
</p>
|
||||||
</div>
|
</flux:callout>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,66 +0,0 @@
|
|||||||
@livewireLayout('layouts.app', ['title' => __('Changelog')])
|
|
||||||
<div>
|
|
||||||
<div
|
|
||||||
class="sm:flex sm:justify-between sm:items-center px-4 sm:px-6 py-8 border-b border-gray-200 dark:border-gray-700/60">
|
|
||||||
|
|
||||||
<!-- Left: Title -->
|
|
||||||
<div class="mb-4 sm:mb-0">
|
|
||||||
<h1 class="text-2xl md:text-3xl text-gray-800 dark:text-gray-100 font-bold">Changelog</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Right: Actions -->
|
|
||||||
<div class="grid grid-flow-col sm:auto-cols-max justify-start sm:justify-end gap-2">
|
|
||||||
|
|
||||||
{{--<!-- Add entry button -->
|
|
||||||
<button
|
|
||||||
class="btn bg-gray-900 text-gray-100 hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-800 dark:hover:bg-white">
|
|
||||||
Add Entry
|
|
||||||
</button>--}}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="px-4 sm:px-6 lg:px-8 py-8 w-full max-w-9xl mx-auto">
|
|
||||||
<div class="max-w-3xl m-auto">
|
|
||||||
|
|
||||||
<!-- Posts -->
|
|
||||||
<div class="xl:-translate-x-16">
|
|
||||||
@foreach($entries as $entry)
|
|
||||||
<article class="pt-6">
|
|
||||||
<div class="xl:flex">
|
|
||||||
<div class="w-32 shrink-0">
|
|
||||||
<div
|
|
||||||
class="text-xs font-semibold uppercase text-gray-400 dark:text-gray-500 xl:leading-8">
|
|
||||||
{{ $entry['date'] }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="grow pb-6 border-b border-gray-200 dark:border-gray-700/60">
|
|
||||||
<header>
|
|
||||||
<div class="flex flex-nowrap items-center space-x-2 mb-4">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<a class="block text-sm font-semibold text-gray-800 dark:text-gray-100"
|
|
||||||
href="#0">
|
|
||||||
{{ $entry['author'] }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="text-gray-400 dark:text-gray-600">·</div>
|
|
||||||
<div>
|
|
||||||
<div
|
|
||||||
class="text-xs inline-flex font-medium bg-green-500/20 text-green-700 rounded-full text-center px-2.5 py-1">
|
|
||||||
{{ $entry['hash'] }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div class="space-y-3 font-mono">
|
|
||||||
{!! $entry['message'] !!}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
@endforeach
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
@livewireLayout('layouts.app', ['title' => 'Welcome'])
|
|
||||||
<div>
|
|
||||||
TEST
|
|
||||||
</div>
|
|
||||||
@@ -11,7 +11,7 @@ it('denies access to unauthorized users', function () {
|
|||||||
|
|
||||||
Livewire::test('association.members.admin')
|
Livewire::test('association.members.admin')
|
||||||
->assertSet('isAllowed', false)
|
->assertSet('isAllowed', false)
|
||||||
->assertSee('Du bist nicht berechtigt, Mitglieder zu bearbeiten.');
|
->assertSee('Mitglieder können nicht bearbeitet werden');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('grants access to authorized pubkeys', function () {
|
it('grants access to authorized pubkeys', function () {
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ it('handles nostr logout', function () {
|
|||||||
it('denies access to create when not authenticated', function () {
|
it('denies access to create when not authenticated', function () {
|
||||||
Livewire::test('association.project-support.form.create')
|
Livewire::test('association.project-support.form.create')
|
||||||
->assertSet('isAllowed', false)
|
->assertSet('isAllowed', false)
|
||||||
->assertSee('Du bist nicht berechtigt, eine Projektförderung anzulegen.');
|
->assertSee('Projektförderung kann nicht angelegt werden');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('denies access to create when pleb has not paid', function () {
|
it('denies access to create when pleb has not paid', function () {
|
||||||
@@ -199,7 +199,7 @@ it('denies access to show when not authenticated', function () {
|
|||||||
|
|
||||||
Livewire::test('association.project-support.show', ['project' => $project])
|
Livewire::test('association.project-support.show', ['project' => $project])
|
||||||
->assertSet('isAllowed', false)
|
->assertSet('isAllowed', false)
|
||||||
->assertSee('Du bist nicht berechtigt, die Projektförderung einzusehen.');
|
->assertSee('Zugriff auf Projektförderung nicht möglich');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('grants access to show when authenticated', function () {
|
it('grants access to show when authenticated', function () {
|
||||||
|
|||||||
Reference in New Issue
Block a user