Participation on the front end done

server/house/model.js

@@ -210,4 +210,15 @@ model.warParticipation = async (user_id, house_id, decision) => {
     await db.con.query('COMMIT;');
 }
 
+model.getParticipation = async (house_id) => {
+    const sql_text = `SELECT u.username, uw.decision
+                      FROM users as u
+                      LEFT JOIN users_war as uw ON uw.user_id = u.id
+                      LEFT JOIN war_days as w ON w.id = uw.war_id
+                      WHERE uw.house_id = ? AND w.completed = 0;`;
+
+    const data = await db.con.query(sql_text, [house_id]);
+    return data;
+}
+
 module.exports = model;
\ No newline at end of file

server/house/route.js

@@ -315,6 +315,18 @@ authRouter.delete('/:house_id', async (context, next) => {
     }
 });
 
+authRouter.get('/participation', async (context, next) => {
+    hasHouse(context);
+    try{
+        const data = await houseModel.getParticipation(context.user.house_id);
+        context.response.status = 200;
+        context.response.body = data;
+    }catch(error){
+        console.log(error);
+        context.throw('Failed to get Participation');
+    }
+});
+
 authRouter.post('/participation', async (context, next) => {
     hasHouse(context);
     const body = context.request.body;

web/myhouse/controller.js

@@ -45,6 +45,7 @@ class MyHouseController{
     }
 
     async refresh(){
+        this.getParticipation();
         this.getMembers();
         this.getPermissionLevel();
         this.getRequests();
@@ -108,7 +109,23 @@ class MyHouseController{
     }
 
     async attempParticipate(decision){
-        console.log(decision)
+        try{
+            await this.sync.updateParticipation(decision);
+            alert('Update Successfull');
+            this.refresh();
+        }catch(error){
+            console.log(error);
+            alert('Failed to Update Participaation');
+        }
+    }
+
+    async getParticipation(){
+        try{
+            const data = await this.sync.getParticipation();
+            this.view.drawParticipationTable(data);
+        }catch(error){
+            console.log(error);
+        }
     }
 
     async getPermissionLevel(){

web/myhouse/member_units_view.js

@@ -18,7 +18,6 @@ class MemberUnitsView extends EventTarget{
     }
 
     drawTable(data){
-        console.log(data)
         this.table_view.drawTable(data);
     }
 

web/myhouse/participation_view.js

@@ -28,7 +28,7 @@ class ParticipationView extends EventTarget{
     }
 
     drawTable(data){
-        this.table_view(data);
+        this.table_view.drawTable(data);
     }
 }
 

web/myhouse/sync.js

@@ -85,9 +85,31 @@ class Sync{
         }
 
         const data = await response.json();
+        return data;
+    }
+
+    async getParticipation(){
+        const response = await fetch('/api/house/participation');
+        if(!response.ok){
+            throw Error('Failed to get participations');
+        }
 
+        const data = await response.json();
         return data;
     }
+
+    async updateParticipation(decision){
+        const response = await fetch('/api/house/participation',{
+            method: "POST",
+            body: JSON.stringify({decision: decision}),
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        });
+        if(!response.ok){
+            throw Error('Failed to Update Participation');
+        }
+    }
 }
 
 export default Sync;
\ No newline at end of file

web/myhouse/view.js

@@ -37,6 +37,10 @@ class MyHouseController extends EventTarget{
         });
     }
 
+    drawParticipationTable(data){
+        this.participation_view.drawTable(data);
+    }
+
     drawMemberUnitsTable(data){
         this.member_units_view.drawTable(data);
     }