file table last modified

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/added-column/added-column.component.html

@@ -1,3 +0,0 @@
-<div [class.error]="file.isError" class="small-label">
-    {{ file.added | date: 'd MMM. yyyy, hh:mm a' }}
-</div>

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/added-column/added-column.component.ts

@@ -1,12 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { File } from '@red/domain';
-
-@Component({
-    selector: 'redaction-added-column',
-    templateUrl: './added-column.component.html',
-    styleUrls: ['./added-column.component.scss'],
-    changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AddedColumnComponent {
-    @Input() file: File;
-}

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/date-column/date-column.component.html

@@ -0,0 +1,3 @@
+<div [class.error]="isError" class="small-label">
+    {{ date | date: 'd MMM. yyyy, hh:mm a' }}
+</div>

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/date-column/date-column.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+
+@Component({
+    selector: 'redaction-date-column',
+    templateUrl: './date-column.component.html',
+    styleUrls: ['./date-column.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class DateColumnComponent {
+    @Input() isError: boolean;
+    @Input() date: string;
+}

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/components/table-item/table-item.component.html

@@ -3,7 +3,11 @@
 </div>
 
 <div class="cell">
-    <redaction-added-column [file]="file"></redaction-added-column>
+    <redaction-date-column [date]="file.added" [isError]="file.isError"></redaction-date-column>
+</div>
+
+<div class="cell">
+    <redaction-date-column [date]="file.lastUpdated" [isError]="file.isError"></redaction-date-column>
 </div>
 
 <div *ngFor="let config of displayedAttributes" class="cell">

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/config.service.ts

@@ -127,12 +127,12 @@ export class ConfigService {
                 width: '3fr',
             },
             {
-                label: _('dossier-overview.table-col-name.last-modified'),
+                label: _('dossier-overview.table-col-names.added-on'),
+                sortByKey: 'added',
                 width: '2fr',
             },
             {
-                label: _('dossier-overview.table-col-names.added-on'),
-                sortByKey: 'added',
+                label: _('dossier-overview.table-col-names.last-modified'),
                 width: '2fr',
             },
             ...dynamicColumns,

apps/red-ui/src/app/modules/dossier/screens/dossier-overview/dossier-overview.module.ts

@@ -17,7 +17,7 @@ import { WorkflowItemComponent } from './components/workflow-item/workflow-item.
 import { ScreenHeaderComponent } from './components/screen-header/screen-header.component';
 import { ViewModeSelectionComponent } from './components/view-mode-selection/view-mode-selection.component';
 import { FileNameColumnComponent } from './components/table-item/file-name-column/file-name-column.component';
-import { AddedColumnComponent } from './components/table-item/added-column/added-column.component';
+import { DateColumnComponent } from './components/table-item/date-column/date-column.component';
 import { BulkActionsService } from './services/bulk-actions.service';
 
 const routes: Routes = [
@@ -44,7 +44,7 @@ const routes: Routes = [
         ScreenHeaderComponent,
         ViewModeSelectionComponent,
         FileNameColumnComponent,
-        AddedColumnComponent,
+        DateColumnComponent,
     ],
     providers: [ConfigService, BulkActionsService],
     imports: [RouterModule.forChild(routes), CommonModule, SharedModule, SharedDossiersModule, IqserIconsModule, TranslateModule],