|
@@ -0,0 +1,130 @@
|
|
|
|
+@extends('layouts.blank')
|
|
|
|
+
|
|
|
|
+@section('content')
|
|
|
|
+
|
|
|
|
+<div class="container mt-5">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-12 col-md-6 offset-md-3 text-center">
|
|
|
|
+ <p class="h1 pb-2" style="font-weight: 200">Your Post Contains Sensitive or Offensive Material</p>
|
|
|
|
+ <p class="lead py-3">We applied a Content Warning to your post because it doesn't follow our <a class="font-weight-bold text-dark" href="{{route('help.community-guidelines')}}">Community Guidelines</a>.</p>
|
|
|
|
+ <p class="font-weight-bold alert alert-danger text-left">To continue you must click the "I Understand" button or "REQUEST APPEAL" button at the bottom of this page.</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-12 col-md-6 offset-md-3">
|
|
|
|
+ <hr>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-12 col-md-6 offset-md-3 mt-3">
|
|
|
|
+ <p class="h4 font-weight-bold">Post Details</p>
|
|
|
|
+ @if($interstitial->has_media)
|
|
|
|
+ <div class="py-4 align-items-center">
|
|
|
|
+ <div class="d-block text-center text-truncate">
|
|
|
|
+ @if($interstitial->blurhash)
|
|
|
|
+ <canvas id="mblur" width="400" height="400" class="rounded shadow"></canvas>
|
|
|
|
+ @else
|
|
|
|
+ <img src="/storage/no-preview.png" class="mr-3 img-fluid" alt="No preview available">
|
|
|
|
+ @endif
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mt-2 border rounded p-3">
|
|
|
|
+ @if($meta->caption)
|
|
|
|
+ <p class="text-break">
|
|
|
|
+ Caption: <span class="font-weight-bold">{{$meta->caption}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ @endif
|
|
|
|
+ <p class="mb-0">
|
|
|
|
+ Like Count: <span class="font-weight-bold">{{$meta->likes_count}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="mb-0">
|
|
|
|
+ Share Count: <span class="font-weight-bold">{{$meta->reblogs_count}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="">
|
|
|
|
+ Timestamp: <span class="font-weight-bold">{{now()->parse($meta->created_at)->format('r')}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="mb-0" style="word-break: break-all !important;">
|
|
|
|
+ URL: <span class="font-weight-bold text-primary">{{$meta->url}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ @else
|
|
|
|
+ <div class="py-4 align-items-center">
|
|
|
|
+ <div class="mt-2 border rounded p-3">
|
|
|
|
+ @if($meta->caption)
|
|
|
|
+ <p class="text-break">
|
|
|
|
+ Comment: <span class="font-weight-bold">{{$meta->caption}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ @endif
|
|
|
|
+ <p class="mb-0">
|
|
|
|
+ Like Count: <span class="font-weight-bold">{{$meta->likes_count}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="mb-0">
|
|
|
|
+ Share Count: <span class="font-weight-bold">{{$meta->reblogs_count}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="">
|
|
|
|
+ Timestamp: <span class="font-weight-bold">{{now()->parse($meta->created_at)->format('r')}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="mb-0" style="word-break: break-all !important;">
|
|
|
|
+ URL: <span class="font-weight-bold text-primary">{{$meta->url}}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ @endif
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-12 col-md-6 offset-md-3 my-3">
|
|
|
|
+ <div class="border rounded p-3 border-primary">
|
|
|
|
+ <p class="h4 font-weight-bold pt-2 text-primary">Review the Community Guidelines</p>
|
|
|
|
+ <p class="lead pt-4 text-primary">We want to keep {{config('app.name')}} a safe place for everyone, and we created these <a class="font-weight-bold text-primary" href="{{route('help.community-guidelines')}}">Community Guidelines</a> to support and protect our community.</p>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div id="appealButton" class="col-12 col-md-6 offset-md-3 mt-3">
|
|
|
|
+ <button type="button" class="btn btn-outline-primary btn-block font-weight-bold" onclick="requestAppeal()">REQUEST APPEAL</button>
|
|
|
|
+ </div>
|
|
|
|
+ <div id="appealForm" class="col-12 col-md-6 offset-md-3 d-none mt-3">
|
|
|
|
+ <form method="post" action="/i/warning">
|
|
|
|
+ @csrf
|
|
|
|
+ <p class="h4 font-weight-bold">Request Appeal</p>
|
|
|
|
+ <p class="pt-4">
|
|
|
|
+ <div class="form-group">
|
|
|
|
+ <textarea class="form-control" rows="4" placeholder="Write your appeal request message here" name="appeal_message"></textarea>
|
|
|
|
+ </div>
|
|
|
|
+ </p>
|
|
|
|
+ {{-- <p class="lead"><span class="font-weight-bold">Learn more</span> about what we remove.</p> --}}
|
|
|
|
+ <input type="hidden" name="id" value="{{encrypt($interstitial->id)}}">
|
|
|
|
+ <input type="hidden" name="type" value="{{$interstitial->type}}">
|
|
|
|
+ <input type="hidden" name="action" value="appeal">
|
|
|
|
+ <button type="submit" class="btn btn-outline-primary btn-block font-weight-bold">REQUEST APPEAL</button>
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="col-12 col-md-6 offset-md-3 mt-4 mb-4">
|
|
|
|
+
|
|
|
|
+ <form method="post" action="/i/warning">
|
|
|
|
+ @csrf
|
|
|
|
+
|
|
|
|
+ <input type="hidden" name="id" value="{{encrypt($interstitial->id)}}">
|
|
|
|
+ <input type="hidden" name="type" value="{{$interstitial->type}}">
|
|
|
|
+ <input type="hidden" name="action" value="confirm">
|
|
|
|
+ <button type="submit" class="btn btn-primary btn-block font-weight-bold">I Understand</button>
|
|
|
|
+ </form>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
|
|
+
|
|
|
|
+@endsection
|
|
|
|
+
|
|
|
|
+@push('scripts')
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ function requestAppeal() {
|
|
|
|
+ $('#appealButton').addClass('d-none');
|
|
|
|
+ $('#appealForm').removeClass('d-none');
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+@if($interstitial->blurhash)
|
|
|
|
+<script type="text/javascript">
|
|
|
|
+ const pixels = window.blurhash.decode("{{$interstitial->blurhash}}", 400, 400);
|
|
|
|
+ const canvas = document.getElementById("mblur");
|
|
|
|
+ const ctx = canvas.getContext("2d");
|
|
|
|
+ const imageData = ctx.createImageData(400, 400);
|
|
|
|
+ imageData.data.set(pixels);
|
|
|
|
+ ctx.putImageData(imageData, 0, 0);
|
|
|
|
+</script>
|
|
|
|
+@endif
|
|
|
|
+@endpush
|