feat(page-task): show warning after deadline

Author: esoadamo

src/app/components/tasks/page-task/page-task.component.html

@@ -9,6 +9,10 @@ <h2 class="task-title" [innerHTML]="task.head.title"></h2>
     <span class="deadline">{{'tasks.deadline' | translate}}: {{task.head.time_deadline | ksiDate}} 23:59, {{task.head.max_score | translatePoints}}</span>
   </div>
 
+  <div *ngIf="deadlinePassed$ | async" class="alert alert-warning">
+    {{'tasks.deadline-passed'|translate}}
+  </div>
+
   <div *ngIf="(subpage$ | async) !== templateBodyAssigment" class="back" >
     <a routerLink="." [fragment]="undefined">
       {{icon.BACK}} {{'tasks.back-to-assigment' | translate}}
@@ -63,12 +67,15 @@ <h4>{{'tasks.assessment.comment'|translate}}</h4>
         </a>
 
         <a *ngIf="task.detail.taskDetails.best_scores.length > 0" class='results' routerLink="." [fragment]="routes.routes.tasks.results">
-          {{'tasks.results' | translate}} ({{task.detail.userScores.length}})
+          {{'tasks.results' | translate}} ({{task.detail.userScores.length + (task.detail.userScores.length >= 100 ? '+' : '')}})
         </a>
       </div>
     </div>
 
     <div class="modules">
+      <div *ngIf="deadlinePassed$ | async" class="alert alert-warning">
+        {{'tasks.deadline-passed'|translate}}
+      </div>
       <ksi-task-module class="module" *ngFor="let module of task.detail.modules" [module]="module">
       </ksi-task-module>
     </div>
@@ -87,6 +94,7 @@ <h4>{{'tasks.assessment.comment'|translate}}</h4>
 
 <ng-template #bodyResults>
   <ng-container *ngIf="(task$ | async) as task">
+    <ksi-spinner [source]="userScores$"></ksi-spinner>
     <table class="table table-striped results-table table-responsive-md" ksiTheme>
       <thead>
       <tr>

src/app/components/tasks/page-task/page-task.component.ts

@@ -24,6 +24,7 @@ import {UserScore} from '../../../../api/backend';
 })
 export class PageTaskComponent implements OnInit, OnDestroy {
   task$: Observable<TaskFullInfo | null>;
+  deadlinePassed$: Observable<boolean>;
   authors$: Observable<number[]>;
   subpage$: Observable<TemplateRef<unknown>>;
 
@@ -189,6 +190,8 @@ export class PageTaskComponent implements OnInit, OnDestroy {
         return userScores;
       })
     );
+
+    this.deadlinePassed$ = this.task$.pipe(map((task) => task?.head && new Date(task.head.time_deadline) < new Date() || false));
   }
 
   ngOnDestroy(): void {

src/assets/i18n/cs.json

@@ -236,6 +236,7 @@
       "comment-none": "K tvému odevzdání nebyl přidán žádný komentář opravujícího"
     },
     "deadline": "Datum ukončení",
+    "deadline-passed": "Termín odevzdání úlohy již uplynul, úloha nepříjmá nové odpovědi",
     "feedback": {
       "send": "Odeslat zpětnou vazbu",
       "sent": "Máme to, díky!",