forked from rDrama/rDrama
41 lines
2.0 KiB
HTML
41 lines
2.0 KiB
HTML
<script src="/assets/CHRISTMAS/js/report_post_modal.js?v=200"></script>
|
|
|
|
<div class="modal fade" id="reportPostModal" tabindex="-1" role="dialog" aria-labelledby="reportPostModalTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered mx-auto max-w-xl" role="document">
|
|
<div class="modal-content mx-auto max-w-xl bg-gray-100 dark:bg-gray-700 rounded-md shadow-lg">
|
|
<div class="modal-header">
|
|
<h5 class="font-bold text-xl font-heading leading-normal">Report post</h5>
|
|
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="far fa-times"></i></span>
|
|
</button>
|
|
</div>
|
|
<div id="reportPostFormBefore">
|
|
<div class="modal-body">
|
|
<div class="font-bold text-lg leading-normal">We're sorry something here is wrong.</div>
|
|
<small class="text-gray-500">Please enter a reason for reporting below.</small>
|
|
<input maxlength="100" id="reason" class="mt-3 form-input" placeholder="e.g. this post violates community standards">
|
|
</div>
|
|
<div class="flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
|
|
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-700" data-bs-dismiss="modal">
|
|
Cancel
|
|
</button>
|
|
<button type="button" id="reportPostButton" class="btn btn-red">
|
|
Report post
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="hidden" id="reportPostFormAfter">
|
|
<div class="modal-body">
|
|
<div class="font-bold text-lg leading-normal">Thank you for reporting this post!</div>
|
|
<small class="text-gray-500">By the power of the mop, our internet janitors will take it from here.</small>
|
|
</div>
|
|
<div class="flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
|
|
<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-400" data-bs-dismiss="modal">
|
|
Close
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|