hackerESQ
90 lines
2.8 KiB
PHP
90 lines
2.8 KiB
PHP
<?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;
|
|
public Bool $shouldGoToHolding = true;
|
|
|
|
protected $listeners = [
|
|
'transaction-updated' => '$refresh',
|
|
'transaction-saved' => '$refresh'
|
|
];
|
|
|
|
// methods
|
|
public function showTransactionDialog($transactionId)
|
|
{
|
|
$this->editingTransaction = Transaction::findOrFail($transactionId);
|
|
$this->dispatch('toggle-manage-transaction');
|
|
}
|
|
|
|
public function goToHolding($holding)
|
|
{
|
|
return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]));
|
|
}
|
|
|
|
}; ?>
|
|
|
|
<div class="">
|
|
|
|
@foreach($transactions->take(10) as $transaction)
|
|
|
|
<x-list-item
|
|
no-separator
|
|
:item="$transaction"
|
|
class="cursor-pointer"
|
|
x-data="{ loading: false, timeout: null }"
|
|
@click="
|
|
if ($wire.shouldGoToHolding) {
|
|
|
|
$wire.goToHolding({{ $transaction }})
|
|
|
|
return;
|
|
}
|
|
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->symbol }}
|
|
({{ $transaction->quantity }}
|
|
@ {{ $transaction->transaction_type == 'BUY'
|
|
? Number::currency($transaction->cost_basis)
|
|
: Number::currency($transaction->sale_price) }})
|
|
|
|
<x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
|
|
</x-slot:value>
|
|
<x-slot:sub-value>
|
|
<span title="{{ __('Transaction Date') }}">{{ $transaction->date->format('F j, Y') }} </span>
|
|
</x-slot:sub-value>
|
|
</x-list-item>
|
|
|
|
@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>
|