change activity buttons added event listeners

app/admin/static/admin.js

@@ -1,11 +1,14 @@
-var archiveButtons = document.getElementsByClassName('archive-button');
+const archiveButtons = document.getElementsByClassName('archive-button');
+const activityButtons = document.getElementsByClassName('change-activity-btn');
+
+for(let i = 0; i < activityButtons.length; i++){
+    activityButtons[i].addEventListener('change', e => {
+        console.log(e.target.checked, e.target.id)
+    })
+}
+
 for(let i = 0; i < archiveButtons.length; i++){
     archiveButtons[i].addEventListener('click', e => {
         console.log(e.target.id)
     })
 }
-
-
-// archiveButton.addEventListener('change', (e) => {
-//     console.log(e)
-// })

app/admin/templates/administration.html

@@ -51,9 +51,9 @@
                     <td>{{campaign.active}}</td>
                     <td>
                         <label class="switch">
-                            <input type="checkbox" {% if campaign.active %}checked{%endif%}>
+                            <input type="checkbox" id="{{campaign.id}}" class="change-activity-btn" {%if campaign.active%}checked{%endif%}>
                             <span class="slider round"></span>
-                          </label>
+                        </label>
                     </td>
                     <td><button id="{{campaign.id}}" class="archive-button btn btn-primary">Click to archive</button></td>
                 </tr>