BookStack Code Mirror - bookstack/blob - resources/views/settings/index.blade.php

   1 @extends('simple-layout')
   2
   3 @section('toolbar')
   4     @include('settings/navbar', ['selected' => 'settings'])
   5 @stop
   6
   7 @section('body')
   8 <div class="container small">
   9
  10     <div class="text-right text-muted container">
  11         <br>
  12         BookStack @if(strpos($version, 'v') !== 0) version @endif {{ $version }}
  13     </div>
  14
  15     <div class="card">
  16         <h3><i class="zmdi zmdi-settings-square"></i> {{ trans('settings.app_settings') }}</h3>
  17         <div class="body">
  18             <form action="{{ baseUrl("/settings") }}" method="POST">
  19             {!! csrf_field() !!}
  20                 <div class="row">
  21
  22                     <div class="col-md-6">
  23                         <div class="form-group">
  24                             <label for="setting-app-name">{{ trans('settings.app_name') }}</label>
  25                             <p class="small">{{ trans('settings.app_name_desc') }}</p>
  26                             <input type="text" value="{{ setting('app-name', 'BookStack') }}" name="setting-app-name" id="setting-app-name">
  27                         </div>
  28                         <div class="form-group">
  29                             <label>{{ trans('settings.app_name_header') }}</label>
  30                             @include('components.toggle-switch', ['name' => 'setting-app-name-header', 'value' => setting('app-name-header')])
  31                         </div>
  32                         <div class="form-group">
  33                             <label for="setting-app-public">{{ trans('settings.app_public_viewing') }}</label>
  34                             @include('components.toggle-switch', ['name' => 'setting-app-public', 'value' => setting('app-public')])
  35                         </div>
  36                         <div class="form-group">
  37                             <label>{{ trans('settings.app_secure_images') }}</label>
  38                             <p class="small">{{ trans('settings.app_secure_images_desc') }}</p>
  39                             @include('components.toggle-switch', ['name' => 'setting-app-secure-images', 'value' => setting('app-secure-images')])
  40                         </div>
  41                         <div class="form-group">
  42                             <label for="setting-app-editor">{{ trans('settings.app_editor') }}</label>
  43                             <p class="small">{{ trans('settings.app_editor_desc') }}</p>
  44                             <select name="setting-app-editor" id="setting-app-editor">
  45                                 <option @if(setting('app-editor') === 'wysiwyg') selected @endif value="wysiwyg">WYSIWYG</option>
  46                                 <option @if(setting('app-editor') === 'markdown') selected @endif value="markdown">Markdown</option>
  47                             </select>
  48                         </div>
  49                     </div>
  50
  51                     <div class="col-md-6">
  52                         <div class="form-group" id="logo-control">
  53                             <label for="setting-app-logo">{{ trans('settings.app_logo') }}</label>
  54                             <p class="small">{!! trans('settings.app_logo_desc') !!}</p>
  55
  56                             @include('components.image-picker', [
  57                                 'resizeHeight' => '43',
  58                                 'resizeWidth' => '200',
  59                                 'showRemove' => true,
  60                                 'defaultImage' => baseUrl('/logo.png'),
  61                                 'currentImage' => setting('app-logo'),
  62                                 'name' => 'setting-app-logo',
  63                                 'imageClass' => 'logo-image',
  64                                 'currentId' => false
  65                             ])
  66
  67                         </div>
  68                         <div class="form-group" id="color-control">
  69                             <label for="setting-app-color">{{ trans('settings.app_primary_color') }}</label>
  70                             <p class="small">{!! trans('settings.app_primary_color_desc') !!}</p>
  71                             <input  type="text" value="{{ setting('app-color', '') }}" name="setting-app-color" id="setting-app-color" placeholder="#0288D1">
  72                             <input  type="hidden" value="{{ setting('app-color-light', '') }}" name="setting-app-color-light" id="setting-app-color-light" placeholder="rgba(21, 101, 192, 0.15)">
  73                         </div>
  74                     </div>
  75
  76                 </div>
  77
  78                 <div class="form-group">
  79                     <label for="setting-app-custom-head">{{ trans('settings.app_custom_html') }}</label>
  80                     <p class="small">{{ trans('settings.app_custom_html_desc') }}</p>
  81                     <textarea name="setting-app-custom-head" id="setting-app-custom-head">{{ setting('app-custom-head', '') }}</textarea>
  82                 </div>
  83
  84                 <div class="form-group text-right">
  85                     <button type="submit" class="button pos">{{ trans('settings.settings_save') }}</button>
  86                 </div>
  87             </form>
  88         </div>
  89     </div>
  90
  91     <p>&nbsp;</p>
  92
  93     <div class="card">
  94         <h3><i class="zmdi zmdi-accounts-add"></i> {{ trans('settings.reg_settings') }}</h3>
  95         <div class="body">
  96             <form action="{{ baseUrl("/settings") }}" method="POST">
  97                 {!! csrf_field() !!}
  98
  99                 <div class="row">
 100                     <div class="col-md-6">
 101                         <div class="form-group">
 102                             <label for="setting-registration-enabled">{{ trans('settings.reg_allow') }}</label>
 103                             @include('components.toggle-switch', ['name' => 'setting-registration-enabled', 'value' => setting('registration-enabled')])
 104                         </div>
 105                         <div class="form-group">
 106                             <label for="setting-registration-role">{{ trans('settings.reg_default_role') }}</label>
 107                             <select id="setting-registration-role" name="setting-registration-role" @if($errors->has('setting-registration-role')) class="neg" @endif>
 108                                 @foreach(\BookStack\Role::all() as $role)
 109                                     <option value="{{$role->id}}" data-role-name="{{ $role->name }}"
 110                                             @if(setting('registration-role', \BookStack\Role::first()->id) == $role->id) selected @endif
 111                                     >
 112                                         {{ $role->display_name }}
 113                                     </option>
 114                                 @endforeach
 115                             </select>
 116                         </div>
 117                         <div class="form-group">
 118                             <label for="setting-registration-confirmation">{{ trans('settings.reg_confirm_email') }}</label>
 119                             <p class="small">{{ trans('settings.reg_confirm_email_desc') }}</p>
 120                             @include('components.toggle-switch', ['name' => 'setting-registration-confirmation', 'value' => setting('registration-confirmation')])
 121                         </div>
 122                     </div>
 123                     <div class="col-md-6">
 124                         <div class="form-group">
 125                             <label for="setting-registration-restrict">{{ trans('settings.reg_confirm_restrict_domain') }}</label>
 126                             <p class="small">{!! trans('settings.reg_confirm_restrict_domain_desc') !!}</p>
 127                             <input type="text" id="setting-registration-restrict" name="setting-registration-restrict" placeholder="{{ trans('settings.reg_confirm_restrict_domain_placeholder') }}" value="{{ setting('registration-restrict', '') }}">
 128                         </div>
 129                     </div>
 130                 </div>
 131
 132                 <div class="form-group text-right">
 133                     <button type="submit" class="button pos">{{ trans('settings.settings_save') }}</button>
 134                 </div>
 135             </form>
 136         </div>
 137     </div>
 138
 139
 140 </div>
 141
 142 @include('components.image-manager', ['imageType' => 'system'])
 143
 144 @stop
 145
 146 @section('scripts')
 147     <script src="{{ baseUrl("/libs/jq-color-picker/tiny-color-picker.min.js?version=1.0.0") }}"></script>
 148     <script type="text/javascript">
 149         $('#setting-app-color').colorPicker({
 150             opacity: false,
 151             renderCallback: function($elm, toggled) {
 152                 var hexVal = '#' + this.color.colors.HEX;
 153                 var rgb = this.color.colors.RND.rgb;
 154                 var rgbLightVal = 'rgba('+ [rgb.r, rgb.g, rgb.b, '0.15'].join(',') +')';
 155                 // Set textbox color to hex color code.
 156                 var isEmpty = $.trim($elm.val()).length === 0;
 157                 if (!isEmpty) $elm.val(hexVal);
 158                 $('#setting-app-color-light').val(isEmpty ? '' : rgbLightVal);
 159
 160                 var customStyles = document.getElementById('custom-styles');
 161                 var oldColor = customStyles.getAttribute('data-color');
 162                 var oldColorLight = customStyles.getAttribute('data-color-light');
 163
 164                 customStyles.innerHTML = customStyles.innerHTML.split(oldColor).join(hexVal);
 165                 customStyles.innerHTML = customStyles.innerHTML.split(oldColorLight).join(rgbLightVal);
 166
 167                 customStyles.setAttribute('data-color', hexVal);
 168                 customStyles.setAttribute('data-color-light', rgbLightVal);
 169             }
 170         });
 171     </script>
 172 @stop