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

@include('settings/navbar', ['selected' => 'settings'])

-<div class="container small">

+<div class="container small settings-container">

- <h1>Settings</h1>

+ <h1>{{ trans('settings.settings') }}</h1>

- <form action="/settings" method="POST">

+ <form action="{{ baseUrl("/settings") }}" method="POST">

{!! csrf_field() !!}

- <h3>App Settings</h3>

+ <h3>{{ trans('settings.app_settings') }}</h3>

+

- <label for="setting-app-name">Application name</label>

+ <label for="setting-app-name">{{ trans('settings.app_name') }}</label>

+ <p class="small">{{ trans('settings.app_name_desc') }}</p>

</div>

</div>

- <label>Allow public viewing?</label>

- <div toggle-switch name="setting-app-public" value="{{ setting('app-public') }}"></div>

+ <label>{{ trans('settings.app_name_header') }}</label>

+ @include('components.toggle-switch', ['name' => 'setting-app-name-header', 'value' => setting('app-name-header')])

+ </div>

+ <div class="form-group">

+ <label for="setting-app-public">{{ trans('settings.app_public_viewing') }}</label>

+ @include('components.toggle-switch', ['name' => 'setting-app-public', 'value' => setting('app-public')])

</div>

</div>

- <label>Enable higher security image uploads?</label>

- <p class="small">For performance reasons, all images are public by default, This option adds a random, hard-to-guess characters in front of image names. Ensure directory indexes are not enabled to prevent easy access.</p>

- <div toggle-switch name="setting-app-secure-images" value="{{ setting('app-secure-images') }}"></div>

+ <label>{{ trans('settings.app_secure_images') }}</label>

+ <p class="small">{{ trans('settings.app_secure_images_desc') }}</p>

+ @include('components.toggle-switch', ['name' => 'setting-app-secure-images', 'value' => setting('app-secure-images')])

</div>

</div>

- <label for="setting-app-editor">Page editor</label>

- <p class="small">Select which editor will be used by all users to edit pages.</p>

+ <label for="setting-app-editor">{{ trans('settings.app_editor') }}</label>

+ <p class="small">{{ trans('settings.app_editor_desc') }}</p>

<option @if(setting('app-editor') === 'wysiwyg') selected @endif value="wysiwyg">WYSIWYG</option>

<option @if(setting('app-editor') === 'markdown') selected @endif value="markdown">Markdown</option>

</select>

</div>

<option @if(setting('app-editor') === 'wysiwyg') selected @endif value="wysiwyg">WYSIWYG</option>

<option @if(setting('app-editor') === 'markdown') selected @endif value="markdown">Markdown</option>

</select>

</div>

+

- <label for="setting-app-logo">Application logo</label>

- <p class="small">This image should be 43px in height. <br>Large images will be scaled down.</p>

- <image-picker resize-height="43" show-remove="true" resize-width="200" current-image="{{ setting('app-logo', '') }}" default-image="/logo.png" name="setting-app-logo" image-class="logo-image"></image-picker>

+ <label for="setting-app-logo">{{ trans('settings.app_logo') }}</label>

+ <p class="small">{!! trans('settings.app_logo_desc') !!}</p>

+

+ @include('components.image-picker', [

+ 'resizeHeight' => '43',

+ 'resizeWidth' => '200',

+ 'showRemove' => true,

+ 'defaultImage' => baseUrl('/logo.png'),

+ 'currentImage' => setting('app-logo'),

+ 'name' => 'setting-app-logo',

+ 'imageClass' => 'logo-image',

+ 'currentId' => false

+ ])

+

</div>

</div>

- <label for="setting-app-color">Application primary color</label>

- <p class="small">This should be a hex value. <br> Leave empty to reset to the default color.</p>

+ <label for="setting-app-color">{{ trans('settings.app_primary_color') }}</label>

+ <p class="small">{!! trans('settings.app_primary_color_desc') !!}</p>

</div>

</div>

- </div>

+ </div>

+ <div class="form-group">

+ <label for="setting-app-custom-head">{{ trans('settings.app_custom_html') }}</label>

+ <p class="small">{{ trans('settings.app_custom_html_desc') }}</p>

+ <textarea name="setting-app-custom-head" id="setting-app-custom-head">{{ setting('app-custom-head', '') }}</textarea>

+ </div>

- <h3>Registration Settings</h3>

+ <h3>{{ trans('settings.reg_settings') }}</h3>

+

- <label for="setting-registration-enabled">Allow registration?</label>

- <div toggle-switch name="setting-registration-enabled" value="{{ setting('registration-enabled') }}"></div>

+ <label for="setting-registration-enabled">{{ trans('settings.reg_allow') }}</label>

