mirror of https://github.com/pixelfed/pixelfed.git
Merge pull request #867 from pixelfed/frontend-ui-refactor
Frontend ui refactor
This commit is contained in:
daniel
GitHub
commit
ebd3da0eb1
|
|
@ -174,6 +174,7 @@ class RestrictedNames
|
|||
'privacy',
|
||||
'reset',
|
||||
'report',
|
||||
'results',
|
||||
'reports',
|
||||
'robot',
|
||||
'robots',
|
||||
|
|
|
|||
|
|
@ -238,6 +238,25 @@ return [
|
|||
*/
|
||||
'optimize_video' => env('PF_OPTIMIZE_VIDEOS', true),
|
||||
|
||||
/*
|
||||
|--------------------------------------------------------------------------
|
||||
| User invites
|
||||
|--------------------------------------------------------------------------
|
||||
|
|
||||
| Allow users to invite others via email.
|
||||
| Will respect max user limit and prevent invites after the
|
||||
| limit is reached. Default: off
|
||||
|
|
||||
*/
|
||||
'user_invites' => [
|
||||
'enabled' => env('PF_USER_INVITES', false),
|
||||
'limit' => [
|
||||
'total' => (int) env('PF_USER_INVITES_TOTAL_LIMIT', 0),
|
||||
'daily' => (int) env('PF_USER_INVITES_DAILY_LIMIT', 0),
|
||||
'monthly' => (int) env('PF_USER_INVITES_MONTHLY_LIMIT', 0),
|
||||
]
|
||||
],
|
||||
|
||||
|
||||
'media_types' => env('MEDIA_TYPES', 'image/jpeg,image/png,image/gif'),
|
||||
'enforce_account_limit' => env('LIMIT_ACCOUNT_SIZE', true),
|
||||
|
|
|
|||
|
|
@ -0,0 +1,61 @@
|
|||
@extends('settings.template')
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Accessibility</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<form method="post">
|
||||
@csrf
|
||||
{{--<div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="compose_media_descriptions" id="media_descriptions" {{$settings->compose_media_descriptions ? 'checked=""':''}} disabled>
|
||||
<label class="form-check-label font-weight-bold" for="compose_media_descriptions">
|
||||
{{__('Require media descriptions')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">Requires you to describe images for the visually impaired. <a href="#">Learn more</a>.</p>
|
||||
</div>
|
||||
<div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="compose_media_descriptions" id="media_descriptions">
|
||||
<label class="form-check-label font-weight-bold" for="compose_media_descriptions">
|
||||
{{__('LiteUI')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">LiteUI is a lightweight, non-js design for low bandwidth devices. <a href="#">Learn more</a>.</p>
|
||||
</div> --}}
|
||||
<div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="reduce_motion" id="reduce_motion" {{$settings->reduce_motion ? 'checked=""':''}}>
|
||||
<label class="form-check-label font-weight-bold" for="reduce_motion">
|
||||
{{__('Reduce Motion')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">Prevent animation effects.</p>
|
||||
</div>
|
||||
{{-- <div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="optimize_screen_reader" id="optimize_screen_reader" {{$settings->optimize_screen_reader ? 'checked=""':''}}>
|
||||
<label class="form-check-label font-weight-bold" for="optimize_screen_reader">
|
||||
{{__('Enhanced Screen Reader Mode')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">Optimizes the experience for screen readers.</p>
|
||||
</div> --}}
|
||||
<div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="high_contrast_mode" id="high_contrast_mode" {{$settings->high_contrast_mode ? 'checked=""':''}}>
|
||||
<label class="form-check-label font-weight-bold" for="high_contrast_mode">
|
||||
{{__('High Contrast Mode')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">High contrast mode for the visually impaired.</p>
|
||||
</div>
|
||||
<div class="form-check pb-3">
|
||||
<input class="form-check-input" type="checkbox" name="video_autoplay" id="video_autoplay" {{$settings->video_autoplay ? 'checked=""':''}}>
|
||||
<label class="form-check-label font-weight-bold" for="video_autoplay">
|
||||
{{__('Disable video autoplay')}}
|
||||
</label>
|
||||
<p class="text-muted small help-text">Prevent videos from autoplaying. <a href="#">Learn more</a>.</p>
|
||||
</div>
|
||||
<div class="form-group row mt-5 pt-5">
|
||||
<div class="col-12 text-right">
|
||||
<hr>
|
||||
<button type="submit" class="btn btn-primary font-weight-bold">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
@extends('settings.template')
|
||||
|
||||
@section('section')
|
||||
|
||||
<div class="title">
|
||||
<h3 class="font-weight-bold">Reports</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="lead">A list of reports you have made. </p>
|
||||
<table class="table table-responsive">
|
||||
<thead class="bg-light">
|
||||
<th scope="col">ID</th>
|
||||
<th scope="col">Type</th>
|
||||
<th scope="col">Reported</th>
|
||||
<th scope="col">Status</th>
|
||||
<th scope="col">Created</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($reports as $report)
|
||||
<tr>
|
||||
<td class="font-weight-bold">{{$report->id}}</td>
|
||||
<td class="font-weight-bold">{{$report->type}}</td>
|
||||
<td class="font-weight-bold"><a href="{{$report->reported()->url()}}">{{str_limit($report->reported()->url(), 30)}}</a></td>
|
||||
@if(!$report->admin_seen)
|
||||
<td><span class="text-danger font-weight-bold">Unresolved</span></td>
|
||||
@else
|
||||
<td><span class="text-success font-weight-bold">Resolved</span></td>
|
||||
@endif
|
||||
<td class="font-weight-bold">{{$report->created_at->diffForHumans(null, true, true)}}</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="d-flex justify-content-center mt-5 small">
|
||||
{{$reports->links()}}
|
||||
</div>
|
||||
@endsection
|
||||
Loading…
Reference in New Issue