mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-10-01 01:36:00 -04: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
70 lines
2.9 KiB
PHP
70 lines
2.9 KiB
PHP
{{ csrf_field() }}
|
|
|
|
<div class="form-group title-input">
|
|
<label for="name">{{ trans('common.name') }}</label>
|
|
@include('form.text', ['name' => 'name'])
|
|
</div>
|
|
|
|
<div class="form-group description-input">
|
|
<label for="description">{{ trans('common.description') }}</label>
|
|
@include('form.textarea', ['name' => 'description'])
|
|
</div>
|
|
|
|
<div shelf-sort class="grid half gap-xl">
|
|
<div class="form-group">
|
|
<label for="books">{{ trans('entities.shelves_books') }}</label>
|
|
<input type="hidden" id="books-input" name="books"
|
|
value="{{ isset($shelf) ? $shelf->books->implode('id', ',') : '' }}">
|
|
<div class="scroll-box" shelf-sort-assigned-books data-instruction="{{ trans('entities.shelves_drag_books') }}">
|
|
@if (isset($shelfBooks) && count($shelfBooks) > 0)
|
|
@foreach ($shelfBooks as $book)
|
|
<div data-id="{{ $book->id }}" class="scroll-box-item">
|
|
<a href="{{ $book->getUrl() }}" class="text-book">@icon('book'){{ $book->name }}</a>
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="books">{{ trans('entities.shelves_add_books') }}</label>
|
|
<div class="scroll-box">
|
|
@foreach ($books as $book)
|
|
<div data-id="{{ $book->id }}" class="scroll-box-item">
|
|
<a href="{{ $book->getUrl() }}" class="text-book">@icon('book'){{ $book->name }}</a>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group" collapsible id="logo-control">
|
|
<button type="button" class="collapse-title text-primary" collapsible-trigger aria-expanded="false">
|
|
<label>{{ trans('common.cover_image') }}</label>
|
|
</button>
|
|
<div class="collapse-content" collapsible-content>
|
|
<p class="small">{{ trans('common.cover_image_description') }}</p>
|
|
|
|
@include('components.image-picker', [
|
|
'defaultImage' => url('/book_default_cover.png'),
|
|
'currentImage' => (isset($shelf) && $shelf->cover) ? $shelf->getBookCover() : url('/book_default_cover.png') ,
|
|
'name' => 'image',
|
|
'imageClass' => 'cover'
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group" collapsible id="tags-control">
|
|
<button type="button" class="collapse-title text-primary" collapsible-trigger aria-expanded="false">
|
|
<label for="tag-manager">{{ trans('entities.shelf_tags') }}</label>
|
|
</button>
|
|
<div class="collapse-content" collapsible-content>
|
|
@include('components.tag-manager', ['entity' => $shelf ?? null, 'entityType' => 'bookshelf'])
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group text-right">
|
|
<a href="{{ isset($shelf) ? $shelf->getUrl() : url('/shelves') }}" class="button outline">{{ trans('common.cancel') }}</a>
|
|
<button type="submit" class="button">{{ trans('entities.shelves_save') }}</button>
|
|
</div> |