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

View file

@ -59,7 +59,7 @@
</div>
</div>
<!-- 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-content">
<div class="modal-header">
@ -143,7 +143,43 @@
</div>
</div>
</div>
<!-- View New Token Modal -->
<div>{{ $newTokenString }}</div>
<x-personal-access-tokens.view-new-token />
<div class="modal fade" id="modal-access-token" tabindex="-1" role="dialog">
<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>