Merge pull request #867 from pixelfed/frontend-ui-refactor

Frontend ui refactor

app/Util/Lexer/RestrictedNames.php

@@ -174,6 +174,7 @@ class RestrictedNames
      'privacy',
      'reset',
      'report',
+     'results',
      'reports',
      'robot',
      'robots',

config/pixelfed.php

@@ -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),

resources/views/settings/accessibility.blade.php

@@ -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

resources/views/settings/reports.blade.php

@@ -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