rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

fix

remotes/1693045480750635534/spooky-22
kek7198 2021-12-01 10:35:09 -06:00
parent f425a4e1d9
commit 9501b237bd
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
files/templates/modals/ModalReportComment.html
View File

@ -1,32 +1,36 @@
<div class="modal fade" id="reportCommentModal" tabindex="-1" role="dialog" aria-labelledby="reportCommentModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<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 rounded-md shadow-lg">
<div class="modal-header">
<h5 class="modal-title">Report <span id="comment-author"></span>'s comment</h5>
<h5 class="font-bold text-xl text-black font-heading leading-normal">Report <span id="comment-author"></span>'s comment</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 class="" id="reportCommentFormBefore">
<div id="reportCommentFormBefore">
<div class="modal-body">
<div class="h6">We're sorry something here is wrong.</div>
<small class="form-text text-muted">Please enter a reason for reporting below.</small>
<pre></pre>
<input maxlength="100" id="reason-comment" class="form-control">
<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 block w-full rounded shadow-inner px-2 py-1.5 text-gray-700 bg-white border border-gray-300 focus:bg-white focus:text-black" placeholder="e.g. this comment violates community standards">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link text-muted" data-bs-dismiss="modal">Cancel</button>
<button type="button" id="reportCommentButton" class="btn btn-danger">Report comment</button>
<div class="flex justify-end space-x-2 border-t border-gray-300 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="reportCommentButton" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-100 focus:text-gray-400 focus:outline-none">
Report comment
</button>
</div>
</div>
<div class="hidden" id="reportCommentFormAfter">
<div class="modal-body">
<div class="h6">Thank you for reporting this comment!</div>
<small class="form-text text-muted">We'll take it from here.</small>
<div class="font-bold text-lg leading-normal">Thank you for reporting this comment!</div>
<small class="text-gray-500">By the power of the mop, our internet janitors will take it from here.</small>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
<div class="flex justify-end space-x-2 border-t border-gray-400 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>