mirror of
https://github.com/pixelfed/pixelfed.git
synced 2024-11-09 16:24:51 +00:00
Update admin settings, refactor to vue component
This commit is contained in:
Daniel Supernault
parent
eb4871237b
commit
674e560f04
3 changed files with 1547 additions and 411 deletions
1535
resources/assets/components/admin/AdminSettings.vue
Normal file
1535
resources/assets/components/admin/AdminSettings.vue
Normal file
File diff suppressed because it is too large
Load diff
10
resources/assets/js/admin.js
vendored
10
resources/assets/js/admin.js
vendored
|
|
@ -36,11 +36,21 @@ Vue.component(
|
||||||
require('./../components/admin/AdminReports.vue').default
|
require('./../components/admin/AdminReports.vue').default
|
||||||
);
|
);
|
||||||
|
|
||||||
|
Vue.component(
|
||||||
|
'admin-settings',
|
||||||
|
require('./../components/admin/AdminSettings.vue').default
|
||||||
|
);
|
||||||
|
|
||||||
Vue.component(
|
Vue.component(
|
||||||
'instances-component',
|
'instances-component',
|
||||||
require('./../components/admin/AdminInstances.vue').default
|
require('./../components/admin/AdminInstances.vue').default
|
||||||
);
|
);
|
||||||
|
|
||||||
|
// Vue.component(
|
||||||
|
// 'instance-details-component',
|
||||||
|
// require('./../components/admin/AdminInstanceDetails.vue').default
|
||||||
|
// );
|
||||||
|
|
||||||
Vue.component(
|
Vue.component(
|
||||||
'hashtag-component',
|
'hashtag-component',
|
||||||
require('./../components/admin/AdminHashtags.vue').default
|
require('./../components/admin/AdminHashtags.vue').default
|
||||||
|
|
|
||||||
|
|
@ -1,421 +1,12 @@
|
||||||
@extends('admin.partial.template-full')
|
@extends('admin.partial.template-full')
|
||||||
|
|
||||||
@section('section')
|
@section('section')
|
||||||
<div class="title mb-4">
|
|
||||||
<h3 class="font-weight-bold">Settings</h3>
|
|
||||||
@if(config('instance.enable_cc'))
|
|
||||||
<p class="lead mb-0">Manage instance settings</p>
|
|
||||||
</div>
|
</div>
|
||||||
<form method="post">
|
<admin-settings />
|
||||||
@csrf
|
|
||||||
<ul class="nav nav-tabs nav-fill border-bottom-0" id="myTab" role="tablist">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link font-weight-bold active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="fas fa-home"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="landing-tab" data-toggle="tab" href="#landing" role="tab" aria-controls="landing">Landing</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="brand-tab" data-toggle="tab" href="#brand" role="tab" aria-controls="brand">Brand</a>
|
|
||||||
</li>
|
|
||||||
{{-- <li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="media-tab" data-toggle="tab" href="#media" role="tab" aria-controls="media">Mail</a>
|
|
||||||
</li> --}}
|
|
||||||
<li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="media-tab" data-toggle="tab" href="#media" role="tab" aria-controls="media">Media</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="rules-tab" data-toggle="tab" href="#rules" role="tab" aria-controls="rules">Rules</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item border-none">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="users-tab" data-toggle="tab" href="#users" role="tab" aria-controls="users">Users</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link font-weight-bold px-4" id="advanced-tab" data-toggle="tab" href="#advanced" role="tab" aria-controls="advanced">Advanced</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="tab-content" id="myTabContent">
|
|
||||||
|
|
||||||
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
||||||
{{-- <div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">System Configuration</label>
|
|
||||||
<ul class="list-unstyled">
|
|
||||||
<li>
|
|
||||||
<span class="text-muted">Max Upload Size: </span>
|
|
||||||
<span class="font-weight-bold">{{$system['max_upload_size']}}</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="text-muted">Image Driver: </span>
|
|
||||||
<span class="font-weight-bold">{{$system['image_driver']}}</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="text-muted">Image Driver Loaded: </span>
|
|
||||||
<span class="font-weight-bold">
|
|
||||||
@if($system['image_driver_loaded'])
|
|
||||||
<i class="fas fa-check text-success"></i>
|
|
||||||
@else
|
|
||||||
<i class="fas fa-times text-danger"></i>
|
|
||||||
@endif
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="text-muted">File Permissions: </span>
|
|
||||||
<span class="font-weight-bold">
|
|
||||||
@if($system['permissions'])
|
|
||||||
<i class="fas fa-check text-success"></i>
|
|
||||||
@else
|
|
||||||
<i class="fas fa-times text-danger"></i>
|
|
||||||
@endif
|
|
||||||
</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<span class="text-muted"></span>
|
|
||||||
<span class="font-weight-bold"></span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div> --}}
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Features</label>
|
|
||||||
|
|
||||||
<div class="form-group row mb-5">
|
|
||||||
<label for="staticEmail" class="col-sm-12 col-form-label font-weight-bold">Registration Status</label>
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<select class="custom-select" name="regs">
|
|
||||||
<option value="open" {{ $regState === 'open' ? 'selected' : '' }}>Open - Anyone can register</option>
|
|
||||||
<option value="filtered" {{ $regState === 'filtered' ? 'selected' : '' }}>Filtered - Anyone can apply (Curated Onboarding)</option>
|
|
||||||
<option value="closed" {{ $regState === 'closed' ? 'selected' : '' }}>Closed - Nobody can register</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@if($cloud_ready)
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="cloud_storage" class="custom-control-input" id="cls1" {{config_cache('pixelfed.cloud_storage') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="cls1">Cloud Storage</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Store photos & videos on S3 compatible object storage providers.</p>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="activitypub" class="custom-control-input" id="ap" {{config_cache('federation.activitypub.enabled') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="ap">ActivityPub</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">ActivityPub federation, compatible with Pixelfed, Mastodon and other projects.</p>
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="account_migration" class="custom-control-input" id="ap_mig" {{(bool)config_cache('federation.migration') ? 'checked' : ''}} {{(bool) config_cache('federation.activitypub.enabled') ? '' : 'disabled="disabled"'}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="ap_mig">Account Migration</label>
|
|
||||||
</div>
|
|
||||||
@if((bool) config_cache('federation.activitypub.enabled'))
|
|
||||||
<p class="mb-4 small">Allow local accounts to migrate to other local or remote accounts.</p>
|
|
||||||
@else
|
|
||||||
<p class="mb-4 small text-muted"><strong>ActivityPub Required</strong> Allow local accounts to migrate to other local or remote accounts.</p>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
{{-- <div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="open_registration" class="custom-control-input" id="openReg" {{config_cache('pixelfed.open_registration') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="openReg">Open Registrations</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Allow new user registrations.</p> --}}
|
|
||||||
|
|
||||||
|
|
||||||
{{-- <div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="registration_approvals" class="custom-control-input" id="openRegApproval" {{config_cache('pixelfed.registration_approvals') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="openRegApproval">Registration Approval Mode</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Manually review new account registration applications.</p> --}}
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="mobile_apis" class="custom-control-input" id="cf2" {{config_cache('pixelfed.oauth_enabled') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="cf2">Mobile APIs</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Enable apis required for mobile app support.</p>
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="stories" class="custom-control-input" id="cf3" {{config_cache('instance.stories.enabled') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="cf3">Stories</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Allow users to share ephemeral Stories.</p>
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="ig_import" class="custom-control-input" id="cf4" {{config_cache('pixelfed.import.instagram.enabled') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="cf4">Instagram Import</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Allow <span class="font-weight-bold">experimental</span> Instagram Import support.</p>
|
|
||||||
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="spam_detection" class="custom-control-input" id="cf5" {{config_cache('pixelfed.bouncer.enabled') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="cf5">Spam detection</label>
|
|
||||||
</div>
|
|
||||||
<p class="mb-4 small">Detect and remove spam from timelines.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{-- <div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Name</label>
|
|
||||||
<input class="form-control col-8" name="name" placeholder="Pixelfed" value="{{config_cache('app.name')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">The instance name used in titles, metadata and apis.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Short Description</label>
|
|
||||||
<textarea class="form-control" rows="3" name="short_description">{{config_cache('app.short_description')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Short description of instance used on various pages and apis.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Long Description</label>
|
|
||||||
<textarea class="form-control" rows="3" name="long_description">{{config_cache('app.description')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Longer description of instance used on about page.</p>
|
|
||||||
</div>
|
|
||||||
</div> --}}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="landing" role="tabpanel" aria-labelledby="landing-tab">
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<p class="mb-0 small">Configure your landing page</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<p class="font-weight-bold text-muted">Discovery</p>
|
|
||||||
|
|
||||||
<div class="my-3">
|
|
||||||
<div class="custom-control custom-checkbox">
|
|
||||||
<input type="checkbox" class="custom-control-input" id="show_directory" name="show_directory" {{ config_cache('instance.landing.show_directory') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="show_directory">Show Directory</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="my-3">
|
|
||||||
<div class="custom-control custom-checkbox">
|
|
||||||
<input type="checkbox" class="custom-control-input" id="show_explore_feed" name="show_explore_feed" {{ config_cache('instance.landing.show_explore') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="show_explore_feed">Show Explore Feed</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<p class="font-weight-bold text-muted">Admin Account</p>
|
|
||||||
|
|
||||||
<div class="my-3">
|
|
||||||
<select class="custom-select" name="admin_account_id" style="max-width: 300px;">
|
|
||||||
<option selected disabled>Select an admin account</option>
|
|
||||||
@foreach($availableAdmins as $acct)
|
|
||||||
<option
|
|
||||||
value="{{ $acct->profile_id }}" {!! $currentAdmin && $currentAdmin['id'] == $acct->profile_id ? 'selected' : null !!}
|
|
||||||
>
|
|
||||||
<span class="font-weight-bold">@{{ $acct->username }}</span>
|
|
||||||
</option>
|
|
||||||
@endforeach
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="brand" role="tabpanel" aria-labelledby="brand-tab">
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Name</label>
|
|
||||||
<input class="form-control col-8" name="name" placeholder="Pixelfed" value="{{config_cache('app.name')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">The instance name used in titles, metadata and apis.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Short Description</label>
|
|
||||||
<textarea class="form-control" rows="3" name="short_description">{{config_cache('app.short_description')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Short description of instance used on various pages and apis.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Long Description</label>
|
|
||||||
<textarea class="form-control" rows="3" name="long_description">{{config_cache('app.description')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Longer description of instance used on about page.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">About Title</label>
|
|
||||||
<input class="form-control col-8" name="about_title" placeholder="Photo Sharing. For Everyone" value="{{config_cache('about.title')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">The header title used on the <a href="/site/about">about page</a>.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="users" role="tabpanel" aria-labelledby="users-tab">
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="require_email_verification" class="custom-control-input" id="mailVerification" {{config_cache('pixelfed.enforce_email_verification') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="mailVerification">Require Email Verification</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<div class="custom-control custom-checkbox my-2">
|
|
||||||
<input type="checkbox" name="enforce_account_limit" class="custom-control-input" id="userEnforceLimit" {{config_cache('pixelfed.enforce_account_limit') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="userEnforceLimit">Enable account storage limit</label>
|
|
||||||
<p class="help-text small text-muted">Set a storage limit per user account.</p>
|
|
||||||
</div>
|
|
||||||
<label class="font-weight-bold text-muted">Account Limit</label>
|
|
||||||
<input class="form-control" name="account_limit" placeholder="Pixelfed" value="{{config_cache('pixelfed.max_account_size')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Account limit size in KB.</p>
|
|
||||||
<p class="help-text small text-muted mb-0">{{config_cache('pixelfed.max_account_size')}} KB = {{floor(config_cache('pixelfed.max_account_size') / 1024)}} MB</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<div class="custom-control custom-checkbox my-2">
|
|
||||||
<input type="checkbox" name="account_autofollow" class="custom-control-input" id="userAccountAutofollow" {{config_cache('account.autofollow') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="userAccountAutofollow">Auto Follow Accounts</label>
|
|
||||||
<p class="help-text small text-muted">Enable auto follow accounts, new accounts will follow accounts you set.</p>
|
|
||||||
</div>
|
|
||||||
<label class="font-weight-bold text-muted">Accounts</label>
|
|
||||||
<textarea class="form-control" name="account_autofollow_usernames" placeholder="Add account usernames to follow separated by commas">{{config_cache('account.autofollow_usernames')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Add account usernames to follow separated by commas.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="media" role="tabpanel" aria-labelledby="media-tab">
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<label class="font-weight-bold text-muted">Max Size</label>
|
|
||||||
<input class="form-control" name="max_photo_size" value="{{config_cache('pixelfed.max_photo_size')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Maximum file upload size in KB</p>
|
|
||||||
<p class="help-text small text-muted mb-0">{{config_cache('pixelfed.max_photo_size')}} KB = {{number_format(config_cache('pixelfed.max_photo_size') / 1024)}} MB</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<label class="font-weight-bold text-muted">Photo Album Limit</label>
|
|
||||||
<input class="form-control" name="max_album_length" value="{{config_cache('pixelfed.max_album_length')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">The maximum number of photos or videos per album</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top">
|
|
||||||
<label class="font-weight-bold text-muted">Image Quality</label>
|
|
||||||
<input class="form-control" name="image_quality" value="{{config_cache('pixelfed.image_quality')}}">
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Image optimization quality from 0-100%. Set to 0 to disable image optimization.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Media Types</label>
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="type_jpeg" class="custom-control-input" id="mediaType1" {{$jpeg ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label" for="mediaType1"><span class="border border-dark px-1 rounded font-weight-bold">JPEG</span></label>
|
|
||||||
</div>
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="type_png" class="custom-control-input" id="mediaType2" {{$png ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label" for="mediaType2"><span class="border border-dark px-1 rounded font-weight-bold">PNG</span></label>
|
|
||||||
</div>
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="type_gif" class="custom-control-input" id="mediaType3" {{$gif ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label" for="mediaType3"><span class="border border-dark px-1 rounded font-weight-bold">GIF</span></label>
|
|
||||||
</div>
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="type_webp" class="custom-control-input" id="mediaType4" {{$webp ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label" for="mediaType4"><span class="border border-dark px-1 rounded font-weight-bold">WebP</span></label>
|
|
||||||
</div>
|
|
||||||
<div class="custom-control custom-checkbox mt-2">
|
|
||||||
<input type="checkbox" name="type_mp4" class="custom-control-input" id="mediaType5" {{$mp4 ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label" for="mediaType5"><span class="border border-dark px-1 rounded font-weight-bold">MP4</span></label>
|
|
||||||
</div>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Allowed media types.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="rules" role="tabpanel" aria-labelledby="rules-tab">
|
|
||||||
<div class="border-top">
|
|
||||||
<p class="lead mt-3 py-3 text-center">Add rules that explain what is acceptable use.</p>
|
|
||||||
</div>
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<p class="font-weight-bold text-muted">Active Rules</p>
|
|
||||||
<ol class="font-weight-bold">
|
|
||||||
@if($rules)
|
|
||||||
@foreach($rules as $rule)
|
|
||||||
<li class="mb-4">
|
|
||||||
<p class="mb-0">
|
|
||||||
{{$rule}}
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<button type="button" class="btn btn-outline-danger btn-sm py-0 rule-delete" data-index="{{$loop->index}}">Delete</button>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
@endforeach
|
|
||||||
@endif
|
|
||||||
</ol>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Add Rule</label>
|
|
||||||
<input class="form-control" name="new_rule" placeholder="Add a new rule, we recommend being descriptive but keeping it short"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-pane" id="advanced" role="tabpanel" aria-labelledby="advanced-tab">
|
|
||||||
<div class="form-group mb-0">
|
|
||||||
<div class="ml-n4 mr-n2 p-3 border-top border-bottom">
|
|
||||||
<label class="font-weight-bold text-muted">Custom CSS</label>
|
|
||||||
<div class="custom-control custom-checkbox my-2">
|
|
||||||
<input type="checkbox" name="show_custom_css" class="custom-control-input" id="showCustomCss" {{config_cache('uikit.show_custom.css') ? 'checked' : ''}}>
|
|
||||||
<label class="custom-control-label font-weight-bold" for="showCustomCss">Enable custom CSS</label>
|
|
||||||
</div>
|
|
||||||
<textarea class="form-control" name="custom_css" rows="3">{{config_cache('uikit.custom.css')}}</textarea>
|
|
||||||
<p class="help-text small text-muted mt-3 mb-0">Add custom CSS, will be used on all pages</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group row mb-0 mt-4">
|
|
||||||
<div class="col-12 text-right">
|
|
||||||
<button type="submit" class="btn btn-primary font-weight-bold px-5">Save</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
@else
|
|
||||||
</div>
|
|
||||||
<div class="py-5">
|
|
||||||
<p class="lead text-center font-weight-bold">Not enabled</p>
|
|
||||||
<p class="text-center">Add <code>ENABLE_CONFIG_CACHE=true</code> in your <span class="font-weight-bold">.env</span> file <br /> and run <span class="font-weight-bold">php artisan config:cache</span></p>
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@push('scripts')
|
@push('scripts')
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
$('.rule-delete').on('click', function(e) {
|
new Vue({ el: '#panel'});
|
||||||
if(window.confirm('Are you sure you want to delete this rule?')) {
|
|
||||||
let idx = e.target.dataset.index;
|
|
||||||
axios.post(window.location.href, {
|
|
||||||
'rule_delete': idx
|
|
||||||
}).then(res => {
|
|
||||||
$('.rule-delete[data-index="'+idx+'"]').parents().eq(1).remove();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).ready(function() {
|
|
||||||
setTimeout(() => {
|
|
||||||
$('.alert-success').fadeOut();
|
|
||||||
}, 1000);
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue