Result Pie Charts

backend/src/answer/answer.controller.spec.ts

@@ -4,6 +4,7 @@ import { Repository } from 'typeorm';
 import { AnswerController } from './answer.controller';
 import { AnswerService } from './answer.service';
 import { PollService } from '../poll/poll.service';
+import { VoteGateway } from '../vote/vote.gateway';
 
 describe('AnswerController', () => {
   let controller: AnswerController;
@@ -15,6 +16,7 @@ describe('AnswerController', () => {
         AnswerService,
         QuestionService,
         PollService,
+        VoteGateway,
         {
           provide: 'AnswerRepository',
           useClass: Repository,

backend/src/answer/answer.controller.ts

@@ -11,6 +11,7 @@ import {
 } from '@nestjs/common';
 import {
   ApiCreatedResponse,
+  ApiNoContentResponse,
   ApiNotFoundResponse,
   ApiOkResponse,
   ApiTags,
@@ -110,6 +111,28 @@ export class AnswerController {
     return this.sanitized(answer);
   }
 
+  @Post(':answerId/vote')
+  @ApiNoContentResponse({
+    description: 'Vote recorded successfully',
+  })
+  @ApiNotFoundResponse({
+    type: null,
+    description: 'No answer with the given id has been found',
+  })
+  async vote(
+    @Param('pollId') pollId: number,
+    @Param('questionId') questionId: number,
+    @Param('answerId') answerId: number,
+    @Res({ passthrough: true }) res: Response,
+  ): Promise<null> {
+    const result = await this.answerService.increaseCount(answerId);
+    if (!result) {
+      res.status(404);
+      return;
+    }
+    res.status(204);
+  }
+
   // @Patch(':answerId')
   // @ApiOkResponse({
   //   type: [Answer],

backend/src/answer/answer.module.ts

@@ -4,9 +4,10 @@ import { AnswerController } from './answer.controller';
 import { TypeOrmModule } from '@nestjs/typeorm';
 import Answer from '../models/answer';
 import { QuestionModule } from '../question/question.module';
+import { VoteModule } from '../vote/vote.module';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Answer]), QuestionModule],
+  imports: [TypeOrmModule.forFeature([Answer]), QuestionModule, VoteModule],
   controllers: [AnswerController],
   providers: [AnswerService],
   exports: [AnswerService],

backend/src/answer/answer.service.spec.ts

@@ -3,6 +3,7 @@ import { QuestionService } from '../question/question.service';
 import { Repository } from 'typeorm';
 import { AnswerService } from './answer.service';
 import { PollService } from '../poll/poll.service';
+import { VoteGateway } from '../vote/vote.gateway';
 
 describe('AnswerService', () => {
   let service: AnswerService;
@@ -12,6 +13,7 @@ describe('AnswerService', () => {
       providers: [
         AnswerService,
         QuestionService,
+        VoteGateway,
         PollService,
         {
           provide: 'AnswerRepository',

backend/src/answer/answer.service.ts

@@ -5,6 +5,7 @@ import { QuestionService } from '../question/question.service';
 import { Repository } from 'typeorm';
 import { CreateAnswerDto } from './dto/create-answer.dto';
 import { UpdateAnswerDto } from './dto/update-answer.dto';
+import { VoteGateway } from '../vote/vote.gateway';
 
 @Injectable()
 export class AnswerService {
@@ -13,6 +14,8 @@ export class AnswerService {
     private answerRepository: Repository<Answer>,
     @Inject(QuestionService)
     private questionService: QuestionService,
+    @Inject(VoteGateway)
+    private voteGateway: VoteGateway,
   ) {}
 
   async create(
@@ -50,6 +53,17 @@ export class AnswerService {
     });
   }
 
+  async increaseCount(answerId: number): Promise<boolean> {
+    const result = await this.answerRepository.increment(
+      { id: answerId },
+      'count',
+      1,
+    );
+    this.voteGateway.notifyListeners();
+
+    return result.affected == 1;
+  }
+
   // async update(
   //   pollId: number,
   //   questionId: number,

backend/src/app.module.ts

@@ -2,18 +2,19 @@ import { Module } from '@nestjs/common';
 import { TypeOrmModule } from '@nestjs/typeorm';
 import options from './config/ormconfig';
 import { PollModule } from './poll/poll.module';
-import { VoteGateway } from './vote/vote.gateway';
 import { QuestionModule } from './question/question.module';
 import { AnswerModule } from './answer/answer.module';
+import { VoteModule } from './vote/vote.module';
 
 @Module({
   imports: [
     TypeOrmModule.forRoot(options),
     PollModule,
     QuestionModule,
     AnswerModule,
+    VoteModule,
   ],
   controllers: [],
-  providers: [VoteGateway],
+  providers: [],
 })
 export class AppModule {}

backend/src/types/voting.d.ts

@@ -7,8 +7,6 @@ interface ServerToClientEvents {
 }
 
 interface VotePayload {
-  pollCode: string;
-  questionID: number;
   answerID: number;
 }
 

backend/src/vote/vote.gateway.ts

@@ -1,38 +1,17 @@
-import {
-  SubscribeMessage,
-  WebSocketGateway,
-  WebSocketServer,
-} from '@nestjs/websockets';
+import { WebSocketGateway, WebSocketServer } from '@nestjs/websockets';
 import { Server } from 'socket.io';
 
-interface UpdatePayload {
-  votes: number;
-}
-
 interface ServerToClientEvents {
-  update: (payload: UpdatePayload) => void;
-}
-
-interface VotePayload {
-  pollCode: string;
-  questionID: number;
-  answerID: number;
-}
-
-interface ClientToServerEvents {
-  vote: (payload: VotePayload) => void;
+  update: () => void;
 }
 
-export type VoteServer = Server<ClientToServerEvents, ServerToClientEvents>;
+export type VoteServer = Server<Record<string, never>, ServerToClientEvents>;
 
 @WebSocketGateway()
 export class VoteGateway {
   @WebSocketServer() server: VoteServer;
-  private votes = 0;
 
-  @SubscribeMessage('vote')
-  handleMessage(client: any, payload: VotePayload): void {
-    this.votes++;
-    this.server.emit('update', { votes: this.votes });
+  notifyListeners() {
+    this.server.emit('update');
   }
 }

backend/src/vote/vote.module.ts

@@ -0,0 +1,8 @@
+import { Module } from '@nestjs/common';
+import { VoteGateway } from './vote.gateway';
+
+@Module({
+  providers: [VoteGateway],
+  exports: [VoteGateway],
+})
+export class VoteModule {}

frontend/index.html

@@ -12,7 +12,7 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
     />
-    <title>Vite App</title>
+    <title>SolidPolls</title>
   </head>
   <body>
     <div id="root"></div>