Add scope="col" to column headers

This commit is contained in:
Chocobozzz 2023-10-05 16:20:15 +02:00
parent d6a31f9bef
commit 84bcfdaeff
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
18 changed files with 116 additions and 116 deletions

View File

@ -28,14 +28,14 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 150px;" i18n>Actions</th> <th scope="col" style="width: 150px;" i18n>Actions</th>
<th i18n>Follower</th> <th scope="col" i18n>Follower</th>
<th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th>
<th style="width: 100px;" i18n pSortableColumn="score">Score <p-sortIcon field="score"></p-sortIcon></th> <th scope="col" style="width: 100px;" i18n pSortableColumn="score">Score <p-sortIcon field="score"></p-sortIcon></th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -33,14 +33,14 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 150px;" i18n>Action</th> <th scope="col" style="width: 150px;" i18n>Action</th>
<th i18n>Following</th> <th scope="col" i18n>Following</th>
<th style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" style="width: 100px;" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
<th style="width: 160px;" i18n pSortableColumn="redundancyAllowed">Redundancy allowed <p-sortIcon field="redundancyAllowed"></p-sortIcon></th> <th scope="col" style="width: 160px;" i18n pSortableColumn="redundancyAllowed">Redundancy allowed <p-sortIcon field="redundancyAllowed"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -24,13 +24,13 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 150px;" i18n>Action</th> <th scope="col" style="width: 150px;" i18n>Action</th>
<th style="width: 160px;" i18n *ngIf="isDisplayingRemoteVideos()">Strategy</th> <th scope="col" style="width: 160px;" i18n *ngIf="isDisplayingRemoteVideos()">Strategy</th>
<th i18n pSortableColumn="name">Video <p-sortIcon field="name"></p-sortIcon></th > <th scope="col" i18n pSortableColumn="name">Video <p-sortIcon field="name"></p-sortIcon></th >
<th style="width: 100px;" i18n *ngIf="isDisplayingRemoteVideos()">Total size</th> <th scope="col" style="width: 100px;" i18n *ngIf="isDisplayingRemoteVideos()">Total size</th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -28,22 +28,22 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <!-- header --> <tr> <!-- header -->
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 150px;"> <th scope="col" style="width: 150px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n>Account</th> <th scope="col" i18n>Account</th>
<th i18n>Email</th> <th scope="col" i18n>Email</th>
<th i18n>Channel</th> <th scope="col" i18n>Channel</th>
<th i18n>Registration reason</th> <th scope="col" i18n>Registration reason</th>
<th i18n pSortableColumn="state" style="width: 80px;">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" i18n pSortableColumn="state" style="width: 80px;">State <p-sortIcon field="state"></p-sortIcon></th>
<th i18n>Moderation response</th> <th scope="col" i18n>Moderation response</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Requested on <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Requested on <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -20,16 +20,16 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 150px;"> <th scope="col" style="width: 150px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n pSortableColumn="name">Video <p-sortIcon field="name"></p-sortIcon></th> <th scope="col" i18n pSortableColumn="name">Video <p-sortIcon field="name"></p-sortIcon></th>
<th style="width: 100px;" i18n>Sensitive</th> <th scope="col" style="width: 100px;" i18n>Sensitive</th>
<th style="width: 120px;" i18n>Unfederated</th> <th scope="col" style="width: 120px;" i18n>Unfederated</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -34,19 +34,19 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 150px;"> <th scope="col" style="width: 150px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th style="width: 300px;" i18n>Account</th> <th scope="col" style="width: 300px;" i18n>Account</th>
<th style="width: 300px;" i18n>Video</th> <th scope="col" style="width: 300px;" i18n>Video</th>
<th i18n>Comment</th> <th scope="col" i18n>Comment</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -33,13 +33,13 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 70px;"> <th scope="col" style="width: 70px;">
<div class="c-hand column-toggle" ngbDropdown placement="bottom-left auto" container="body" autoClose="outside"> <div class="c-hand column-toggle" ngbDropdown placement="bottom-left auto" container="body" autoClose="outside">
<my-global-icon iconName="columns" ngbDropdownToggle></my-global-icon> <my-global-icon iconName="columns" ngbDropdownToggle></my-global-icon>
@ -61,14 +61,14 @@
</div> </div>
</div> </div>
</th> </th>
<th *ngIf="isSelected('username')" pResizableColumn pSortableColumn="username">{{ getColumn('username').label }} <p-sortIcon field="username"></p-sortIcon></th> <th scope="col" *ngIf="isSelected('username')" pResizableColumn pSortableColumn="username">{{ getColumn('username').label }} <p-sortIcon field="username"></p-sortIcon></th>
<th *ngIf="isSelected('role')" style="width: 120px;" pSortableColumn="role">{{ getColumn('role').label }} <p-sortIcon field="role"></p-sortIcon></th> <th scope="col" *ngIf="isSelected('role')" style="width: 120px;" pSortableColumn="role">{{ getColumn('role').label }} <p-sortIcon field="role"></p-sortIcon></th>
<th *ngIf="isSelected('email')">{{ getColumn('email').label }}</th> <th scope="col" *ngIf="isSelected('email')">{{ getColumn('email').label }}</th>
<th *ngIf="isSelected('quota')" style="width: 160px;" pSortableColumn="videoQuotaUsed">{{ getColumn('quota').label }} <p-sortIcon field="videoQuotaUsed"></p-sortIcon></th> <th scope="col" *ngIf="isSelected('quota')" style="width: 160px;" pSortableColumn="videoQuotaUsed">{{ getColumn('quota').label }} <p-sortIcon field="videoQuotaUsed"></p-sortIcon></th>
<th *ngIf="isSelected('quotaDaily')" style="width: 160px;">{{ getColumn('quotaDaily').label }}</th> <th scope="col" *ngIf="isSelected('quotaDaily')" style="width: 160px;">{{ getColumn('quotaDaily').label }}</th>
<th *ngIf="isSelected('pluginAuth')" style="width: 140px;" pResizableColumn >{{ getColumn('pluginAuth').label }}</th> <th scope="col" *ngIf="isSelected('pluginAuth')" style="width: 140px;" pResizableColumn >{{ getColumn('pluginAuth').label }}</th>
<th *ngIf="isSelected('createdAt')" style="width: 150px;" pSortableColumn="createdAt">{{ getColumn('createdAt').label }} <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" *ngIf="isSelected('createdAt')" style="width: 150px;" pSortableColumn="createdAt">{{ getColumn('createdAt').label }} <p-sortIcon field="createdAt"></p-sortIcon></th>
<th *ngIf="isSelected('lastLoginDate')" style="width: 150px;" pSortableColumn="lastLoginDate">{{ getColumn('lastLoginDate').label }} <p-sortIcon field="lastLoginDate"></p-sortIcon></th> <th scope="col" *ngIf="isSelected('lastLoginDate')" style="width: 150px;" pSortableColumn="lastLoginDate">{{ getColumn('lastLoginDate').label }} <p-sortIcon field="lastLoginDate"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -31,19 +31,19 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 70px;"> <th scope="col" style="width: 70px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n>Video</th> <th scope="col" i18n>Video</th>
<th i18n>Info</th> <th scope="col" i18n>Info</th>
<th i18n>Files</th> <th scope="col" i18n>Files</th>
<th style="width: 150px;" i18n pSortableColumn="publishedAt">Published <p-sortIcon field="publishedAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="publishedAt">Published <p-sortIcon field="publishedAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -39,15 +39,15 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th class="job-id" i18n>ID</th> <th scope="col" class="job-id" i18n>ID</th>
<th style="width: 200px" class="job-type" i18n>Type</th> <th scope="col" style="width: 200px" class="job-type" i18n>Type</th>
<th style="width: 200px" class="job-priority" i18n>Priority <small>(1 = highest priority)</small></th> <th scope="col" style="width: 200px" class="job-priority" i18n>Priority <small>(1 = highest priority)</small></th>
<th style="width: 200px" class="job-state" i18n *ngIf="jobState === 'all'">State</th> <th scope="col" style="width: 200px" class="job-state" i18n *ngIf="jobState === 'all'">State</th>
<th style="width: 100px" class="job-progress" i18n *ngIf="hasGlobalProgress()">Progress</th> <th scope="col" style="width: 100px" class="job-progress" i18n *ngIf="hasGlobalProgress()">Progress</th>
<th style="width: 150px" class="job-date" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px" class="job-date" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -19,22 +19,22 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px"> <th scope="col" style="width: 40px">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox> <p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th> </th>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 120px;"> <th scope="col" style="width: 120px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n>UUID</th> <th scope="col" i18n>UUID</th>
<th i18n>Type</th> <th scope="col" i18n>Type</th>
<th i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th>
<th style="width: 100px" i18n pSortableColumn="priority">Priority <p-sortIcon field="priority"></p-sortIcon></th> <th scope="col" style="width: 100px" i18n pSortableColumn="priority">Priority <p-sortIcon field="priority"></p-sortIcon></th>
<th style="width: 100px" i18n pSortableColumn="progress">Progress <p-sortIcon field="progress"></p-sortIcon></th> <th scope="col" style="width: 100px" i18n pSortableColumn="progress">Progress <p-sortIcon field="progress"></p-sortIcon></th>
<th i18n>Runner</th> <th scope="col" i18n>Runner</th>
<th style="width: 200px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 200px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -18,14 +18,14 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 120px;"> <th scope="col" style="width: 120px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n>Name</th> <th scope="col" i18n>Name</th>
<th i18n>Description</th> <th scope="col" i18n>Description</th>
<th i18n>IP</th> <th scope="col" i18n>IP</th>
<th i18n>Last contact</th> <th scope="col" i18n>Last contact</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -20,12 +20,12 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 120px;"> <th scope="col" style="width: 120px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th i18n>Token</th> <th scope="col" i18n>Token</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
<th style="width: 160px;" i18n>Associated runners</th> <th scope="col" style="width: 160px;" i18n>Associated runners</th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -9,14 +9,14 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 150px;" i18n>Actions</th> <th scope="col" style="width: 150px;" i18n>Actions</th>
<th style="width: 35%;" i18n>Initiator</th> <th scope="col" style="width: 35%;" i18n>Initiator</th>
<th style="width: 65%;" i18n>Video</th> <th scope="col" style="width: 65%;" i18n>Video</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt"> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">
Created Created
<p-sortIcon field="createdAt"></p-sortIcon> <p-sortIcon field="createdAt"></p-sortIcon>
</th> </th>
<th style="width: 100px;" i18n>Status</th> <th scope="col" style="width: 100px;" i18n>Status</th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -29,14 +29,14 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 10%;"> <th scope="col" style="width: 10%;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th style="width: 25%" i18n pSortableColumn="externalChannelUrl">External Channel <p-sortIcon field="externalChannelUrl"></p-sortIcon></th> <th scope="col" style="width: 25%" i18n pSortableColumn="externalChannelUrl">External Channel <p-sortIcon field="externalChannelUrl"></p-sortIcon></th>
<th style="width: 25%" i18n pSortableColumn="videoChannel">Channel <p-sortIcon field="videoChannel"></p-sortIcon></th> <th scope="col" style="width: 25%" i18n pSortableColumn="videoChannel">Channel <p-sortIcon field="videoChannel"></p-sortIcon></th>
<th style="width: 10%" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" style="width: 10%" i18n pSortableColumn="state">State <p-sortIcon field="state"></p-sortIcon></th>
<th style="width: 10%" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 10%" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
<th style="width: 10%" i18n pSortableColumn="lastSyncAt">Last synchronization at <p-sortIcon field="lastSyncAt"></p-sortIcon></th> <th scope="col" style="width: 10%" i18n pSortableColumn="lastSyncAt">Last synchronization at <p-sortIcon field="lastSyncAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -22,14 +22,14 @@
> >
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 200px">Action</th> <th scope="col" style="width: 200px">Action</th>
<th style="width: 45%" i18n>Target</th> <th scope="col" style="width: 45%" i18n>Target</th>
<th style="width: 55%" i18n>Video</th> <th scope="col" style="width: 55%" i18n>Video</th>
<th style="width: 150px" i18n>State</th> <th scope="col" style="width: 150px" i18n>State</th>
<th style="width: 150px" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -14,18 +14,18 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <!-- header --> <tr> <!-- header -->
<th style="width: 40px;"> <th scope="col" style="width: 40px;">
<span i18n class="visually-hidden">More information</span> <span i18n class="visually-hidden">More information</span>
</th> </th>
<th style="width: 150px;"> <th scope="col" style="width: 150px;">
<span i18n class="visually-hidden">Actions</span> <span i18n class="visually-hidden">Actions</span>
</th> </th>
<th *ngIf="isAdminView()" style="width: 20%;" pResizableColumn i18n>Reporter</th> <th scope="col" *ngIf="isAdminView()" style="width: 20%;" pResizableColumn i18n>Reporter</th>
<th i18n>Video/Comment/Account</th> <th scope="col" i18n>Video/Comment/Account</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
<th i18n pSortableColumn="state" style="width: 80px;">State <p-sortIcon field="state"></p-sortIcon></th> <th scope="col" i18n pSortableColumn="state" style="width: 80px;">State <p-sortIcon field="state"></p-sortIcon></th>
<th i18n style="width: 80px;">Messages</th> <th scope="col" i18n style="width: 80px;">Messages</th>
<th i18n *ngIf="isAdminView()" style="width: 100px;">Internal note</th> <th scope="col" i18n *ngIf="isAdminView()" style="width: 100px;">Internal note</th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -19,9 +19,9 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 150px;" i18n>Action</th> <!-- column for action buttons --> <th scope="col" style="width: 150px;" i18n>Action</th> <!-- column for action buttons -->
<th i18n>Account</th> <th scope="col" i18n>Account</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>

View File

@ -27,9 +27,9 @@
<ng-template pTemplate="header"> <ng-template pTemplate="header">
<tr> <tr>
<th style="width: 150px;" i18n>Action</th> <!-- column for action buttons --> <th scope="col" style="width: 150px;" i18n>Action</th> <!-- column for action buttons -->
<th i18n>Instance</th> <th scope="col" i18n>Instance</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th> <th scope="col" style="width: 150px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr> </tr>
</ng-template> </ng-template>