Skip to content

Commit 3e34e60

Browse files
amirch1amirch1
committedJul 22, 2024
fix(settings-media-repurposing): columns in Automation Manager tables are not resizable KMCNG-2654
·
v7.28.0v1.2.3
1 parent 5061664 commit 3e34e60

File tree

6 files changed

+54
-13
lines changed

6 files changed

+54
-13
lines changed
 

‎src/applications/settings-mr-app/logs/logs.component.html

+12-4
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,18 @@
3333
[stickyId]="'profilesTable'"
3434
(sortFunction)="onSortChanged($event)" [customSort]="true"
3535
(onColResize)="_columnsResizeManager.onColumnResize($event)">
36-
36+
<ng-template pTemplate="colgroup" let-columns>
37+
<colgroup>
38+
<col [ngStyle]="{'padding-left': '1em'}">
39+
<col>
40+
<col>
41+
<col>
42+
<col>
43+
</colgroup>
44+
</ng-template>
3745
<ng-template pTemplate="header">
3846
<tr>
39-
<th data-cid="rule" [ngStyle]="{'padding-left': '1em'}">
47+
<th data-cid="rule" [ngStyle]="{'padding-left': '1em'}" pResizableColumn>
4048
{{'applications.settings.mr.report.rule' | translate}}
4149
</th>
4250
<th data-cid="date" pResizableColumn [pSortableColumn]="'requestedDate'" [ngStyle]="{'width': '120px'}">
@@ -51,14 +59,14 @@
5159
{{'applications.settings.mr.report.type' | translate}}
5260
<p-sortIcon [field]="'type'"></p-sortIcon>
5361
</th>
54-
<th data-cid="download" [ngStyle]="{'width': '180px'}">
62+
<th data-cid="download" [ngStyle]="{'width': '180px'}" pResizableColumn>
5563
</th>
5664
</tr>
5765
</ng-template>
5866

5967
<ng-template pTemplate="body" let-report>
6068
<tr>
61-
<td [ngStyle]="{'padding-left': '1em'}">
69+
<td [ngStyle]="{'padding-left': '1em'}" >
6270
<span class="kTableColumn">
6371
{{report.managedTasksProfileName}}
6472
</span>

‎src/applications/settings-mr-app/logs/logs.component.scss

