ok, maybe i do like livewire
This commit is contained in:
parent
efa8ba5965
commit
6c6417e595
2 changed files with 41 additions and 6 deletions
|
@ -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();
|
||||||
|
|
|
@ -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">×</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>
|
Loading…
Add table
Reference in a new issue