mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-11-24 09:26:30 +08:00
cf5d51e7b8
- Set proper semantic tags for main parts of content. - Removed focus-trap from tag manager/autosuggest. - Set better accessibility labelling on tag manager. - Updated collapsible sections to be keyboard navigatable. - Improved input focus styling to better fit theme. - Updated custom styled file picker to be accessible via keyboard. Related to #1320
93 lines
4.9 KiB
PHP
93 lines
4.9 KiB
PHP
@extends('simple-layout')
|
|
|
|
@section('body')
|
|
<div class="container small">
|
|
|
|
<div class="py-m">
|
|
@include('settings.navbar', ['selected' => 'users'])
|
|
</div>
|
|
|
|
<section class="card content-wrap">
|
|
<h1 class="list-heading">{{ $user->id === $currentUser->id ? trans('settings.users_edit_profile') : trans('settings.users_edit') }}</h1>
|
|
<form action="{{ url("/settings/users/{$user->id}") }}" method="post" enctype="multipart/form-data">
|
|
{!! csrf_field() !!}
|
|
<input type="hidden" name="_method" value="PUT">
|
|
|
|
<div class="setting-list">
|
|
@include('users.form', ['model' => $user, 'authMethod' => $authMethod])
|
|
|
|
<div class="grid half gap-xl">
|
|
<div>
|
|
<label for="user-avatar" class="setting-list-label">{{ trans('settings.users_avatar') }}</label>
|
|
<p class="small">{{ trans('settings.users_avatar_desc') }}</p>
|
|
</div>
|
|
<div>
|
|
@include('components.image-picker', [
|
|
'resizeHeight' => '512',
|
|
'resizeWidth' => '512',
|
|
'showRemove' => false,
|
|
'defaultImage' => url('/user_avatar.png'),
|
|
'currentImage' => $user->getAvatar(80),
|
|
'currentId' => $user->image_id,
|
|
'name' => 'profile_image',
|
|
'imageClass' => 'avatar large'
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid half gap-xl v-center">
|
|
<div>
|
|
<label for="user-language" class="setting-list-label">{{ trans('settings.users_preferred_language') }}</label>
|
|
<p class="small">
|
|
{{ trans('settings.users_preferred_language_desc') }}
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<select name="setting[language]" id="user-language">
|
|
@foreach(trans('settings.language_select') as $lang => $label)
|
|
<option @if(setting()->getUser($user, 'language', config('app.default_locale')) === $lang) selected @endif value="{{ $lang }}">{{ $label }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="text-right">
|
|
<a href="{{ url($currentUser->can('users-manage') ? "/settings/users" : "/") }}" class="button outline">{{ trans('common.cancel') }}</a>
|
|
@if($authMethod !== 'system')
|
|
<a href="{{ url("/settings/users/{$user->id}/delete") }}" class="button outline">{{ trans('settings.users_delete') }}</a>
|
|
@endif
|
|
<button class="button" type="submit">{{ trans('common.save') }}</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
@if($currentUser->id === $user->id && count($activeSocialDrivers) > 0)
|
|
<section class="card content-wrap auto-height">
|
|
<h2 class="list-heading">{{ trans('settings.users_social_accounts') }}</h2>
|
|
<p class="text-muted">{{ trans('settings.users_social_accounts_info') }}</p>
|
|
<div class="container">
|
|
<div class="grid third">
|
|
@foreach($activeSocialDrivers as $driver => $enabled)
|
|
<div class="text-center mb-m">
|
|
<div role="presentation">@icon('auth/'. $driver, ['style' => 'width: 56px;height: 56px;'])</div>
|
|
<div>
|
|
@if($user->hasSocialAccount($driver))
|
|
<a href="{{ url("/login/service/{$driver}/detach") }}" aria-label="{{ trans('settings.users_social_disconnect') }} - {{ $driver }}"
|
|
class="button small outline">{{ trans('settings.users_social_disconnect') }}</a>
|
|
@else
|
|
<a href="{{ url("/login/service/{$driver}") }}" aria-label="{{ trans('settings.users_social_connect') }} - {{ $driver }}"
|
|
class="button small outline">{{ trans('settings.users_social_connect') }}</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endif
|
|
</div>
|
|
|
|
@stop
|