wip

2024-08-15 21:35:43 -05:00
parent 71e299be04
commit 0f22e2c33e
19 changed files with 386 additions and 61 deletions
@@ -0,0 +1,66 @@
+<?php
+
+use App\Models\Portfolio;
+use App\Models\Transaction;
+use Illuminate\Support\Collection;
+use Livewire\Volt\Component;
+
+new class extends Component {
+
+    // props
+    public ?Collection $transactions;
+    public Portfolio $portfolio;
+    public ?Transaction $editingTransaction;
+
+    // methods
+    public function showTransactionDialog($transactionId)
+    {
+        $this->editingTransaction = Transaction::findOrFail($transactionId);
+        $this->dispatch('toggle-manage-transaction');
+    }
+
+}; ?>
+
+<div class="">
+
+    @foreach($transactions as $transaction)
+        <div x-data="{ loading: false, timeout: null }">
+            <x-list-item 
+                no-separator 
+                :item="$transaction" 
+                class="cursor-pointer"
+                @click="
+                    timeout = setTimeout(() => { loading = true }, 200);
+                    $wire.showTransactionDialog('{{ $transaction->id }}').then(() => {
+                        clearTimeout(timeout);
+                        loading = false;
+                    })
+                "
+            >
+                <x-slot:value class="flex items-center">
+                    <x-badge 
+                        :value="$transaction->transaction_type" 
+                        class="{{ $transaction->transaction_type == 'BUY' ? 'badge-success' : 'badge-error' }} badge-sm mr-3" 
+                    />
+                    {{ $transaction->date->format('M j, Y') }} 
+                    {{ $transaction->symbol }} 
+                    ({{ $transaction->quantity }} 
+                    @ {{ Number::currency($transaction->cost_basis) }})
+
+                    <x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
+                </x-slot:value>
+            </x-list-item>
+        </div>
+    @endforeach
+
+    <x-ib-modal 
+        key="manage-transaction"
+        title="Manage Transaction"
+    >
+        @livewire('manage-transaction-form', [
+            'portfolio' => $portfolio, 
+            'transaction' => $editingTransaction, 
+        ], key($editingTransaction->id ?? 'new'))
+
+    </x-ib-modal>
+</div>