Changeset 6165fd0 for src/Clients


Ignore:
Timestamp:
11/09/21 17:06:21 (3 years ago)
Author:
Стојков Марко <mst@…>
Branches:
dev
Children:
e071d30
Parents:
53bebc0
Message:

Delete answer and answer response

Location:
src/Clients/Angular/finki-chattery/src
Files:
4 added
10 edited

Legend:

Unmodified
Added
Removed

  • src/Clients/Angular/finki-chattery/src/app/core/services/student-question.service.ts

    r53bebc0 r6165fd0  
    1616    return this.auth.selfUser?.student?.uid === answerResponse.student.uid;
    1717  }
     18
     19  currentUserCanDeleteAnswer(answer: AnswerQuestionStateViewModel): boolean {
     20    return this.auth.selfUser?.student?.uid === answer.student.uid;
     21  }
     22
     23  currentUserCanNotDeleteAnswerBecauseMarkedCorrectEvenThoughHeIsTheAuthor(answer: AnswerQuestionStateViewModel): boolean {
     24    return this.auth.selfUser?.student?.uid === answer.student.uid && answer.correctAnswer;
     25  }
     26
     27  currentUserCanDeleteAnswerResponse(answerResponse: AnswerResponseQuestionStateViewModel): boolean {
     28    return this.auth.selfUser?.student?.uid === answerResponse.student.uid;
     29  }
    1830}

  • src/Clients/Angular/finki-chattery/src/app/core/state/question-facade.service.ts

    r53bebc0 r6165fd0  
    1515import {
    1616  AnswerQuestion,
     17  DeleteAnswer,
     18  DeleteAnswerResponse,
    1719  EditAnswerQuestion,
    1820  EditAnswerResponse,
    … …  
    101103  }
    102104
     105  public deleteAnswerResponse(answerUid: string, questionUid: string, answerResponseUid: string): void {
     106    this.dispatchEffect(new DeleteAnswerResponse(questionUid, answerUid, answerResponseUid));
     107  }
     108
     109  public deleteAnswer(answerUid: string, questionUid: string): void {
     110    this.dispatchEffect(new DeleteAnswer(questionUid, answerUid));
     111  }
     112
    103113  public fetchQuestion(questionUid: string): void {
    104114    this.dispatchEffect(new GetQuestionState(questionUid));

  • src/Clients/Angular/finki-chattery/src/app/core/state/question-state/question.actions.ts

    r53bebc0 r6165fd0  
    3333  EditAnswerResponse = '[Question] EditAnswerResponse',
    3434  EditAnswerResponseSuccess = '[Question] EditAnswerResponse Success',
     35  DeleteAnswer = '[Question] DeleteAnswer',
     36  DeleteAnswerSuccess = '[Question] DeleteAnswer Success',
     37  DeleteAnswerResponse = '[Question] DeleteAnswerResponse',
     38  DeleteAnswerResponseSuccess = '[Question] DeleteAnswerResponse Success',
    3539  EffectStartedWorking = '[Question] Effect Started Working',
    3640  EffectFinishedWorking = '[Question] Effect Finished Working',
    3741  EffectFinishedWorkingError = '[Question] Effect Finished Working error'
     42}
     43
     44export class DeleteAnswer implements Action {
     45  readonly type = QuestionActionTypes.DeleteAnswer;
     46
     47  constructor(public questionUid: string, public answerUid: string) {}
     48}
     49
     50export class DeleteAnswerSuccess implements Action {
     51  readonly type = QuestionActionTypes.DeleteAnswerSuccess;
     52
     53  constructor(public payload: string) {}
     54}
     55
     56export class DeleteAnswerResponse implements Action {
     57  readonly type = QuestionActionTypes.DeleteAnswerResponse;
     58
     59  constructor(public questionUid: string, public answerUid: string, public answerResponseUid: string) {}
     60}
     61
     62export class DeleteAnswerResponseSuccess implements Action {
     63  readonly type = QuestionActionTypes.DeleteAnswerResponseSuccess;
     64
     65  constructor(public payload: string, public answerUid: string) {}
    3866}
    3967
    … …  
    187215  | EditAnswerQuestionSuccess
    188216  | EditAnswerResponseSuccess
     217  | DeleteAnswerSuccess
     218  | DeleteAnswerResponseSuccess
    189219  | EffectStartedWorking
    190220  | EffectFinishedWorking

  • src/Clients/Angular/finki-chattery/src/app/core/state/question-state/question.effects.ts

    r53bebc0 r6165fd0  
    1919  AnswerQuestion,
    2020  AnswerQuestionSuccess,
     21  DeleteAnswer,
     22  DeleteAnswerResponse,
     23  DeleteAnswerResponseSuccess,
     24  DeleteAnswerSuccess,
    2125  EditAnswerQuestion,
    2226  EditAnswerQuestionSuccess,
    … …  
    236240    );
    237241  });
     242
     243  deleteResponseToAnswer$ = createEffect(() => {
     244    return this.actions$.pipe(
     245      ofType<DeleteAnswerResponse>(QuestionActionTypes.DeleteAnswerResponse),
     246      mergeMap((action) => {
     247        return this.api
     248          .delete<string>(`v1/questions/${action.questionUid}/answers/${action.answerUid}/answerresponses/${action.answerResponseUid}`)
     249          .pipe(
     250            tap((state) => this.notification.successNotification('success-delete-answer-response')),
     251            switchMap((state) => [new DeleteAnswerResponseSuccess(state, action.answerUid), new EffectFinishedWorking()]),
     252            catchError((err) => [new EffectFinishedWorkingError(err)])
     253          );
     254      })
     255    );
     256  });
     257
     258  deleteAnswer$ = createEffect(() => {
     259    return this.actions$.pipe(
     260      ofType<DeleteAnswer>(QuestionActionTypes.DeleteAnswer),
     261      mergeMap((action) => {
     262        return this.api.delete<string>(`v1/questions/${action.questionUid}/answers/${action.answerUid}`).pipe(
     263          tap((state) => this.notification.successNotification('success-delete-answer')),
     264          switchMap((state) => [new DeleteAnswerSuccess(state), new EffectFinishedWorking()]),
     265          catchError((err) => [new EffectFinishedWorkingError(err)])
     266        );
     267      })
     268    );
     269  });
    238270}

  • src/Clients/Angular/finki-chattery/src/app/core/state/question-state/question.reducers.ts

    r53bebc0 r6165fd0  
    162162      };
    163163    }
     164    case QuestionActionTypes.DeleteAnswerSuccess: {
     165      if (state.question) {
     166        return {
     167          ...state,
     168          question: {
     169            ...state.question,
     170            answers: state.question.answers.filter((x) => x.uid !== action.payload)
     171          }
     172        };
     173      }
     174
     175      return {
     176        ...state
     177      };
     178    }
     179    case QuestionActionTypes.DeleteAnswerResponseSuccess: {
     180      if (state.question) {
     181        return {
     182          ...state,
     183          question: {
     184            ...state.question,
     185            answers: state.question.answers.map((x) => {
     186              if (x.uid === action.answerUid) {
     187                return {
     188                  ...x,
     189                  answerResponses: x.answerResponses.filter((y) => y.uid !== action.payload)
     190                };
     191              }
     192
     193              return x;
     194            })
     195          }
     196        };
     197      }
     198
     199      return {
     200        ...state
     201      };
     202    }
    164203    case QuestionActionTypes.AnswerQuestionSuccess: {
    165204      if (state.question) {

  • src/Clients/Angular/finki-chattery/src/app/shared-app/components/components.ts

    r53bebc0 r6165fd0  
    11import { ButtonComponent } from './generic/button/button.component';
     2import { DeleteConfirmDialogComponent } from './generic/delete-confirm-dialog/delete-confirm-dialog.component';
    23import { FileUploadComponent } from './generic/file-upload/file-upload.component';
    34import { FormErrorComponent } from './generic/form-error/form-error.component';
    … …  
    3233  AnswerQuestionComponent,
    3334  EditAnswerDialogComponent,
    34   EditAnswerResponseDialogComponent
     35  EditAnswerResponseDialogComponent,
     36  DeleteConfirmDialogComponent
    3537];

  • src/Clients/Angular/finki-chattery/src/app/shared-app/components/question/question-preview/question-preview.component.html

    r53bebc0 r6165fd0  
    4848              {{ answerResponse.createdOn | momentDate: 'LL' }}
    4949              <span
    50                 class="cursor text-bold"
     50                class="cursor text-bold padding-right-sm"
    5151                *ngIf="studentQuestion.currentUserCanEditAnswerResponse(answerResponse)"
    5252                (click)="editAnswerResponse(question.uid, answer.uid, answerResponse.uid, answerResponse.text)"
    5353                >{{ 'question-preview-edit-answer-response' | translate }}</span
     54              >
     55              <span
     56                class="cursor text-bold"
     57                *ngIf="studentQuestion.currentUserCanDeleteAnswerResponse(answerResponse)"
     58                (click)="deleteAnswerResponse(question.uid, answer.uid, answerResponse.uid)"
     59                >{{ 'delete-button' | translate }}</span
    5460              >
    5561              <hr />
    … …  
    6874          >{{ 'question-preview-edit-answer' | translate }}</app-button
    6975        >
     76        <app-button
     77          *ngIf="studentQuestion.currentUserCanDeleteAnswer(answer)"
     78          [disabled]="studentQuestion.currentUserCanNotDeleteAnswerBecauseMarkedCorrectEvenThoughHeIsTheAuthor(answer)"
     79          matTooltip="{{ 'question-preview-can-not-delete-because-marked-correct' | translate }}"
     80          [matTooltipDisabled]="!studentQuestion.currentUserCanNotDeleteAnswerBecauseMarkedCorrectEvenThoughHeIsTheAuthor(answer)"
     81          (action)="deleteAnswer(question.uid, answer.uid)"
     82          [buttonType]="ButtonType.Basic"
     83          >{{ 'delete-button' | translate }}</app-button
     84        >
    7085      </mat-card-actions>
    7186    </mat-card>

  • src/Clients/Angular/finki-chattery/src/app/shared-app/components/question/question-preview/question-preview.component.ts

    r53bebc0 r6165fd0  
    5858    this.dialog.editResponseToAnswer(questionUid, answerUid, answerResponseUid, text);
    5959  }
     60
     61  deleteAnswer(questionUid: string, answerUid: string): void {
     62    this.dialog.confirmDelete().subscribe((canDelete) => {
     63      if (canDelete) {
     64        this.questionFacade.deleteAnswer(answerUid, questionUid);
     65      }
     66    });
     67  }
     68
     69  deleteAnswerResponse(questionUid: string, answerUid: string, answerResponseUid: string): void {
     70    this.dialog.confirmDelete().subscribe((canDelete) => {
     71      if (canDelete) {
     72        this.questionFacade.deleteAnswerResponse(answerUid, questionUid, answerResponseUid);
     73      }
     74    });
     75  }
    6076}

  • src/Clients/Angular/finki-chattery/src/app/shared-app/services/shared-dialog.service.ts

    r53bebc0 r6165fd0  
    22import { MatDialog, MatDialogRef } from '@angular/material/dialog';
    33import { Observable } from 'rxjs';
     4import { DeleteConfirmDialogComponent } from '../components/generic/delete-confirm-dialog/delete-confirm-dialog.component';
    45import { EditAnswerDialogComponent } from '../components/question/edit-answer-dialog/edit-answer-dialog.component';
    56// tslint:disable-next-line: max-line-length
    … …  
    5455    return dialogRef.afterClosed();
    5556  }
     57
     58  public confirmDelete(title?: string): Observable<any> {
     59    let dialogRef: MatDialogRef<DeleteConfirmDialogComponent>;
     60    dialogRef = this.dialog.open(DeleteConfirmDialogComponent, {
     61      width: '650px',
     62      height: 'auto'
     63    });
     64
     65    if (title) {
     66      dialogRef.componentInstance.title = title;
     67    }
     68
     69    return dialogRef.afterClosed();
     70  }
    5671}

  • src/Clients/Angular/finki-chattery/src/assets/translations/en.json

    r53bebc0 r6165fd0  
    7373  "question-preview-edit-answer": "Edit answer",
    7474  "question-preview-edit-answer-response": "Edit response",
     75  "success-delete-answer-response": "Successfully deleted answer response",
     76  "success-delete-answer": "Successfully deleted answer",
     77  "delete-button": "Delete",
     78  "delete-basic-title": "Are you sure you want to delete this?",
     79  "question-preview-can-not-delete-because-marked-correct": "Even though you are the author of the answer, it can not be deleted because it's marked as correct by the user who asked the question",
    7580  "StudentDoesNotOwnQuestion": "You do not own this question",
    7681  "AnswerAlreadyUpvoted": "You have already upvoted this answer",
Note: See TracChangeset for help on using the changeset viewer.