Created moderation html pages

Author: v8ify

moderation/templates/moderation/moderation_home.html

@@ -2,13 +2,13 @@
 
 {% block content %}
 <div>
-  <p>Go to relvant section</p>
+  <h2 class="text-center mt-3">Go to relvant section</h2>
 
-  <div>
-    <a href="#">Flagged Questions</a>
-    <a href="#">Flagged Answers</a>
-    <a href="#">Flagged Question Comments</a>
-    <a href="#">Flagged Answer Comments</a>
+  <div class="d-flex flex-column align-items-center">
+    <a class="mt-5" href="{% url 'moderation:reported_questions' %}">Flagged Questions</a>
+    <a class="mt-5" href="#">Flagged Answers</a>
+    <a class="mt-5" href="#">Flagged Question Comments</a>
+    <a class="mt-5" href="#">Flagged Answer Comments</a>
   </div>
 </div>
 {% endblock %}

moderation/templates/moderation/reported_questions.html

@@ -0,0 +1,13 @@
+{% extends 'main/base.html' %}
+
+{% block content %}
+
+  <div style="width: 800px; margin: auto;" class="d-flex flex-column mt-5">
+    {% for report in reported_question_list %}
+      <div class="p-4 h4">
+        <a href="{% url 'main:question_details' report.question.id %}">{{ report.question }} -- reports: {{ report.number_of_reports }} </a>
+      </div>
+    {% endfor %}
+  </div>
+
+{% endblock content %}