ok, maybe i do like livewire

This commit is contained in:
spencerrlongg 2023-11-15 20:19:03 -06:00
parent efa8ba5965
commit 6c6417e595
2 changed files with 41 additions and 6 deletions

View file

@ -10,8 +10,8 @@ use Livewire\Component;
class PersonalAccessTokens extends Component class PersonalAccessTokens extends Component
{ {
public $name; public $name;
public $newTokenString; public $newTokenString;
public function render() public function render()
{ {
return view('livewire.personal-access-tokens', [ return view('livewire.personal-access-tokens', [
@ -33,12 +33,11 @@ class PersonalAccessTokens extends Component
$this->newTokenString = $newToken->accessToken; $this->newTokenString = $newToken->accessToken;
Log::alert($newToken); $this->dispatchBrowserEvent('tokenCreated', $newToken->accessToken);
} }
public function deleteToken($tokenId): void public function deleteToken($tokenId): void
{ {
Log::info('poo');
//this needs safety (though the scope of auth::user might kind of do it...) //this needs safety (though the scope of auth::user might kind of do it...)
//seems like it does, test more //seems like it does, test more
Auth::user()->tokens()->find($tokenId)->delete(); Auth::user()->tokens()->find($tokenId)->delete();

View file

@ -59,7 +59,7 @@
</div> </div>
</div> </div>
<!-- Create Token Modal --> <!-- Create Token Modal -->
<div class="modal fade" id="modal-create-token" tabindex="-1" role="dialog"> <div wire:ignore.self class="modal fade" id="modal-create-token" tabindex="-1" role="dialog">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
@ -143,7 +143,43 @@
</div> </div>
</div> </div>
</div> </div>
<!-- View New Token Modal --> <!-- View New Token Modal -->
<div>{{ $newTokenString }}</div> <div class="modal fade" id="modal-access-token" tabindex="-1" role="dialog">
<x-personal-access-tokens.view-new-token /> <div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button " class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">
Personal Access Token
</h4>
</div>
<div class="modal-body">
<p>
Here is your new personal access token. This is the only time it will be shown so don't lose it!
You may now use this token to make API requests.
</p>
<pre><code>
{{ $newTokenString }}
</code></pre>
</div>
<!-- Modal Actions -->
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
// this is so amazingly simple
window.addEventListener('tokenCreated', token => {
console.log(token);
$('#modal-create-token').modal('hide');
$('#modal-access-token').modal('show');
})
</script>
</div> </div>