From 06c43501a06660d4684a22d143bbfdbaec1c0ce9 Mon Sep 17 00:00:00 2001
From: fsociety <fsociety.mp3@pm.me>
Date: Thu, 24 Oct 2024 19:02:17 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=89=20feat(project-support):=20update?=
 =?UTF-8?q?=20project=20support=20links=20and=20implement=20voting=20funct?=
 =?UTF-8?q?ionality=20with=20reasons=20for=20rejection.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Livewire/Forms/VoteForm.php               |  12 +
 config/einundzwanzig/config.php               |  11 +
 .../[ProjectProposal:slug].blade.php          | 293 ++++++++++++++++++
 .../project-support/index.blade.php           |   6 +-
 4 files changed, 319 insertions(+), 3 deletions(-)
 create mode 100644 app/Livewire/Forms/VoteForm.php
 create mode 100644 config/einundzwanzig/config.php
 create mode 100644 resources/views/pages/association/project-support/[ProjectProposal:slug].blade.php

diff --git a/app/Livewire/Forms/VoteForm.php b/app/Livewire/Forms/VoteForm.php
new file mode 100644
index 0000000..9606b27
--- /dev/null
+++ b/app/Livewire/Forms/VoteForm.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Livewire\Forms;
+
+use Livewire\Attributes\Validate;
+use Livewire\Form;
+
+class VoteForm extends Form
+{
+    #[Validate('required|min:5')]
+    public $reason = '';
+}
diff --git a/config/einundzwanzig/config.php b/config/einundzwanzig/config.php
new file mode 100644
index 0000000..655660a
--- /dev/null
+++ b/config/einundzwanzig/config.php
@@ -0,0 +1,11 @@
+<?php
+
+return [
+    'current_board' => [
+        'npub1pt0kw36ue3w2g4haxq3wgm6a2fhtptmzsjlc2j2vphtcgle72qesgpjyc6',
+        'npub1gvqkjccl9urg93svaw60jqkk3ux8r3ycl5t3rlvc9uzjeu0agfuss8x8qy',
+        'npub10t8npnmqhpwx9w8k232kess7gqtdlr6kqjemdzf8jnughwqd0gwsez0924',
+        'npub1r8343wqpra05l3jnc4jud4xz7vlnyeslf7gfsty7ahpf92rhfmpsmqwym8',
+        'npub17fqtu2mgf7zueq2kdusgzwr2lqwhgfl2scjsez77ddag2qx8vxaq3vnr8y',
+    ],
+];
diff --git a/resources/views/pages/association/project-support/[ProjectProposal:slug].blade.php b/resources/views/pages/association/project-support/[ProjectProposal:slug].blade.php
new file mode 100644
index 0000000..6028be4
--- /dev/null
+++ b/resources/views/pages/association/project-support/[ProjectProposal:slug].blade.php
@@ -0,0 +1,293 @@
+<?php
+
+use App\Livewire\Forms\VoteForm;
+use App\Models\Vote;
+use Livewire\Volt\Component;
+use swentel\nostr\Filter\Filter;
+use swentel\nostr\Key\Key;
+use swentel\nostr\Message\RequestMessage;
+use swentel\nostr\Relay\Relay;
+use swentel\nostr\Request\Request;
+use swentel\nostr\Subscription\Subscription;
+
+use function Laravel\Folio\{middleware};
+use function Laravel\Folio\name;
+use function Livewire\Volt\{state, mount, on, computed, form};
+
+name('association.projectSupport.item');
+
+form(VoteForm::class);
+
+state([
+    'projectProposal' => fn() => $projectProposal,
+    'isAllowed' => false,
+    'currentPubkey' => null,
+    'currentPleb' => null,
+    'reasons' => fn()
+        => Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->where('value', false)
+        ->get(),
+    'ownVoteExists' => false,
+    'boardVotes' => fn()
+        => Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->whereHas('einundzwanzigPleb', fn($q) => $q->whereIn('npub', config('einundzwanzig.config.current_board')))
+        ->where('value', true)
+        ->get(),
+    'otherVotes' => fn()
+        => Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->whereDoesntHave(
+            'einundzwanzigPleb',
+            fn($q) => $q->whereIn('npub', config('einundzwanzig.config.current_board')),
+        )
+        ->where('value', true)
+        ->get(),
+]);
+
+on([
+    'nostrLoggedIn' => function ($pubkey) {
+        $this->currentPubkey = $pubkey;
+        $this->currentPleb = \App\Models\EinundzwanzigPleb::query()->where('pubkey', $pubkey)->first();
+        if ($this->currentPleb->association_status->value < 2) {
+            return $this->js('alert("Du bist hierzu nicht berechtigt.")');
+        }
+        $this->isAllowed = true;
+        $this->ownVoteExists = Vote::query()
+            ->where('project_proposal_id', $this->projectProposal->id)
+            ->where('einundzwanzig_pleb_id', $this->currentPleb->id)
+            ->exists();
+    },
+    'nostrLoggedOut' => function () {
+        $this->isAllowed = false;
+        $this->currentPubkey = null;
+        $this->currentPleb = null;
+    },
+]);
+
+$approve = function () {
+    Vote::query()->updateOrCreate([
+        'project_proposal_id' => $this->projectProposal->id,
+        'einundzwanzig_pleb_id' => $this->currentPleb->id,
+    ], [
+        'value' => true,
+    ]);
+    $this->form->reset();
+    $this->ownVoteExists = true;
+    $this->boardVotes = Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->where('value', false)
+        ->get();
+    $this->otherVotes = Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->where('value', false)
+        ->get();
+};
+
+$notApprove = function () {
+    $this->form->validate();
+
+    Vote::query()->updateOrCreate([
+        'project_proposal_id' => $this->projectProposal->id,
+        'einundzwanzig_pleb_id' => $this->currentPleb->id,
+    ], [
+        'value' => false,
+        'reason' => $this->form->reason,
+    ]);
+    $this->form->reset();
+    $this->ownVoteExists = true;
+    $this->reasons = Vote::query()
+        ->where('project_proposal_id', $this->projectProposal->id)
+        ->where('value', false)
+        ->get();
+};
+
+?>
+
+<x-layouts.app title="{{ $projectProposal->name }}">
+    @volt
+    <div class="px-4 sm:px-6 lg:px-8 py-8 w-full" x-data="nostrDefault(@this)" x-cloak
+         x-show="isAllowed">
+
+        <!-- Page content -->
+        <div class="max-w-5xl mx-auto flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
+
+            <!-- Content -->
+            <div>
+                <div class="mb-6">
+                    <a class="btn-sm px-3 bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700/60 hover:border-gray-300 dark:hover:border-gray-600 text-gray-800 dark:text-gray-300"
+                       href="{{ route('association.projectSupport') }}"
+                    >
+                        <svg class="fill-current text-gray-400 dark:text-gray-500 mr-2" width="7" height="12"
+                             viewBox="0 0 7 12">
+                            <path d="M5.4.6 6.8 2l-4 4 4 4-1.4 1.4L0 6z"></path>
+                        </svg>
+                        <span>Zurück zur Übersicht</span>
+                    </a>
+                </div>
+                <div class="text-sm font-semibold text-violet-500 uppercase mb-2">
+                    {{ $projectProposal->created_at->format('D d M, Y') }}
+                </div>
+                <header class="mb-4">
+                    <!-- Title -->
+                    <h1 class="text-2xl md:text-3xl text-gray-800 dark:text-gray-100 font-bold mb-2">
+                        {{ $projectProposal->name }}
+                    </h1>
+                    <x-markdown>
+                        {!! $projectProposal->description !!}
+                    </x-markdown>
+                </header>
+
+                <div class="space-y-3 sm:flex sm:items-center sm:justify-between sm:space-y-0 mb-6">
+                    <!-- Author -->
+                    <div class="flex items-center sm:mr-4">
+                        <a class="block mr-2 shrink-0" href="#0">
+                            <img class="rounded-full" src="{{ $projectProposal->einundzwanzigPleb->profile->picture }}"
+                                 width="32" height="32" alt="User 04">
+                        </a>
+                        <div class="text-sm whitespace-nowrap">Eingereicht von
+                            <div
+                                class="font-semibold text-gray-800 dark:text-gray-100">{{ $projectProposal->einundzwanzigPleb->profile->name }}</div>
+                        </div>
+                    </div>
+                    <!-- Right side -->
+                    <div class="flex flex-wrap items-center sm:justify-end space-x-2">
+                        <!-- Tags -->
+                        <div
+                            class="text-xs inline-flex items-center font-medium border border-gray-200 dark:border-gray-700/60 text-gray-600 dark:text-gray-400 rounded-full text-center px-2.5 py-1">
+                            <a target="_blank" href="{{ $projectProposal->website }}"><span>Webseite</span></a>
+                        </div>
+                        <div
+                            class="text-xs inline-flex font-medium uppercase bg-green-500/20 text-green-700 rounded-full text-center px-2.5 py-1">
+                            {{ number_format($projectProposal->support_in_sats, 0, ',', '.') }} Sats
+                        </div>
+                    </div>
+                </div>
+
+                <figure class="mb-6">
+                    <img class="rounded-sm h-48" src="{{ $projectProposal->getFirstMediaUrl('main') }}" alt="Meetup">
+                </figure>
+
+                <hr class="my-6 border-t border-gray-100 dark:border-gray-700/60">
+
+                <!-- Reasons -->
+                <div>
+                    <h2 class="text-xl leading-snug text-gray-800 dark:text-gray-100 font-bold mb-2">
+                        Ablehnungen ({{ count($reasons) }})
+                    </h2>
+                    <ul class="space-y-5 my-6">
+                        @foreach($reasons as $reason)
+                            <li class="flex items-start">
+                                <a class="block mr-3 shrink-0" href="#0">
+                                    <img class="rounded-full" src="{{ $reason->einundzwanzigPleb->profile->picture }}"
+                                         width="32" height="32"
+                                         alt="{{ $reason->einundzwanzigPleb->profile->name }}">
+                                </a>
+                                <div class="grow">
+                                    <div class="text-sm font-semibold text-gray-800 dark:text-gray-100 mb-2">
+                                        {{ $reason->einundzwanzigPleb->profile->name }}
+                                    </div>
+                                    <div class="italic">{{ $reason->reason }}</div>
+                                </div>
+                            </li>
+                        @endforeach
+                    </ul>
+                </div>
+
+            </div>
+
+            <!-- Sidebar -->
+            <div class="space-y-4">
+
+                <!-- 1st block -->
+                <div class="bg-white dark:bg-gray-800 p-5 shadow-sm rounded-xl lg:w-72 xl:w-80">
+                    @if(!$ownVoteExists)
+                        <div class="space-y-2">
+                            <button
+                                wire:click="approve"
+                                class="btn w-full bg-gray-900 text-gray-100 hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-800 dark:hover:bg-white">
+                                <i class="fill-current shrink-0 fa-sharp-duotone fa-solid fa-thumbs-up"></i>
+                                <span class="ml-1">Zustimmen</span>
+                            </button>
+                            <button
+                                wire:click="notApprove"
+                                class="btn w-full bg-red-900 text-red-100 hover:bg-red-800 dark:bg-red-100 dark:text-red-800 dark:hover:bg-red-400">
+                                <i class="fill-current shrink-0 fa-sharp-duotone fa-solid fa-thumbs-down"></i>
+                                <span class="ml-1">Ablehnen</span>
+                            </button>
+                            <x-textarea wire:model="form.reason" label="Grund für deine Ablehnung"/>
+                        </div>
+                    @else
+                        <div class="space-y-2">
+                            <p>Du hast bereits abgestimmt.</p>
+                        </div>
+                    @endif
+                </div>
+
+                <!-- 2nd block -->
+                <div class="bg-white dark:bg-gray-800 p-5 shadow-sm rounded-xl lg:w-72 xl:w-80">
+                    <div class="flex justify-between space-x-1 mb-5">
+                        <div class="text-sm text-gray-800 dark:text-gray-100 font-semibold">
+                            Zustimmungen des Vorstands ({{ count($boardVotes) }})
+                        </div>
+                    </div>
+                    <ul class="space-y-3">
+                        @foreach($boardVotes as $vote)
+                            <li>
+                                <div class="flex justify-between">
+                                    <div class="grow flex items-center">
+                                        <div class="relative mr-3">
+                                            <img class="w-8 h-8 rounded-full"
+                                                 src="{{ $vote->einundzwanzigPleb->profile->picture }}" width="32"
+                                                 height="32" alt="{{ $vote->einundzwanzigPleb->profile->name }}">
+                                        </div>
+                                        <div class="truncate">
+                                            <span class="text-sm font-medium text-gray-800 dark:text-gray-100">
+                                                {{ $vote->einundzwanzigPleb->profile->name }}
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        @endforeach
+                    </ul>
+                </div>
+
+                <!-- 3rd block -->
+                <div class="bg-white dark:bg-gray-800 p-5 shadow-sm rounded-xl lg:w-72 xl:w-80">
+                    <div class="flex justify-between space-x-1 mb-5">
+                        <div class="text-sm text-gray-800 dark:text-gray-100 font-semibold">
+                            Zustimmungen der übrigen Mitglieder ({{ count($otherVotes) }})
+                        </div>
+                    </div>
+                    <ul class="space-y-3">
+                        @foreach($otherVotes as $vote)
+                            <li>
+                                <div class="flex items-center justify-between">
+                                    <div class="grow flex items-center">
+                                        <div class="relative mr-3">
+                                            <img class="w-8 h-8 rounded-full"
+                                                 src="{{ $vote->einundzwanzigPleb->profile->picture }}" width="32"
+                                                 height="32" alt="{{ $vote->einundzwanzigPleb->profile->name }}">
+                                        </div>
+                                        <div class="truncate">
+                                        <span
+                                            class="text-sm font-medium text-gray-800 dark:text-gray-100">
+                                            {{ $vote->einundzwanzigPleb->profile->name }}
+                                        </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        @endforeach
+                    </ul>
+                </div>
+
+            </div>
+
+        </div>
+
+    </div>
+    @endvolt
+</x-layouts.app>
diff --git a/resources/views/pages/association/project-support/index.blade.php b/resources/views/pages/association/project-support/index.blade.php
index 08489a1..fac7df4 100644
--- a/resources/views/pages/association/project-support/index.blade.php
+++ b/resources/views/pages/association/project-support/index.blade.php
@@ -135,7 +135,7 @@ $delete = function ($id) {
                     class="flex bg-white dark:bg-gray-800 shadow-sm rounded-xl overflow-hidden">
                     <!-- Image -->
                     <a class="relative block w-24 sm:w-56 xl:sidebar-expanded:w-40 2xl:sidebar-expanded:w-56 shrink-0"
-                       href="meetups-post.html">
+                        href="{{ route('association.projectSupport.item', ['projectProposal' => $project]) }}">
                         <img class="absolute object-cover object-center w-full h-full"
                              src="{{ asset('einundzwanzig-alpha.jpg') }}" alt="Meetup 01">
                         <button class="absolute top-0 right-0 mt-4 mr-4">
@@ -170,10 +170,10 @@ $delete = function ($id) {
                                 <a href="{{ $project->website }}" target="_blank">Webseite</a>
                             </div>
                             <!-- Avatars -->
-                            @if($project->votes->count() > 0)
+                            @if($project->votes->where('value', true)->count() > 0)
                                 <div class="flex items-center space-x-2">
                                     <div class="text-xs font-medium text-gray-400 dark:text-gray-300 italic">
-                                        Anzahl der Unterstützer: +{{ $project->votes->count() }}
+                                        Anzahl der Unterstützer: +{{ $project->votes->where('value', true)->count() }}
                                     </div>
                                 </div>
                             @endif