Merge pull request #2648 from bcgov/2500-close-chronology-on-ce-file

2500/2606: Close chronology on C&E file

Author: trslater

alcs-frontend/src/app/features/compliance-and-enforcement/details/chronology/chronology.component.html

@@ -1,19 +1,54 @@
 <div class="actions">
-  <button *ngIf="entries.length > 0" mat-stroked-button color="primary" type="button" [disabled]="hasDraftEntries()">
-    Close Chronology
-  </button>
+  <ng-container *ngIf="!file?.chronologyClosedAt; else reopenButtonTemplate">
+    <button
+      *ngIf="entries.length > 0"
+      mat-stroked-button
+      color="primary"
+      type="button"
+      (click)="confirmCloseChronology()"
+      [disabled]="hasDraftEntries()"
+    >
+      Close Chronology
+    </button>
+  </ng-container>
+
+  <ng-template #reopenButtonTemplate>
+    <button
+      mat-stroked-button
+      color="primary"
+      type="button"
+      (click)="confirmReopenChronology()"
+      [disabled]="hasDraftEntries()"
+    >
+      Re-open Chronology
+    </button>
+  </ng-template>
 
-  <button mat-flat-button color="primary" type="button" (click)="createDraftEntry()" [disabled]="hasDraftEntries()">
+  <button
+    *ngIf="!file?.chronologyClosedAt"
+    mat-flat-button
+    color="primary"
+    type="button"
+    (click)="createDraftEntry()"
+    [disabled]="hasDraftEntries()"
+  >
     + Chronology Entry
   </button>
 </div>
 
 <div *ngIf="entries.length > 0; else noEntries" class="entries">
+  <div *ngIf="file?.chronologyClosedAt" class="final-entry">
+    <div class="final-entry-date">{{ file?.chronologyClosedAt | date: 'yyyy-MMM-dd' }}</div>
+    <div class="final-entry-main">
+      <strong>Chronology Closed by {{ file?.chronologyClosedBy?.prettyName }}</strong>
+    </div>
+  </div>
   <app-compliance-and-enforcement-chronology-entry
     *ngFor="let entry of entries"
     [entry]="entry"
+    [authors]="authors"
     [datesInUse]="datesInUse(entry.uuid)"
-    [editDisabled]="hasDraftEntries()"
+    [editDisabled]="hasDraftEntries() || !!file?.chronologyClosedAt"
     (edit)="setDraft($event)"
     (complete)="completeDraftEntry($event)"
     (delete)="confirmEntryDelete($event)"

alcs-frontend/src/app/features/compliance-and-enforcement/details/chronology/chronology.component.scss

@@ -7,6 +7,33 @@
   margin-bottom: 24px;
 }
 
+.final-entry {
+  display: flex;
+
+  background-color: colors.$grey-light;
+}
+
+.final-entry-date,
+.final-entry-main {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  padding: 20px;
+}
+
+.final-entry-date {
+  color: colors.$grey-dark;
+  width: 210px;
+  flex-shrink: 0;
+  border-right: 1px solid colors.$grey;
+}
+
+.final-entry-main {
+  flex-grow: 1;
+  gap: 24px;
+  position: relative;
+}
+
 .entries {
   border: 1px solid colors.$grey;
   border-radius: 8px;