]> BookStack Code Mirror - bookstack/blob - resources/views/users/preferences/shortcuts.blade.php
Started interface user shortcut form interface
[bookstack] / resources / views / users / preferences / shortcuts.blade.php
1 @extends('layouts.simple')
2
3 @section('body')
4     <div class="container small my-xl">
5
6         <section class="card content-wrap">
7             <form action="{{ url('/preferences/shortcuts') }}" method="post">
8                 {{ method_field('put') }}
9                 {{ csrf_field() }}
10
11                 <h1 class="list-heading">Interface Keyboard Shortcuts</h1>
12
13                 <div class="flex-container-row items-center gap-m wrap mb-m">
14                     <p class="flex mb-none min-width-m text-small text-muted">
15                         Here you can enable or disable keyboard system interface shortcuts, used for navigation
16                         and actions. You can customize each of the shortcuts below.
17                     </p>
18                     <div class="flex min-width-m text-m-right">
19                         @include('form.toggle-switch', [
20                             'name' => 'enabled',
21                             'value' => $enabled,
22                             'label' => 'Keyboard shortcuts enabled',
23                         ])
24                     </div>
25                 </div>
26
27                 <hr>
28
29                 <h2 class="list-heading mb-m">Navigation</h2>
30                 <div class="flex-container-row wrap gap-m mb-xl">
31                     <div class="flex min-width-l item-list">
32                         @include('users.preferences.parts.shortcut-control', ['label' => 'Homepage', 'id' => 'home_view'])
33                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.shelves'), 'id' => 'shelves_view'])
34                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.books'), 'id' => 'books_view'])
35                         @include('users.preferences.parts.shortcut-control', ['label' => trans('settings.settings'), 'id' => 'settings_view'])
36                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.my_favourites'), 'id' => 'favourites_view'])
37                     </div>
38                     <div class="flex min-width-l item-list">
39                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.view_profile'), 'id' => 'profile_view'])
40                         @include('users.preferences.parts.shortcut-control', ['label' => trans('auth.logout'), 'id' => 'logout'])
41                         @include('users.preferences.parts.shortcut-control', ['label' => 'Global Search', 'id' => 'global_search'])
42                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.next'), 'id' => 'next'])
43                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.previous'), 'id' => 'previous'])
44                     </div>
45                 </div>
46
47                 <h2 class="list-heading mb-m">Common Actions</h2>
48                 <div class="flex-container-row wrap gap-m mb-xl">
49                     <div class="flex min-width-l item-list">
50                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.new'), 'id' => 'new'])
51                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.edit'), 'id' => 'edit'])
52                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.copy'), 'id' => 'copy'])
53                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.delete'), 'id' => 'delete'])
54                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.favourite'), 'id' => 'favourite'])
55                     </div>
56                     <div class="flex min-width-l item-list">
57                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.export'), 'id' => 'export'])
58                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.sort'), 'id' => 'sort'])
59                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.permissions'), 'id' => 'permissions'])
60                         @include('users.preferences.parts.shortcut-control', ['label' => trans('common.move'), 'id' => 'move'])
61                         @include('users.preferences.parts.shortcut-control', ['label' => trans('entities.revisions'), 'id' => 'revisions'])
62                     </div>
63                 </div>
64
65                 <p class="text-small text-muted">
66                     Note: When shortcuts are enabled a helper overlay is available via pressing "?" which will
67                     highlight the available shortcuts for actions currently visible on the screen.
68                 </p>
69
70                 <div class="form-group text-right">
71                     <button class="button">{{ 'Save Shortcuts' }}</button>
72                 </div>
73
74             </form>
75         </section>
76
77     </div>
78 @stop