+ @include('components.toggle-switch', ['name' => 'setting-registration-enabled', 'value' => setting('registration-enabled')])

</div>

</div>

- <label for="setting-registration-role">Default user role after registration</label>

+ <label for="setting-registration-role">{{ trans('settings.reg_default_role') }}</label>

<select id="setting-registration-role" name="setting-registration-role" @if($errors->has('setting-registration-role')) class="neg" @endif>

@foreach(\BookStack\Role::all() as $role)

<select id="setting-registration-role" name="setting-registration-role" @if($errors->has('setting-registration-role')) class="neg" @endif>

@foreach(\BookStack\Role::all() as $role)

- <option value="{{$role->id}}"

+ <option value="{{$role->id}}" data-role-name="{{ $role->name }}"

@if(setting('registration-role', \BookStack\Role::first()->id) == $role->id) selected @endif

>

@if(setting('registration-role', \BookStack\Role::first()->id) == $role->id) selected @endif

>

</select>

</div>

</select>

</div>

- <label for="setting-registration-confirmation">Require email confirmation?</label>

- <p class="small">If domain restriction is used then email confirmation will be required and the below value will be ignored.</p>

- <div toggle-switch name="setting-registration-confirmation" value="{{ setting('registration-confirmation') }}"></div>

+ <label for="setting-registration-confirmation">{{ trans('settings.reg_confirm_email') }}</label>

+ <p class="small">{{ trans('settings.reg_confirm_email_desc') }}</p>

+ @include('components.toggle-switch', ['name' => 'setting-registration-confirmation', 'value' => setting('registration-confirmation')])

</div>

</div>

- <label for="setting-registration-restrict">Restrict registration to domain</label>

- <p class="small">Enter a comma separated list of email domains you would like to restrict registration to. Users will be sent an email to confirm their address before being allowed to interact with the application.

- <br> Note that users will be able to change their email addresses after successful registration.</p>

- <input type="text" id="setting-registration-restrict" name="setting-registration-restrict" placeholder="No restriction set" value="{{ setting('registration-restrict', '') }}">

+ <label for="setting-registration-restrict">{{ trans('settings.reg_confirm_restrict_domain') }}</label>

+ <p class="small">{!! trans('settings.reg_confirm_restrict_domain_desc') !!}</p>

+ <input type="text" id="setting-registration-restrict" name="setting-registration-restrict" placeholder="{{ trans('settings.reg_confirm_restrict_domain_placeholder') }}" value="{{ setting('registration-restrict', '') }}">

</div>

- <button type="submit" class="button pos">Save Settings</button>

+ <span class="float right muted">

+ BookStack @if(strpos($version, 'v') !== 0) version @endif {{ $version }}

+ </span>

+ <button type="submit" class="button pos">{{ trans('settings.settings_save') }}</button>

</div>

</form>

</div>

</form>

</div>

-@include('partials/image-manager', ['imageType' => 'system'])

+@include('components.image-manager', ['imageType' => 'system'])

@stop

@section('scripts')

@stop

@section('scripts')

- <script src="/libs/jq-color-picker/tiny-color-picker.min.js?version=1.0.0"></script>

+ <script src="{{ baseUrl("/libs/jq-color-picker/tiny-color-picker.min.js?version=1.0.0") }}"></script>

$('#setting-app-color').colorPicker({

opacity: false,

$('#setting-app-color').colorPicker({

opacity: false,

var isEmpty = $.trim($elm.val()).length === 0;

if (!isEmpty) $elm.val(hexVal);

$('#setting-app-color-light').val(isEmpty ? '' : rgbLightVal);

var isEmpty = $.trim($elm.val()).length === 0;

if (!isEmpty) $elm.val(hexVal);

$('#setting-app-color-light').val(isEmpty ? '' : rgbLightVal);

- // Set page elements to provide preview

- $('#header, .image-picker .button').css('background-color', hexVal);

- $('.faded-small').css('background-color', rgbLightVal);

- $('.setting-nav a.selected').css('border-bottom-color', hexVal);

+

+ var customStyles = document.getElementById('custom-styles');

+ var oldColor = customStyles.getAttribute('data-color');

+ var oldColorLight = customStyles.getAttribute('data-color-light');

+

+ customStyles.innerHTML = customStyles.innerHTML.split(oldColor).join(hexVal);

+ customStyles.innerHTML = customStyles.innerHTML.split(oldColorLight).join(rgbLightVal);

+

+ customStyles.setAttribute('data-color', hexVal);

+ customStyles.setAttribute('data-color-light', rgbLightVal);

}

});

</script>

}

});

</script>