javier/investbrain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:onboarding flow for new users

Browse Source
This commit is contained in:
hackerESQ
2024-10-22 20:29:54 -05:00
parent 5756fa06d7
commit b6a123a90f
14 changed files with 184 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/auth/forgot-password.blade.php
+1 -1
View File
@@ -27,7 +27,7 @@
</div>
<div class="flex items-center justify-end mt-4">
<x-button class="btn-primary">
<x-button class="btn-primary" type="submit">
{{ __('Email Password Reset Link') }}
</x-button>
</div>
resources/views/auth/invited-onboarding.blade.php
+24
View File
@@ -0,0 +1,24 @@
<x-guest-layout>
<x-authentication-card>
<x-slot:logo>
<div class="w-24 mb-10">
<x-glyph-only-logo />
</div>
</x-slot:logo>
<h1 class="text-2xl font-bold mb-4">{{ __('Hey again!') }} 👋</h1>
<p class="mb-2">{{ __('Before you can get started with Investbrain, you\'ll want to create a password:') }}</p>
@livewire('invited-onboarding-form', [
'portfolio' => $portfolio,
'user' => $user,
])
<x-section-border />
<p class="mb-4">{{ __('Or login with SSO:') }}</p>
<x-connected-accounts-login />
</x-authentication-card>
</x-guest-layout>
resources/views/auth/login.blade.php
+8 -22
View File
@@ -51,29 +51,15 @@
<x-section-border />
<div class="">
<x-connected-accounts-login />
<x-button
link="{{ route('register') }}"
class="btn-sm btn-block btn-outline btn-secondary my-1"
>
{{ __('Sign up with email') }}
</x-button>
@foreach(explode(',', config('services.enabled_login_providers')) as $provider)
<x-button
link="{{ route('oauth.redirect', ['provider' => $provider]) }}"
class="btn-sm btn-block my-1"
style='background-color: {{ config("services.$provider.color") }}'
no-wire-navigate
>
@include("components.$provider-icon")
{{ __('Login with') }} {{ config("services.$provider.name") }}
</x-button>
@endforeach
<x-button
link="{{ route('register') }}"
class="btn-sm btn-block btn-outline btn-secondary my-1"
>
{{ __('Sign up with email') }}
</x-button>
</div>
@endif
</form>
</x-authentication-card>
resources/views/auth/reset-password.blade.php
+1 -1
View File
@@ -29,7 +29,7 @@
</div>
<div class="flex items-center justify-end mt-4">
<x-button class="btn-primary">
<x-button class="btn-primary" type="submit">
{{ __('Reset Password') }}
</x-button>
</div>
resources/views/components/connected-accounts-login.blade.php
+14
View File
@@ -0,0 +1,14 @@
<div>
@foreach(explode(',', config('services.enabled_login_providers')) as $provider)
<x-button
link="{{ route('oauth.redirect', ['provider' => $provider]) }}"
class="btn-sm btn-block my-1"
style='background-color: {{ config("services.$provider.color") }}'
no-wire-navigate
>
@include("components.$provider-icon")
{{ __('Login with') }} {{ config("services.$provider.name") }}
</x-button>
@endforeach
</div>
resources/views/dashboard.blade.php
+1 -1
View File
@@ -59,7 +59,7 @@
</x-ib-card>
@if (!$user->portfolios->isEmpty())
@if (!$user->transactions->isEmpty())
<x-ib-card title="{{ __('Recent activity') }}" class="md:col-span-3">
@livewire('transactions-list', [
resources/views/livewire/invited-onboarding-form.blade.php
+55
View File
@@ -0,0 +1,55 @@
<?php
use App\Models\Portfolio;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Livewire\Attributes\Rule;
use Livewire\Volt\Component;
new class extends Component {
// props
public Portfolio $portfolio;
public User $user;
#[Rule('required|string|confirmed')]
public string $password;
#[Rule('required|string')]
public string $password_confirmation;
// methods
public function updatePassword()
{
$this->validate();
$this->user->password = Hash::make($this->password);
$this->user->save();
Auth::login($this->user, true);
return redirect(route('portfolio.show', ['portfolio' => $this->portfolio->id]));
}
}; ?>
<x-form wire:submit="updatePassword" class="">
<div class="mt-2">
<x-input wire:model="password" label="{{ __('Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" autofocus />
</div>
<div class="mt-2">
<x-input wire:model="password_confirmation" label="{{ __('Confirm Password') }}" class="block mt-1 w-full" type="password" required autocomplete="new-password" />
</div>
<div class="flex items-center justify-end mt-2">
<x-button class="btn-primary" type="submit">
{{ __('Create Password') }}
</x-button>
</div>
</x-form>
resources/views/livewire/share-portfolio-form.blade.php
+15 -7
View File
@@ -6,7 +6,7 @@ use Livewire\Attributes\Rule;
use Livewire\Volt\Component;
use Illuminate\Support\Collection;
use Mary\Traits\Toast;
use App\Notifications\InvitedToPortfolioNotification;
use App\Notifications\InvitedOnboardingNotification;
new class extends Component {
@@ -105,7 +105,7 @@ new class extends Component {
if (!empty($sync['attached'])) {
foreach($sync['attached'] as $newUserId) {
User::find($newUserId)->notify(new InvitedToPortfolioNotification($this->portfolio, auth()->user()));
User::find($newUserId)->notify(new InvitedOnboardingNotification($this->portfolio, auth()->user()));
};
}
@@ -150,30 +150,38 @@ new class extends Component {
<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:value>
{{ $user->name }}
@if (auth()->user()->id == $user->id)
({{ __('you') }})
@endif
</x-slot:value>
<x-slot:sub-value>
{{ $user->email }}
</x-slot:sub-value>
<x-slot:actions>
@if (auth()->user()->id != $user->id)
<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"
/>
@if($user->id != auth()->user()->id)
<x-button
class="btn-sm btn-ghost btn-circle"
wire:click="deleteUser('{{ $user->id }}')"
spinner="deleteUser"
spinner="deleteUser('{{ $user->id }}')"
>
<x-icon name="o-x-mark" class="w-4" />
</x-button>
</x-button>
@endif
</x-slot:actions>
</x-list-item>
@endforeach