feat:adds ability to share portfolios
also includes basic permissions and authorization
This commit is contained in:
@@ -24,7 +24,7 @@
|
||||
|
||||
<x-card
|
||||
|
||||
{{ $attributes->merge(['class' => 'min-h-screen w-11/12 lg:w-1/3 rounded-none px-8 transition']) }}
|
||||
{{ $attributes->merge(['class' => 'min-h-screen w-5/6 xl:w-3/5 rounded-none px-8 transition']) }}
|
||||
>
|
||||
@if($title)
|
||||
<x-slot:title>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
|
||||
@if ($actions)
|
||||
@if(!$noSeparator)
|
||||
<hr class="my-3" />
|
||||
<x-section-border class="my-3" />
|
||||
@endif
|
||||
|
||||
<div class="flex justify-between gap-3">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
|
||||
<div {{ $attributes->class(['py-6' => !$attributes->has('class'), 'h-4 sm:h-auto' => $attributes->has('hide-on-mobile')]) }}>
|
||||
<div {{ $attributes->class(['my-6' => !$attributes->has('class'), 'h-4 sm:h-auto' => $attributes->has('hide-on-mobile')]) }}>
|
||||
|
||||
<hr class="{{ $attributes->has('hide-on-mobile') ? 'hidden sm:block' : '' }} border-t border-gray-200 dark:border-gray-700" />
|
||||
</div>
|
||||
@@ -30,22 +30,24 @@
|
||||
|
||||
</x-slot:title>
|
||||
|
||||
@can('fullAccess', $portfolio)
|
||||
<x-button
|
||||
title="{{ __('Holding options') }}"
|
||||
icon="o-pencil"
|
||||
class="btn-circle btn-ghost btn-sm text-secondary"
|
||||
@click="$dispatch('toggle-holding-options')"
|
||||
/>
|
||||
@endcan
|
||||
|
||||
<x-ib-flex-spacer />
|
||||
|
||||
<div>
|
||||
<x-button
|
||||
label="{{ __('Create Transaction') }}"
|
||||
class="btn-sm btn-primary whitespace-nowrap"
|
||||
@click="$dispatch('toggle-create-transaction')"
|
||||
/>
|
||||
</div>
|
||||
@can('fullAccess', $portfolio)
|
||||
<x-button
|
||||
label="{{ __('Create Transaction') }}"
|
||||
class="btn-sm btn-primary whitespace-nowrap"
|
||||
@click="$dispatch('toggle-create-transaction')"
|
||||
/>
|
||||
@endcan
|
||||
</x-ib-toolbar>
|
||||
|
||||
<div class="mt-6 grid md:grid-cols-9 gap-5">
|
||||
|
||||
@@ -27,7 +27,6 @@ new class extends Component {
|
||||
// methods
|
||||
public function mount()
|
||||
{
|
||||
|
||||
if (isset($this->portfolio)) {
|
||||
|
||||
$this->title = $this->portfolio->title;
|
||||
@@ -38,8 +37,9 @@ new class extends Component {
|
||||
|
||||
public function update()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->portfolio->update($this->validate());
|
||||
// $this->portfolio->owner_id = auth()->user()->id;
|
||||
$this->portfolio->save();
|
||||
|
||||
$this->success(__('Portfolio updated'), redirectTo: "/portfolio/{$this->portfolio->id}");
|
||||
@@ -47,8 +47,10 @@ new class extends Component {
|
||||
|
||||
public function save()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$portfolio = (new Portfolio())->fill($this->validate());
|
||||
// $portfolio->owner_id = auth()->user()->id;
|
||||
|
||||
$portfolio->save();
|
||||
|
||||
$this->success(__('Portfolio created'), redirectTo: "/portfolio/{$portfolio->id}");
|
||||
@@ -56,6 +58,7 @@ new class extends Component {
|
||||
|
||||
public function delete()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->portfolio->delete();
|
||||
|
||||
@@ -67,9 +70,11 @@ new class extends Component {
|
||||
<x-ib-form wire:submit="{{ $portfolio ? 'update' : 'save' }}" class="col-span-3">
|
||||
<x-input label="{{ __('Title') }}" wire:model="title" required />
|
||||
|
||||
<x-textarea label="{{ __('Notes') }}" wire:model="notes" rows="5" />
|
||||
<x-textarea label="{{ __('Notes') }}" wire:model="notes" rows="4" />
|
||||
|
||||
<x-toggle label="{{ __('Wishlist') }}" wire:model="wishlist">
|
||||
@livewire('share-portfolio-form', ['portfolio' => $portfolio])
|
||||
|
||||
<x-toggle class="mt-1" label="{{ __('Wishlist') }}" wire:model="wishlist" >
|
||||
<x-slot:hint>
|
||||
{{ __('Treat this portfolio as a "wishlist" (holdings will be excluded from realized gains, unrealized gains, and dividends)') }}
|
||||
</x-slot:hint>
|
||||
|
||||
@@ -30,7 +30,6 @@ new class extends Component {
|
||||
// methods
|
||||
public function rules()
|
||||
{
|
||||
|
||||
return [
|
||||
'symbol' => ['required', 'string', new SymbolValidationRule],
|
||||
'transaction_type' => 'required|string|in:BUY,SELL',
|
||||
@@ -68,6 +67,7 @@ new class extends Component {
|
||||
|
||||
public function update()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->transaction->update($this->validate());
|
||||
// $this->transaction->owner_id = auth()->user()->id;
|
||||
@@ -81,6 +81,8 @@ new class extends Component {
|
||||
|
||||
public function save()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$validated = $this->validate();
|
||||
|
||||
if (!isset($this->portfolio)) {
|
||||
@@ -97,6 +99,7 @@ new class extends Component {
|
||||
|
||||
public function delete()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->transaction->delete();
|
||||
|
||||
|
||||
@@ -0,0 +1,208 @@
|
||||
<?php
|
||||
|
||||
use App\Models\Portfolio;
|
||||
use App\Models\User;
|
||||
use Livewire\Attributes\Rule;
|
||||
use Livewire\Volt\Component;
|
||||
use Illuminate\Support\Collection;
|
||||
use Mary\Traits\Toast;
|
||||
|
||||
new class extends Component {
|
||||
|
||||
use Toast;
|
||||
|
||||
// props
|
||||
public ?Portfolio $portfolio = null;
|
||||
|
||||
#[Rule('required|string|email')]
|
||||
public string $emailAddress;
|
||||
|
||||
#[Rule('sometimes|boolean')]
|
||||
public bool $fullAccess = false;
|
||||
|
||||
public array $permissions;
|
||||
|
||||
// methods
|
||||
public function mount()
|
||||
{
|
||||
if (!$this->portfolio) {
|
||||
$this->permissions = [
|
||||
auth()->user()->id => [
|
||||
'owner' => true,
|
||||
'full_access' => false
|
||||
]
|
||||
];
|
||||
|
||||
} else {
|
||||
|
||||
$this->permissions = collect($this->portfolio->users)->mapWithKeys(function ($user) {
|
||||
return [
|
||||
$user->id => [
|
||||
'owner' => $user->pivot->owner ?? 0,
|
||||
'full_access' => $user->pivot->full_access ?? 0
|
||||
]
|
||||
];
|
||||
})->toArray();
|
||||
}
|
||||
}
|
||||
|
||||
public function updatedPermissions()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->portfolio->users()->sync($this->permissions);
|
||||
|
||||
$this->portfolio->refresh();
|
||||
|
||||
$this->success(__('Updated user\'s access permission to portfolio'));
|
||||
}
|
||||
|
||||
public function deleteUser(string $userId)
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
unset($this->permissions[$userId]);
|
||||
|
||||
$this->portfolio->users()->sync($this->permissions);
|
||||
|
||||
$this->portfolio->refresh();
|
||||
|
||||
$this->success(__('Removed user\'s access to portfolio'));
|
||||
}
|
||||
|
||||
public function addUser()
|
||||
{
|
||||
$this->authorize('fullAccess', $this->portfolio);
|
||||
|
||||
$this->validate();
|
||||
|
||||
$user = User::firstOrCreate([
|
||||
'email' => $this->emailAddress
|
||||
], [
|
||||
'name' => Str::title(Str::before($this->emailAddress, '@'))
|
||||
]);
|
||||
|
||||
$this->permissions[$user->id] = [
|
||||
'full_access' => $this->fullAccess
|
||||
];
|
||||
|
||||
$this->portfolio->users()->sync($this->permissions);
|
||||
|
||||
$this->success(__('Shared portfolio with user'));
|
||||
$this->portfolio->refresh();
|
||||
|
||||
$this->dispatch('toggle-add-user-modal');
|
||||
|
||||
$this->emailAddress = '';
|
||||
$this->fullAccess = false;
|
||||
}
|
||||
|
||||
}; ?>
|
||||
|
||||
<div class="">
|
||||
@if ($this->portfolio)
|
||||
|
||||
<label class="pt-0 label label-text font-semibold">
|
||||
<span>{{ __('People with access') }}</span>
|
||||
</label>
|
||||
|
||||
<div class="border-primary border rounded-sm px-2 py-5 mb-2">
|
||||
@php
|
||||
$owner = collect($this->portfolio?->users)->where('pivot.owner', 1)->first() ?? auth()->user();
|
||||
@endphp
|
||||
<x-list-item
|
||||
:item="$owner"
|
||||
avatar="profile_photo_url"
|
||||
no-separator
|
||||
no-hover
|
||||
class="!-my-2 rounded"
|
||||
>
|
||||
<x-slot:value>
|
||||
|
||||
{{ $owner->name }}
|
||||
|
||||
@if (auth()->user()->id == $owner->id)
|
||||
({{ __('you') }})
|
||||
@endif
|
||||
</x-slot:value>
|
||||
<x-slot:sub-value>
|
||||
{{ __('Owner') }}
|
||||
</x-slot:sub-value>
|
||||
</x-list-item>
|
||||
|
||||
@foreach (collect($this->portfolio?->users)->where('pivot.owner', '!=', 1) as $user)
|
||||
<x-list-item
|
||||
:item="$user"
|
||||
avatar="profile_photo_url"
|
||||
value="name"
|
||||
no-separator
|
||||
class="!-my-2 rounded"
|
||||
x-data="{ loading: false, timeout: null }"
|
||||
>
|
||||
<x-slot:sub-value>
|
||||
{{ $user->email }}
|
||||
</x-slot:sub-value>
|
||||
<x-slot:actions>
|
||||
<x-select
|
||||
class="select select-ghost border-none focus:outline-none focus:ring-0"
|
||||
:options="[['id' => 0, 'name' => __('Read only')], ['id' => 1, 'name' => __('Full access')]]"
|
||||
wire:model.live.number="permissions.{{ $user->id }}.full_access"
|
||||
/>
|
||||
<x-button
|
||||
class="btn-sm btn-ghost btn-circle"
|
||||
wire:click="deleteUser('{{ $user->id }}')"
|
||||
spinner="deleteUser"
|
||||
>
|
||||
<x-icon name="o-x-mark" class="w-4" />
|
||||
</x-button>
|
||||
|
||||
</x-slot:actions>
|
||||
</x-list-item>
|
||||
@endforeach
|
||||
|
||||
<x-ib-modal
|
||||
key="add-user-modal"
|
||||
title="{{ __('Share Portfolio') }}"
|
||||
>
|
||||
<div class="" x-data="{ }">
|
||||
<x-ib-form wire:submit="addUser" class="">
|
||||
|
||||
<x-input
|
||||
label="Email"
|
||||
icon="o-envelope"
|
||||
placeholder="{{ __('Type an email address to share portfolio') }}"
|
||||
wire:model="emailAddress"
|
||||
/>
|
||||
|
||||
<x-toggle
|
||||
class="mt-2"
|
||||
label="{{ __('Grant full access') }}"
|
||||
wire:model="fullAccess"
|
||||
hint="{{ __('Allow this user to manage portfolio details and create or update transactions') }}"
|
||||
right
|
||||
/>
|
||||
|
||||
<x-slot:actions>
|
||||
|
||||
<x-button
|
||||
label="{{ __('Share') }}"
|
||||
title="{{ __('Share Portfolio') }}"
|
||||
type="submit"
|
||||
icon="o-paper-airplane"
|
||||
class="btn-primary"
|
||||
spinner="addUser"
|
||||
/>
|
||||
</x-slot:actions>
|
||||
</x-ib-form>
|
||||
|
||||
</div>
|
||||
|
||||
</x-ib-modal>
|
||||
|
||||
<x-button class="btn-sm block mt-4" @click="$dispatch('toggle-add-user-modal')">
|
||||
{{ __('Add people') }}
|
||||
</x-button>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@@ -4,9 +4,12 @@ use App\Models\Portfolio;
|
||||
use App\Models\Transaction;
|
||||
use Illuminate\Support\Collection;
|
||||
use Livewire\Volt\Component;
|
||||
use Mary\Traits\Toast;
|
||||
|
||||
new class extends Component {
|
||||
|
||||
use Toast;
|
||||
|
||||
// props
|
||||
public Collection $transactions;
|
||||
public ?Portfolio $portfolio;
|
||||
@@ -21,6 +24,11 @@ new class extends Component {
|
||||
// methods
|
||||
public function showTransactionDialog($transactionId)
|
||||
{
|
||||
if (!auth()->user()->can('fullAccess', $this->portfolio)) {
|
||||
$this->error(__('You do not have permission to manage transactions for this portfolio'));
|
||||
return;
|
||||
}
|
||||
|
||||
$this->editingTransaction = Transaction::findOrFail($transactionId);
|
||||
$this->dispatch('toggle-manage-transaction');
|
||||
}
|
||||
|
||||
@@ -29,12 +29,6 @@ new class extends Component {
|
||||
return $this->redirect(route('holding.show', ['portfolio' => $holding['portfolio_id'], 'symbol' => $holding['symbol']]));
|
||||
}
|
||||
|
||||
// public function showTransactionDialog($transactionId)
|
||||
// {
|
||||
// $this->editingTransaction = Transaction::findOrFail($transactionId);
|
||||
// $this->dispatch('toggle-manage-transaction');
|
||||
// }
|
||||
|
||||
public function mount()
|
||||
{
|
||||
$this->headers = [
|
||||
@@ -69,7 +63,6 @@ new class extends Component {
|
||||
x-data="{ loadingId: null, timeout: null }"
|
||||
@row-click="
|
||||
timeout = setTimeout(() => { loadingId = $event.detail.id }, 200);
|
||||
{{-- $wire.showTransactionDialog($event.detail.id).then(() => { --}}
|
||||
$wire.goToHolding($event.detail).then(() => {
|
||||
clearTimeout(timeout);
|
||||
loadingId = null;
|
||||
|
||||
@@ -28,15 +28,18 @@
|
||||
<x-badge value="{{ __('Wishlist') }}" class="badge-secondary mr-3" />
|
||||
@endif
|
||||
|
||||
@can('fullAccess', $portfolio)
|
||||
<x-button
|
||||
title="{{ __('Manage Portfolio') }}"
|
||||
icon="o-pencil"
|
||||
class="btn-circle btn-ghost btn-sm text-secondary"
|
||||
@click="$dispatch('toggle-manage-portfolio')"
|
||||
/>
|
||||
@endcan
|
||||
|
||||
<x-ib-flex-spacer />
|
||||
|
||||
@can('fullAccess', $portfolio)
|
||||
<div>
|
||||
<x-button
|
||||
label="{{ __('Create Transaction') }}"
|
||||
@@ -44,6 +47,7 @@
|
||||
@click="$dispatch('toggle-create-transaction')"
|
||||
/>
|
||||
</div>
|
||||
@endcan
|
||||
</x-ib-toolbar>
|
||||
|
||||
@livewire('portfolio-performance-chart', [
|
||||
|
||||
Reference in New Issue
Block a user