DRCIT/snipe-it
1
0
Fork 0
mirror of https://github.com/snipe/snipe-it.git synced 2025-01-11 22:07:29 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

modal and initial stuff working

Browse source
This commit is contained in:
spencerrlongg 2023-11-08 16:10:09 -06:00
parent 715a49d9fe
commit 7f4b2d6e42
4 changed files with 141 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
app/View/Components/personal-access-tokens.php Normal file
View file

@ -0,0 +1,26 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
class personal-access-tokens extends Component
{
/**
* Create a new component instance.
*/
public function __construct()
{
//
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string
{
return view('components.personal-access-tokens');
}
}

2
resources/views/account/api.blade.php
View file

@ -18,6 +18,8 @@
token-url="{{ url('oauth/personal-access-tokens') }}"
scopes-url="{{ url('oauth/scopes') }}">
</passport-personal-access-tokens>
{{-- New Component --}}
<x-personal-access-tokens.panel />
@else
<p class="help-block">{{ trans('general.feature_disabled') }}</p>
@endif

87
resources/views/components/personal-access-tokens/create-token-modal.blade.php Normal file
View file

@ -0,0 +1,87 @@
@props([
'title' => 'Create Token',
''
])
<!-- Create Token Modal -->
<div class="modal fade" id="modal-create-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">
Create Token
</h4>
</div>
<div class="modal-body">
<!-- Form Errors -->
<div class="alert alert-danger"
{{-- v-if="form.errors.length > 0"--}}
>
<p><strong>Whoops!</strong> Something went wrong!</p>
<br>
<ul>
<li
{{-- v-for="error in form.errors"--}}
>
{{-- {{ error }}--}}
</li>
</ul>
</div>
<!-- Create Token Form -->
<form class="form-horizontal" role="form"
{{-- @submit.prevent="store"--}}
>
<!-- Name -->
<div class="form-group">
<label class="col-md-4 control-label" for="name">Name</label>
<div class="col-md-6">
<input id="create-token-name" type="text" aria-label="name" class="form-control" name="name"
{{-- v-model="form.name"--}}
>
</div>
</div>
<!-- Scopes -->
<div class="form-group"
{{-- v-if="scopes.length > 0"--}}
>
<label class="col-md-4 control-label">Scopes</label>
<div class="col-md-6">
<div
{{-- v-for="scope in scopes"--}}
>
<div class="checkbox">
<label>
<input type="checkbox"
{{-- @click="toggleScope(scope.id)"--}}
{{-- :checked="scopeIsAssigned(scope.id)"--}}
>
{{-- {{ scope.id }}--}}
</label>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- Modal Actions -->
<div class="modal-footer">
<button type="button" class="btn primary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary"
{{-- @click="store"--}}
>
Create
</button>
</div>
</div>
</div>
</div>

26
resources/views/components/personal-access-tokens/panel.blade.php Normal file
View file

@ -0,0 +1,26 @@
@props([
'token_url' => url('oauth/personal-access-tokens'),
'scopes_url' => url('oauth/scopes'),
])
<div>
<p>New Personal Access Token Component</p>
<div>
<p>{{ $token_url }}</p>
<p>{{ $scopes_url }}</p>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<div class="text-right" style="display: flex; justify-content: space-between; align-items: center;">
<a class="btn btn-info btn-sm action-link pull-right"
onclick="$('#modal-create-token').modal('show');"
>
Create New Token
</a>
</div>
</div>
</div>
</div>