+5-1
Original file line numberDiff line numberDiff line change
@@ -208,7 +208,11 @@ p-table ::ng-deep tr:not(:last-child) .nameHolder {
208208
z-index: 1;
209209
background-color: white;
210210
}
211-
211+
:host ::ng-deep p-table {
212+
.p-datatable .p-datatable-thead > tr > th {
213+
border-left: 1px solid $kGrayscale6;
214+
}
215+
}
212216
@media screen and (max-width: 1310px) {
213217
.hideInLowRes {
214218
display: none;

‎src/applications/settings-mr-app/review/review.component.html

+15-4
Original file line numberDiff line numberDiff line change
@@ -48,17 +48,28 @@
4848
[(selection)]="_selectedReviews"
4949
(sortFunction)="onSortChanged($event)" [customSort]="true"
5050
(onColResize)="_columnsResizeManager.onColumnResize($event)">
51-
51+
<ng-template pTemplate="colgroup" let-columns>
52+
<colgroup>
53+
<col [ngStyle]="{'padding-left': '1.1em'}">
54+
<col>
55+
<col>
56+
<col>
57+
<col>
58+
<col>
59+
<col>
60+
<col>
61+
</colgroup>
62+
</ng-template>
5263
<ng-template pTemplate="header">
5364
<tr>
54-
<th class="selectionColumn" [ngStyle]="{'padding-left': '1.1em', 'width': '42px'}">
65+
<th class="selectionColumn" [ngStyle]="{'padding-left': '1.1em', 'width': '42px'}" pResizableColumn>
5566
<p-tableHeaderCheckbox></p-tableHeaderCheckbox>
5667
</th>
5768
<th data-cid="name" [ngStyle]="{'padding-left': '1em'}" pResizableColumn [pSortableColumn]="'objectName'">
5869
{{'applications.settings.authentication.table.name' | translate}}
5970
<p-sortIcon [field]="'objectName'"></p-sortIcon>
6071
</th>
61-
<th data-cid="id" [ngStyle]="{'width': '120px'}" class="hideInLowRes">
72+
<th data-cid="id" [ngStyle]="{'width': '120px'}" class="hideInLowRes" pResizableColumn>
6273
{{'applications.content.uploadControl.table.entryId' | translate}}
6374
</th>
6475
<th data-cid="type" pResizableColumn [ngStyle]="{'width': '60px'}">
@@ -76,7 +87,7 @@
7687
<p-sortIcon [field]="'plannedExecutionTime'"></p-sortIcon>
7788
</th>
7889

79-
<th data-cid="status" [ngStyle]="{'width': '100px'}">
90+
<th data-cid="status" [ngStyle]="{'width': '100px'}" pResizableColumn>
8091
{{'applications.settings.authentication.table.status' | translate}}
8192
</th>
8293
<th [ngStyle]="{'overflow': 'hidden', 'width': '70px'}"></th>

‎src/applications/settings-mr-app/review/review.component.scss

+5-1
Original file line numberDiff line numberDiff line change
@@ -247,7 +247,11 @@ p-table ::ng-deep tr:not(:last-child) .nameHolder {
247247
z-index: 1;
248248
background-color: white;
249249
}
250-
250+
:host ::ng-deep p-table {
251+
.p-datatable .p-datatable-thead > tr > th {
252+
border-left: 1px solid $kGrayscale6;
253+
}
254+
}
251255
@media screen and (max-width: 1310px) {
252256
.hideInLowRes {
253257
display: none;

‎src/applications/settings-mr-app/rules/rules.component.html

+12-3
Original file line numberDiff line numberDiff line change
@@ -26,14 +26,23 @@
2626
[stickyId]="'profilesTable'"
2727
(sortFunction)="onSortChanged($event)" [customSort]="true"
2828
(onColResize)="_columnsResizeManager.onColumnResize($event)">
29-
29+
<ng-template pTemplate="colgroup" let-columns>
30+
<colgroup>
31+
<col [ngStyle]="{'padding-left': '1em'}">
32+
<col>
33+
<col>
34+
<col>
35+
<col>
36+
<col>
37+
</colgroup>
38+
</ng-template>
3039
<ng-template pTemplate="header">
3140
<tr>
3241
<th data-cid="name" [ngStyle]="{'padding-left': '1em'}" pResizableColumn [pSortableColumn]="'name'">
3342
{{'applications.settings.authentication.table.name' | translate}}
3443
<p-sortIcon [field]="'name'"></p-sortIcon>
3544
</th>
36-
<th data-cid="description">
45+
<th data-cid="description" pResizableColumn>
3746
{{'applications.settings.authentication.table.description' | translate}}
3847
</th>
3948
<th data-cid="created" pResizableColumn [pSortableColumn]="'createdAt'" [ngStyle]="{'width': '100px'}">
@@ -48,7 +57,7 @@
4857
{{'applications.settings.mr.nextRun' | translate}}
4958
<p-sortIcon [field]="'nextRunDate'"></p-sortIcon>
5059
</th>
51-
<th data-cid="status" [ngStyle]="{'width': '70px'}">
60+
<th data-cid="status" [ngStyle]="{'width': '70px'}" pResizableColumn>
5261
{{'applications.settings.authentication.table.status' | translate}}
5362
</th>
5463
<th [ngStyle]="{'overflow': 'hidden', 'width': '80px'}"></th>

‎src/applications/settings-mr-app/rules/rules.component.scss

+5
Original file line numberDiff line numberDiff line change
@@ -166,3 +166,8 @@ p-table ::ng-deep tr:not(:last-child) .nameHolder {
166166
background-color: white;
167167
}
168168

169+
:host ::ng-deep p-table {
170+
.p-datatable .p-datatable-thead > tr > th {
171+
border-left: 1px solid $kGrayscale6;
172+
}
173+
}

0 commit comments

Comments
 (0)