|
49 | 49 | <mat-button-toggle |
50 | 50 | value="sortByISO" |
51 | 51 | (click)="changeTableBasedOnCurrentSort()" |
52 | | - >ISO</mat-button-toggle |
| 52 | + >ISO 27001:2017</mat-button-toggle |
53 | 53 | > |
| 54 | + <mat-button-toggle |
| 55 | + value="sortByISO22" |
| 56 | + (click)="changeTableBasedOnCurrentSort()" |
| 57 | + >ISO 27001:2022</mat-button-toggle |
| 58 | + > |
54 | 59 | </mat-button-toggle-group> |
55 | 60 | </section> |
56 | 61 | </div> |
|
80 | 85 | <th mat-header-cell *matHeaderCellDef>SAMM</th> |
81 | 86 | <td mat-cell *matCellDef="let element">{{ element.samm2 }}</td> |
82 | 87 | </ng-container> |
83 | | - <ng-container *ngIf="currentlySortingByTask || currentlySortingByISO"> |
| 88 | + <ng-container *ngIf="currentlySortingByTask || currentlySortingByISO || currentlySortingByISO22"> |
84 | 89 | <th mat-header-cell *matHeaderCellDef>SAMM</th> |
85 | 90 | <td mat-cell *matCellDef="let element"> |
86 | 91 | <ul> |
|
94 | 99 |
|
95 | 100 | <ng-container matColumnDef="ISO"> |
96 | 101 | <ng-container *ngIf="currentlySortingByISO"> |
97 | | - <th mat-header-cell *matHeaderCellDef>ISO</th> |
| 102 | + <th mat-header-cell *matHeaderCellDef>ISO 27001:2017</th> |
98 | 103 | <td mat-cell *matCellDef="let element">{{ element.ISO }}</td> |
99 | 104 | </ng-container> |
100 | 105 |
|
101 | | - <ng-container *ngIf="currentlySortingByTask || currentlySortingBySAMM"> |
102 | | - <th mat-header-cell *matHeaderCellDef>ISO</th> |
| 106 | + <ng-container *ngIf="currentlySortingByTask || currentlySortingBySAMM || currentlySortingByISO22"> |
| 107 | + <th mat-header-cell *matHeaderCellDef>ISO 27001:2017</th> |
103 | 108 | <td mat-cell *matCellDef="let element"> |
104 | 109 | <ul> |
105 | 110 | <li *ngFor="let ISOElement of element.ISO"> |
|
110 | 115 | </ng-container> |
111 | 116 | </ng-container> |
112 | 117 |
|
| 118 | + <ng-container matColumnDef="ISO22"> |
| 119 | + <ng-container *ngIf="currentlySortingByISO22"> |
| 120 | + <th mat-header-cell *matHeaderCellDef>ISO 27001:2022</th> |
| 121 | + <td mat-cell *matCellDef="let element">{{ element.ISO22 }}</td> |
| 122 | + </ng-container> |
| 123 | + |
| 124 | + <ng-container *ngIf="currentlySortingByTask || currentlySortingBySAMM || currentlySortingByISO"> |
| 125 | + <th mat-header-cell *matHeaderCellDef>ISO 27001:2022</th> |
| 126 | + <td mat-cell *matCellDef="let element"> |
| 127 | + <ul> |
| 128 | + <li *ngFor="let ISO22Element of element.ISO22"> |
| 129 | + {{ ISO22Element }} |
| 130 | + </li> |
| 131 | + </ul> |
| 132 | + </td> |
| 133 | + </ng-container> |
| 134 | + </ng-container> |
| 135 | + |
113 | 136 | <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
114 | 137 | <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr> |
115 | 138 | </table> |
|
132 | 155 | <th>Comments</th> |
133 | 156 | <th>Depends On</th> |
134 | 157 | <th>SAMM</th> |
135 | | - <th>ISO</th> |
| 158 | + <th>ISO 27001:2017</th> |
| 159 | + <th>ISO 27001:2022</th> |
136 | 160 | </tr> |
137 | 161 | <tr *ngFor="let item of allMappingDataSortedByISO"> |
138 | | - <td>{{ item.dimension }}</td> |
139 | | - <td>{{ item.subDimension }}</td> |
140 | | - <td>{{ item.taskName }}</td> |
141 | | - <td>{{ item.description }}</td> |
142 | | - <td>{{ item.risk }}</td> |
143 | | - <td>{{ item.measure }}</td> |
144 | | - <td>{{ item.knowledge }}</td> |
145 | | - <td>{{ item.resources }}</td> |
146 | | - <td>{{ item.time }}</td> |
147 | | - <td>{{ item.usefulness }}</td> |
148 | | - <td>{{ item.implementation }}</td> |
149 | | - <td>{{ item.assessment }}</td> |
150 | | - <td>{{ item.evidence }}</td> |
151 | | - <td>{{ item.comments }}</td> |
152 | | - <td>{{ item.dependsOn }}</td> |
153 | | - <td>{{ item.samm2 }}</td> |
154 | | - <td>{{ item.ISO }}</td> |
| 162 | + <!-- checking if item is defined and set & truncating at 32767 characters per cell to fit to excel limitations--> |
| 163 | + <td><ng-container *ngIf="item.dimension && item.dimension.length>0"> {{ item.dimension | slice:0:32767 }}</ng-container></td> |
| 164 | + <td><ng-container *ngIf="item.subDimension && item.subDimension.length>0"> {{ item.subDimension | slice:0:32767 }}</ng-container></td> |
| 165 | + <td><ng-container *ngIf="item.taskName && item.taskName.length>0"> {{ item.taskName | slice:0:32767 }}</ng-container></td> |
| 166 | + <td><ng-container *ngIf="item.description && item.description.length>0"> {{ item.description | slice:0:32767 }}</ng-container></td> |
| 167 | + <td><ng-container *ngIf="item.risk && item.risk.length>0"> {{ item.risk | slice:0:32767 }}</ng-container></td> |
| 168 | + <td><ng-container *ngIf="item.measure && item.measure.length>0"> {{ item.measure | slice:0:32767 }}</ng-container></td> |
| 169 | + <td><ng-container *ngIf="item.knowledge && item.knowledge.length>0"> {{ item.knowledge | slice:0:32767 }}</ng-container></td> |
| 170 | + <td><ng-container *ngIf="item.resources && item.resources.length>0"> {{ item.resources | slice:0:32767 }}</ng-container></td> |
| 171 | + <td><ng-container *ngIf="item.time && item.time.length>0"> {{ item.time | slice:0:32767 }}</ng-container></td> |
| 172 | + <td><ng-container *ngIf="item.usefulness && item.usefulness.length>0"> {{ item.usefulness | slice:0:32767 }}</ng-container></td> |
| 173 | + <td><ng-container *ngIf="item.implementation && item.implementation.length>0"> {{ item.implementation | slice:0:32767 }}</ng-container></td> |
| 174 | + <td><ng-container *ngIf="item.assessment && item.assessment.length>0"> {{ item.assessment | slice:0:32767 }}</ng-container></td> |
| 175 | + <td><ng-container *ngIf="item.evidence && item.evidence.length>0"> {{ item.evidence | slice:0:32767 }}</ng-container></td> |
| 176 | + <td><ng-container *ngIf="item.comments && item.comments.length>0"> {{ item.comments | slice:0:32767 }}</ng-container></td> |
| 177 | + <td><ng-container *ngIf="item.dependsOn && item.dependsOn.length>0"> {{ item.dependsOn | slice:0:32767 }}</ng-container></td> |
| 178 | + <td><ng-container *ngIf="item.samm2 && item.samm2.length>0"> {{ item.samm2 | slice:0:32767 }}</ng-container></td> |
| 179 | + <td><ng-container *ngIf="item.ISO && item.ISO.length>0"> {{ item.ISO | slice:0:32767 }}</ng-container></td> |
| 180 | + <td><ng-container *ngIf="item.ISO22 && item.ISO22.length>0"> {{ item.ISO22 | slice:0:32767 }}</ng-container></td> |
155 | 181 | </tr> |
156 | 182 | </table> |
157 | 183 | </div> |
0 commit comments