add archive access

app/admin/routes.py

@@ -17,3 +17,9 @@ def administration():
     return render_template('administration.html',
                            users=users,
                            campaigns=campaigns)
+
+@admin.route('archive')
+def archive():
+    archived_campaigns = Campaign.query.filter_by(archived=True).all()
+    return render_template('archive.html',
+                           archived_campaigns=archived_campaigns)

app/admin/static/archive.js

@@ -0,0 +1,31 @@
+const unArchiveButtons = document.getElementsByClassName('unarchive-button');
+
+
+function deactivateUnArchiveButtons(){
+    for (let i = 0; i < unArchiveButtons.length; i++){
+        unArchiveButtons[i].disabled=true;
+    }
+}
+function activateUnArchiveButtons(){
+    for (let i = 0; i < unArchiveButtons.length; i++){
+        unArchiveButtons[i].disabled=false;
+    }
+}
+
+
+async function unArchiveCampaign(id){
+    deactivateUnArchiveButtons()
+    var result = await fetch(`/campaigns/campaign_api/un_archive_campaign/${id}`, {method:'PUT'});
+    var data = await result.json();
+    document.getElementById(`${id}-row`).remove();
+    activateUnArchiveButtons()
+}
+
+
+document.addEventListener("DOMContentLoaded", (event) => {
+    for(let i = 0; i < unArchiveButtons.length; i++){
+        unArchiveButtons[i].addEventListener('click', e => {
+            unArchiveCampaign(parseInt(e.target.value))
+        })
+    }
+  });

app/admin/templates/archive.html

@@ -0,0 +1,38 @@
+{% extends 'base.html' %}
+{% block title %}Archive{% endblock title %}
+{% block stylesheet %}{% endblock stylesheet %}
+{% block content %}
+<main>
+    <div class="container my-4 px-5">
+        <h2 class="text-center">Archived Campaigns</h2>
+        
+        <table class="table table-bordered table-striped custom-table">
+            <thead class="table-dark">
+                <tr>
+                    <th>Title</th>
+                    <th>Goal</th>
+                    <th>Raised</th>
+                    <th>Campaign Link</th>
+                    <th>Unarchive?</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for campaign in archived_campaigns %}
+                    <tr id="{{campaign.id}}-row">
+                        <td>{{campaign.title}}</td>
+                        <td>{{campaign.goal}}</td>
+                        <td>{{campaign.get_amount_raised()}}</td>
+                        <td><a href="{{url_for('campaigns.campaign_page', campaign_id=campaign.id)}}">See campaign details</a></td>
+                        <td><button 
+                            id="unarchive-button-{{campaign.id}}" 
+                            value="{{campaign.id}}" 
+                            class="unarchive-button btn btn-primary">Click to un-archive</button>
+                        </td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</main>
+<script src="{{url_for('.static', filename='archive.js')}}"></script>
+{% endblock content %}

app/main/templates/base.html

@@ -18,6 +18,7 @@
             <a href="{{url_for('users.user_page', user_id=current_user.id)}}" style="text-decoration: none;"><span class="navbar-brand">User Page</span></a>
             {% if current_user.user_type == 'Admin' %}
                 <a href="{{url_for('admin.administration')}}" style="text-decoration: none;"><span class="navbar-brand">Admin Management</span></a>
+                <a href="{{url_for('admin.archive')}}" style="text-decoration: none;"><span class="navbar-brand">Archive</span></a>
             {% endif %}
             <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
             <div class="navbar-nav">