mirror of https://github.com/kcal-app/kcal.git
Create partials for shared user/profile inputs
This commit is contained in:
parent
78c3095036
commit
77ed32ee4d
|
|
@ -15,7 +15,7 @@ class UpdateUserRequest extends FormRequest
|
|||
{
|
||||
$rules = [
|
||||
'username' => ['required', 'string', Rule::unique('users')->ignore($this->user)],
|
||||
'name' => ['nullable', 'string'],
|
||||
'name' => ['required', 'string'],
|
||||
'password' => ['nullable', 'string', 'confirmed'],
|
||||
'password_confirmation' => ['nullable', 'string'],
|
||||
'admin' => ['nullable', 'boolean'],
|
||||
|
|
|
|||
|
|
@ -8,53 +8,12 @@
|
|||
@csrf
|
||||
<div class="flex flex-col space-y-4">
|
||||
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
||||
<!-- Username -->
|
||||
<div class="flex-auto">
|
||||
<x-inputs.label for="username" value="Username"/>
|
||||
|
||||
<x-inputs.input name="username"
|
||||
type="text"
|
||||
class="block mt-1 w-full"
|
||||
autocapitalize="none"
|
||||
:value="old('username', $user->username)"
|
||||
:hasError="$errors->has('username')"
|
||||
required />
|
||||
</div>
|
||||
|
||||
<!-- Name -->
|
||||
<div class="flex-auto">
|
||||
<x-inputs.label for="name" value="Display name"/>
|
||||
|
||||
<x-inputs.input name="name"
|
||||
type="text"
|
||||
class="block mt-1 w-full"
|
||||
:value="old('name', $user->name)"/>
|
||||
</div>
|
||||
|
||||
@include('users.partials.inputs.username')
|
||||
@include('users.partials.inputs.name')
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
||||
<!-- Password -->
|
||||
<div class="flex-auto">
|
||||
<x-inputs.label for="password" value="Password"/>
|
||||
|
||||
<x-inputs.input name="password"
|
||||
type="password"
|
||||
class="block mt-1 w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
|
||||
<!-- Password confirm -->
|
||||
<div class="flex-auto">
|
||||
<x-inputs.label for="password_confirmation" value="Confirm Password"/>
|
||||
|
||||
<x-inputs.input name="password_confirmation"
|
||||
type="password"
|
||||
class="block mt-1 w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
@include('users.partials.inputs.password')
|
||||
</div>
|
||||
|
||||
<!-- Image -->
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@
|
|||
{{ $user->getFirstMedia()('icon') }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="mt-2 text-gray-500">
|
||||
{{ $user->name }}
|
||||
</div>
|
||||
@endif
|
||||
<div class="mt-2 text-gray-500">
|
||||
{{ $user->name }}
|
||||
</div>
|
||||
</x-app-layout>
|
||||
|
|
|
|||
|
|
@ -9,65 +9,15 @@
|
|||
@csrf
|
||||
<div class="flex flex-col space-y-4">
|
||||
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
||||
<!-- Username -->
|
||||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="username" value="Username"/>
|
||||
|
||||
<x-inputs.input name="username"
|
||||
type="text"
|
||||
class="block w-full"
|
||||
autocapitalize="none"
|
||||
:value="old('username', $user->username)"
|
||||
:hasError="$errors->has('username')"
|
||||
required />
|
||||
</div>
|
||||
|
||||
<!-- Name -->
|
||||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="name" value="Display name"/>
|
||||
|
||||
<x-inputs.input name="name"
|
||||
type="text"
|
||||
class="block w-full"
|
||||
:value="old('name', $user->name)"/>
|
||||
</div>
|
||||
|
||||
@include('users.partials.inputs.username')
|
||||
@include('users.partials.inputs.name')
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
||||
<!-- Password -->
|
||||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="password" value="Password"/>
|
||||
|
||||
<x-inputs.input name="password"
|
||||
type="password"
|
||||
class="block w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
|
||||
<!-- Password confirm -->
|
||||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="password_confirmation" value="Confirm Password"/>
|
||||
|
||||
<x-inputs.input name="password_confirmation"
|
||||
type="password"
|
||||
class="block w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
@include('users.partials.inputs.password')
|
||||
</div>
|
||||
|
||||
<!-- Admin -->
|
||||
<div class="space-y-1">
|
||||
<x-inputs.label for="admin" value="Site Admin" class="inline-block"/>
|
||||
|
||||
<x-inputs.select name="admin"
|
||||
class="block"
|
||||
:options="[['value' => 0, 'label' => 'No'], ['value' => 1, 'label' => 'Yes']]"
|
||||
:selectedValue="old('admin', $user->admin)">
|
||||
</x-inputs.select>
|
||||
</div>
|
||||
@include('users.partials.inputs.admin')
|
||||
|
||||
<!-- Image -->
|
||||
<div class="flex flex-col space-y-4 md:flex-row md:space-x-4 md:space-y-0">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
<div class="space-y-1">
|
||||
<x-inputs.label for="admin" value="Site Admin" class="inline-block"/>
|
||||
|
||||
<x-inputs.select name="admin"
|
||||
class="block"
|
||||
:options="[['value' => 0, 'label' => 'No'], ['value' => 1, 'label' => 'Yes']]"
|
||||
:selectedValue="old('admin', $user->admin)">
|
||||
</x-inputs.select>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="name" value="Display name"/>
|
||||
|
||||
<x-inputs.input name="name"
|
||||
type="text"
|
||||
class="block w-full"
|
||||
:value="old('name', $user->name)"
|
||||
:hasError="$errors->has('name')"
|
||||
required />
|
||||
</div>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="password" value="Password"/>
|
||||
|
||||
<x-inputs.input name="password"
|
||||
type="password"
|
||||
class="block w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="password_confirmation" value="Confirm Password"/>
|
||||
|
||||
<x-inputs.input name="password_confirmation"
|
||||
type="password"
|
||||
class="block w-full"
|
||||
:hasError="$errors->has('password')"
|
||||
:required="!$user->exists"/>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<div class="flex-auto space-y-1">
|
||||
<x-inputs.label for="username" value="Username"/>
|
||||
|
||||
<x-inputs.input name="username"
|
||||
type="text"
|
||||
class="block w-full"
|
||||
autocapitalize="none"
|
||||
:value="old('username', $user->username)"
|
||||
:hasError="$errors->has('username')"
|
||||
required />
|
||||
</div>
|
||||
Loading…
Reference in New Issue