Added Moderator view to approve or delete threads

src/main/resources/static/App.js

@@ -41,11 +41,10 @@ function createThread() {
 }
 
 console.log(threads)
-var contentContainer = document.querySelector('#approvedThreadList');
+const contentContainer = document.querySelector('#approvedThreadList');
 for (let thread of threads) {
-    var html = `
+     const html = `
             <hr class="m-0">
-            <div id="approvedThreadList">
                 <div class="card-body py-3">
                     <div class="row no-gutters align-items-center">
                         <div class="col">
@@ -64,10 +63,36 @@ for (let thread of threads) {
                             ${thread.comments.length}
                         </div>
                     </div>
-                </div>
-            </div>`
-    contentContainer.insertAdjacentHTML('beforeend', html)
+                </div>`
+    contentContainer.insertAdjacentHTML('beforeend', html);
 }
 
-
-
+const modContentContainer = document.querySelector('#modThreadList');
+console.log(threads)
+for (let thread of threads) {
+    const modHtml = `
+            <hr class="m-0">
+                <div class="card-body py-3">
+                    <div class="row no-gutters align-items-center">
+                        <div class="col">
+                            <a href="file:///Users/harveybeynon/Documents/MSc%20Work/CMT652%20Web%20Applications/BootstrapForum/thread.html"
+                                class="text-big">
+                                ${thread.title}
+                            </a>
+                            <div class="text-muted small mt-1">
+                                ${new Date(thread.data).toLocaleString()} &nbsp;·&nbsp;
+                                <a href="/thread" class="text-muted">
+                                    ${thread.author}
+                                </a>
+                            </div>
+                        </div>
+                        <div class="col-2">
+                            ${thread.comments.length}
+                        </div>
+                    </div>
+                    <div>
+                    button to delete or approve student user created threads here ->
+                </div>
+                </div>`
+    modContentContainer.insertAdjacentHTML('beforeend', modHtml);
+}
\ No newline at end of file