aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2023-05-26 10:27:02 +0200
committerChocobozzz <me@florianbigard.com>2023-05-26 10:27:02 +0200
commit4b70c278a960a8d43407f0039aa03d0b08b44f9c (patch)
treed82990de9c1075dc5357f5f2f03162381f1e2c87 /client/src/app
parenta4c49a17ea8b90c1522a9d0868de7186c7432592 (diff)
downloadPeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.tar.gz
PeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.tar.zst
PeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.zip
Automatic colspan for tables
Diffstat (limited to 'client/src/app')
-rw-r--r--client/src/app/+admin/follows/followers-list/followers-list.component.html2
-rw-r--r--client/src/app/+admin/follows/following-list/following-list.component.html2
-rw-r--r--client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html6
-rw-r--r--client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.ts6
-rw-r--r--client/src/app/+admin/moderation/registration-list/registration-list.component.html4
-rw-r--r--client/src/app/+admin/moderation/video-block-list/video-block-list.component.html4
-rw-r--r--client/src/app/+admin/overview/comments/video-comment-list.component.html4
-rw-r--r--client/src/app/+admin/overview/users/user-list/user-list.component.html2
-rw-r--r--client/src/app/+admin/overview/videos/video-list.component.html2
-rw-r--r--client/src/app/+admin/system/runners/runner-job-list/runner-job-list.component.html4
-rw-r--r--client/src/app/+admin/system/runners/runner-list/runner-list.component.html2
-rw-r--r--client/src/app/+admin/system/runners/runner-registration-token-list/runner-registration-token-list.component.html2
-rw-r--r--client/src/app/+my-library/my-ownership/my-ownership.component.html2
-rw-r--r--client/src/app/+my-library/my-video-imports/my-video-imports.component.html2
-rw-r--r--client/src/app/shared/shared-abuse-list/abuse-list-table.component.html6
-rw-r--r--client/src/app/shared/shared-main/angular/auto-colspan.directive.ts22
-rw-r--r--client/src/app/shared/shared-main/angular/index.ts1
-rw-r--r--client/src/app/shared/shared-main/shared-main.module.ts3
-rw-r--r--client/src/app/shared/shared-moderation/account-blocklist.component.html2
-rw-r--r--client/src/app/shared/shared-moderation/server-blocklist.component.html2
20 files changed, 50 insertions, 30 deletions
diff --git a/client/src/app/+admin/follows/followers-list/followers-list.component.html b/client/src/app/+admin/follows/followers-list/followers-list.component.html
index 14c62f1af..3326d59db 100644
--- a/client/src/app/+admin/follows/followers-list/followers-list.component.html
+++ b/client/src/app/+admin/follows/followers-list/followers-list.component.html
@@ -72,7 +72,7 @@
72 72
73 <ng-template pTemplate="emptymessage"> 73 <ng-template pTemplate="emptymessage">
74 <tr> 74 <tr>
75 <td colspan="6"> 75 <td myAutoColspan>
76 <div class="no-results"> 76 <div class="no-results">
77 <ng-container *ngIf="search" i18n>No follower found matching current filters.</ng-container> 77 <ng-container *ngIf="search" i18n>No follower found matching current filters.</ng-container>
78 <ng-container *ngIf="!search" i18n>Your instance doesn't have any follower.</ng-container> 78 <ng-container *ngIf="!search" i18n>Your instance doesn't have any follower.</ng-container>
diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html
index f46f36375..07495a74c 100644
--- a/client/src/app/+admin/follows/following-list/following-list.component.html
+++ b/client/src/app/+admin/follows/following-list/following-list.component.html
@@ -79,7 +79,7 @@
79 79
80 <ng-template pTemplate="emptymessage"> 80 <ng-template pTemplate="emptymessage">
81 <tr> 81 <tr>
82 <td colspan="6"> 82 <td myAutoColspan>
83 <div class="no-results"> 83 <div class="no-results">
84 <ng-container *ngIf="search" i18n>No host found matching current filters.</ng-container> 84 <ng-container *ngIf="search" i18n>No host found matching current filters.</ng-container>
85 <ng-container *ngIf="!search" i18n>Your instance is not following anyone.</ng-container> 85 <ng-container *ngIf="!search" i18n>Your instance is not following anyone.</ng-container>
diff --git a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html
index 2b52d3fd8..85b9d8913 100644
--- a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html
+++ b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.html
@@ -57,7 +57,7 @@
57 57
58 <ng-template pTemplate="rowexpansion" let-redundancy> 58 <ng-template pTemplate="rowexpansion" let-redundancy>
59 <tr *ngIf="redundancy.redundancies.files.length !== 0"> 59 <tr *ngIf="redundancy.redundancies.files.length !== 0">
60 <td class="expand-cell" [attr.colspan]="getColspan()"> 60 <td class="expand-cell" myAutoColspan>
61 <div *ngFor="let file of redundancy.redundancies.files" class="expansion-block"> 61 <div *ngFor="let file of redundancy.redundancies.files" class="expansion-block">
62 <my-video-redundancy-information [redundancyElement]="file"></my-video-redundancy-information> 62 <my-video-redundancy-information [redundancyElement]="file"></my-video-redundancy-information>
63 </div> 63 </div>
@@ -65,7 +65,7 @@
65 </tr> 65 </tr>
66 66
67 <tr *ngIf="redundancy.redundancies.streamingPlaylists.length !== 0"> 67 <tr *ngIf="redundancy.redundancies.streamingPlaylists.length !== 0">
68 <td class="expand-cell" [attr.colspan]="getColspan()"> 68 <td class="expand-cell" myAutoColspan>
69 <div *ngFor="let playlist of redundancy.redundancies.streamingPlaylists"> 69 <div *ngFor="let playlist of redundancy.redundancies.streamingPlaylists">
70 <my-video-redundancy-information [redundancyElement]="playlist"></my-video-redundancy-information> 70 <my-video-redundancy-information [redundancyElement]="playlist"></my-video-redundancy-information>
71 </div> 71 </div>
@@ -75,7 +75,7 @@
75 75
76 <ng-template pTemplate="emptymessage"> 76 <ng-template pTemplate="emptymessage">
77 <tr> 77 <tr>
78 <td colspan="6"> 78 <td myAutoColspan>
79 <div class="no-results"> 79 <div class="no-results">
80 <ng-container *ngIf="isDisplayingRemoteVideos()" i18n>Your instance doesn't mirror any video.</ng-container> 80 <ng-container *ngIf="isDisplayingRemoteVideos()" i18n>Your instance doesn't mirror any video.</ng-container>
81 <ng-container *ngIf="!isDisplayingRemoteVideos()" i18n>Your instance has no mirrored videos.</ng-container> 81 <ng-container *ngIf="!isDisplayingRemoteVideos()" i18n>Your instance has no mirrored videos.</ng-container>
diff --git a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.ts b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.ts
index d65467a4d..efcefd509 100644
--- a/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.ts
+++ b/client/src/app/+admin/follows/video-redundancies-list/video-redundancies-list.component.ts
@@ -63,12 +63,6 @@ export class VideoRedundanciesListComponent extends RestTable implements OnInit
63 }) 63 })
64 } 64 }
65 65
66 getColspan () {
67 if (this.isDisplayingRemoteVideos()) return 5
68
69 return 4
70 }
71
72 isDisplayingRemoteVideos () { 66 isDisplayingRemoteVideos () {
73 return this.displayType === 'remote-videos' 67 return this.displayType === 'remote-videos'
74 } 68 }
diff --git a/client/src/app/+admin/moderation/registration-list/registration-list.component.html b/client/src/app/+admin/moderation/registration-list/registration-list.component.html
index a2b888101..8e5e2cf49 100644
--- a/client/src/app/+admin/moderation/registration-list/registration-list.component.html
+++ b/client/src/app/+admin/moderation/registration-list/registration-list.component.html
@@ -102,7 +102,7 @@
102 102
103 <ng-template pTemplate="rowexpansion" let-registration> 103 <ng-template pTemplate="rowexpansion" let-registration>
104 <tr> 104 <tr>
105 <td colspan="9"> 105 <td myAutoColspan>
106 <div class="moderation-expanded"> 106 <div class="moderation-expanded">
107 <div class="left"> 107 <div class="left">
108 <div class="d-flex"> 108 <div class="d-flex">
@@ -122,7 +122,7 @@
122 122
123 <ng-template pTemplate="emptymessage"> 123 <ng-template pTemplate="emptymessage">
124 <tr> 124 <tr>
125 <td colspan="9"> 125 <td myAutoColspan>
126 <div class="no-results"> 126 <div class="no-results">
127 <ng-container *ngIf="search" i18n>No registrations found matching current filters.</ng-container> 127 <ng-container *ngIf="search" i18n>No registrations found matching current filters.</ng-container>
128 <ng-container *ngIf="!search" i18n>No registrations found.</ng-container> 128 <ng-container *ngIf="!search" i18n>No registrations found.</ng-container>
diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
index 28109d007..53bc6a178 100644
--- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
+++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
@@ -68,7 +68,7 @@
68 68
69 <ng-template pTemplate="rowexpansion" let-videoBlock> 69 <ng-template pTemplate="rowexpansion" let-videoBlock>
70 <tr> 70 <tr>
71 <td class="expand-cell" colspan="6"> 71 <td class="expand-cell" myAutoColspan>
72 <div class="d-flex moderation-expanded"> 72 <div class="d-flex moderation-expanded">
73 73
74 <div class="left"> 74 <div class="left">
@@ -87,7 +87,7 @@
87 87
88 <ng-template pTemplate="emptymessage"> 88 <ng-template pTemplate="emptymessage">
89 <tr> 89 <tr>
90 <td colspan="6"> 90 <td myAutoColspan>
91 <div class="no-results"> 91 <div class="no-results">
92 <ng-container *ngIf="search" i18n>No blocked video found matching current filters.</ng-container> 92 <ng-container *ngIf="search" i18n>No blocked video found matching current filters.</ng-container>
93 <ng-container *ngIf="!search" i18n>No blocked video found.</ng-container> 93 <ng-container *ngIf="!search" i18n>No blocked video found.</ng-container>
diff --git a/client/src/app/+admin/overview/comments/video-comment-list.component.html b/client/src/app/+admin/overview/comments/video-comment-list.component.html
index b0d8131bf..df9bccc0a 100644
--- a/client/src/app/+admin/overview/comments/video-comment-list.component.html
+++ b/client/src/app/+admin/overview/comments/video-comment-list.component.html
@@ -93,7 +93,7 @@
93 93
94 <ng-template pTemplate="rowexpansion" let-videoComment> 94 <ng-template pTemplate="rowexpansion" let-videoComment>
95 <tr> 95 <tr>
96 <td class="expand-cell" colspan="5"> 96 <td class="expand-cell" myAutoColspan>
97 <div [innerHTML]="videoComment.textHtml"></div> 97 <div [innerHTML]="videoComment.textHtml"></div>
98 </td> 98 </td>
99 </tr> 99 </tr>
@@ -101,7 +101,7 @@
101 101
102 <ng-template pTemplate="emptymessage"> 102 <ng-template pTemplate="emptymessage">
103 <tr> 103 <tr>
104 <td colspan="7"> 104 <td myAutoColspan>
105 <div class="no-results"> 105 <div class="no-results">
106 <ng-container *ngIf="search" i18n>No comments found matching current filters.</ng-container> 106 <ng-container *ngIf="search" i18n>No comments found matching current filters.</ng-container>
107 <ng-container *ngIf="!search" i18n>No comments found.</ng-container> 107 <ng-container *ngIf="!search" i18n>No comments found.</ng-container>
diff --git a/client/src/app/+admin/overview/users/user-list/user-list.component.html b/client/src/app/+admin/overview/users/user-list/user-list.component.html
index 30859a3ad..e37ad2a3e 100644
--- a/client/src/app/+admin/overview/users/user-list/user-list.component.html
+++ b/client/src/app/+admin/overview/users/user-list/user-list.component.html
@@ -146,7 +146,7 @@
146 146
147 <ng-template pTemplate="rowexpansion" let-user> 147 <ng-template pTemplate="rowexpansion" let-user>
148 <tr class="user-blocked-reason"> 148 <tr class="user-blocked-reason">
149 <td colspan="7"> 149 <td myAutoColspan>
150 <span i18n class="ban-reason-label">Ban reason:</span> 150 <span i18n class="ban-reason-label">Ban reason:</span>
151 {{ user.blockedReason }} 151 {{ user.blockedReason }}
152 </td> 152 </td>
diff --git a/client/src/app/+admin/overview/videos/video-list.component.html b/client/src/app/+admin/overview/videos/video-list.component.html
index 35b1f9dbd..c4f78cadc 100644
--- a/client/src/app/+admin/overview/videos/video-list.component.html
+++ b/client/src/app/+admin/overview/videos/video-list.component.html
@@ -100,7 +100,7 @@
100 100
101 <ng-template pTemplate="rowexpansion" let-video> 101 <ng-template pTemplate="rowexpansion" let-video>
102 <tr> 102 <tr>
103 <td class="video-info expand-cell" colspan="7"> 103 <td class="video-info expand-cell" myAutoColspan>
104 <div> 104 <div>
105 <div *ngIf="isWebTorrent(video)"> 105 <div *ngIf="isWebTorrent(video)">
106 WebTorrent: 106 WebTorrent:
diff --git a/client/src/app/+admin/system/runners/runner-job-list/runner-job-list.component.html b/client/src/app/+admin/system/runners/runner-job-list/runner-job-list.component.html
index 5356e0e03..a759e9186 100644
--- a/client/src/app/+admin/system/runners/runner-job-list/runner-job-list.component.html
+++ b/client/src/app/+admin/system/runners/runner-job-list/runner-job-list.component.html
@@ -87,7 +87,7 @@
87 87
88 <ng-template pTemplate="rowexpansion" let-runnerJob> 88 <ng-template pTemplate="rowexpansion" let-runnerJob>
89 <tr> 89 <tr>
90 <td colspan="9"> 90 <td myAutoColspan>
91 <div class="mt-2 fs-7 font-monospace"> 91 <div class="mt-2 fs-7 font-monospace">
92 Parent job: {{ runnerJob.parent?.uuid || '-' }} <br /> 92 Parent job: {{ runnerJob.parent?.uuid || '-' }} <br />
93 Processed on {{ (runnerJob.startedAt || '-') }} <br /> 93 Processed on {{ (runnerJob.startedAt || '-') }} <br />
@@ -111,7 +111,7 @@
111 111
112 <ng-template pTemplate="emptymessage"> 112 <ng-template pTemplate="emptymessage">
113 <tr> 113 <tr>
114 <td colspan="9"> 114 <td myAutoColspan>
115 <div class="no-results"> 115 <div class="no-results">
116 <ng-container i18n>No runner jobs found.</ng-container> 116 <ng-container i18n>No runner jobs found.</ng-container>
117 </div> 117 </div>
diff --git a/client/src/app/+admin/system/runners/runner-list/runner-list.component.html b/client/src/app/+admin/system/runners/runner-list/runner-list.component.html
index 606eb9afd..b131d1a74 100644
--- a/client/src/app/+admin/system/runners/runner-list/runner-list.component.html
+++ b/client/src/app/+admin/system/runners/runner-list/runner-list.component.html
@@ -51,7 +51,7 @@
51 51
52 <ng-template pTemplate="emptymessage"> 52 <ng-template pTemplate="emptymessage">
53 <tr> 53 <tr>
54 <td colspan="6"> 54 <td myAutoColspan>
55 <div class="no-results"> 55 <div class="no-results">
56 <ng-container i18n>No remote runners found.</ng-container> 56 <ng-container i18n>No remote runners found.</ng-container>
57 </div> 57 </div>
diff --git a/client/src/app/+admin/system/runners/runner-registration-token-list/runner-registration-token-list.component.html b/client/src/app/+admin/system/runners/runner-registration-token-list/runner-registration-token-list.component.html
index 2fd23e2fc..3e5cea881 100644
--- a/client/src/app/+admin/system/runners/runner-registration-token-list/runner-registration-token-list.component.html
+++ b/client/src/app/+admin/system/runners/runner-registration-token-list/runner-registration-token-list.component.html
@@ -55,7 +55,7 @@
55 55
56 <ng-template pTemplate="emptymessage"> 56 <ng-template pTemplate="emptymessage">
57 <tr> 57 <tr>
58 <td colspan="4"> 58 <td myAutoColspan>
59 <div class="no-results"> 59 <div class="no-results">
60 <ng-container i18n>No registration token found for remote runners.</ng-container> 60 <ng-container i18n>No registration token found for remote runners.</ng-container>
61 </div> 61 </div>
diff --git a/client/src/app/+my-library/my-ownership/my-ownership.component.html b/client/src/app/+my-library/my-ownership/my-ownership.component.html
index 5db1a9bb2..40bfdcdf1 100644
--- a/client/src/app/+my-library/my-ownership/my-ownership.component.html
+++ b/client/src/app/+my-library/my-ownership/my-ownership.component.html
@@ -67,7 +67,7 @@
67 67
68 <ng-template pTemplate="emptymessage"> 68 <ng-template pTemplate="emptymessage">
69 <tr> 69 <tr>
70 <td colspan="6"> 70 <td myAutoColspan>
71 <div class="no-results"> 71 <div class="no-results">
72 <ng-container i18n>No ownership change request found.</ng-container> 72 <ng-container i18n>No ownership change request found.</ng-container>
73 </div> 73 </div>
diff --git a/client/src/app/+my-library/my-video-imports/my-video-imports.component.html b/client/src/app/+my-library/my-video-imports/my-video-imports.component.html
index 92a4a4a52..d25eff24c 100644
--- a/client/src/app/+my-library/my-video-imports/my-video-imports.component.html
+++ b/client/src/app/+my-library/my-video-imports/my-video-imports.component.html
@@ -72,7 +72,7 @@
72 72
73 <ng-template pTemplate="rowexpansion" let-videoImport> 73 <ng-template pTemplate="rowexpansion" let-videoImport>
74 <tr class="video-import-error" *ngIf="videoImport.error"> 74 <tr class="video-import-error" *ngIf="videoImport.error">
75 <td colspan="6"> 75 <td myAutoColspan>
76 <pre>{{ videoImport.error }}</pre> 76 <pre>{{ videoImport.error }}</pre>
77 </td> 77 </td>
78 </tr> 78 </tr>
diff --git a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.html b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.html
index 2571cc952..5833e3465 100644
--- a/client/src/app/shared/shared-abuse-list/abuse-list-table.component.html
+++ b/client/src/app/shared/shared-abuse-list/abuse-list-table.component.html
@@ -136,10 +136,10 @@
136 136
137 <ng-template pTemplate="rowexpansion" let-abuse> 137 <ng-template pTemplate="rowexpansion" let-abuse>
138 <tr> 138 <tr>
139 <td *ngIf="isAdminView()" class="expand-cell" colspan="8"> 139 <td *ngIf="isAdminView()" class="expand-cell" myAutoColspan>
140 <my-abuse-details [abuse]="abuse" [isAdminView]="true"></my-abuse-details> 140 <my-abuse-details [abuse]="abuse" [isAdminView]="true"></my-abuse-details>
141 </td> 141 </td>
142 <td *ngIf="!isAdminView()" class="expand-cell" colspan="6"> 142 <td *ngIf="!isAdminView()" class="expand-cell" myAutoColspan>
143 <my-abuse-details [abuse]="abuse" [isAdminView]="false"></my-abuse-details> 143 <my-abuse-details [abuse]="abuse" [isAdminView]="false"></my-abuse-details>
144 </td> 144 </td>
145 </tr> 145 </tr>
@@ -147,7 +147,7 @@
147 147
148 <ng-template pTemplate="emptymessage"> 148 <ng-template pTemplate="emptymessage">
149 <tr> 149 <tr>
150 <td colspan="6"> 150 <td myAutoColspan>
151 <div class="no-results"> 151 <div class="no-results">
152 <ng-container *ngIf="search" i18n>No abuses found matching current filters.</ng-container> 152 <ng-container *ngIf="search" i18n>No abuses found matching current filters.</ng-container>
153 <ng-container *ngIf="!search" i18n>No abuses found.</ng-container> 153 <ng-container *ngIf="!search" i18n>No abuses found.</ng-container>
diff --git a/client/src/app/shared/shared-main/angular/auto-colspan.directive.ts b/client/src/app/shared/shared-main/angular/auto-colspan.directive.ts
new file mode 100644
index 000000000..8da89b668
--- /dev/null
+++ b/client/src/app/shared/shared-main/angular/auto-colspan.directive.ts
@@ -0,0 +1,22 @@
1import { AfterViewInit, Directive, ElementRef, Renderer2 } from '@angular/core'
2
3@Directive({
4 selector: '[myAutoColspan]'
5})
6export class AutoColspanDirective implements AfterViewInit {
7
8 constructor (
9 private host: ElementRef,
10 private renderer: Renderer2
11 ) { }
12
13 ngAfterViewInit () {
14 const el = this.host.nativeElement as HTMLElement
15 const table = el.closest('table')
16 if (!table) throw new Error('table element not found')
17
18 const th = table.querySelectorAll('th')
19
20 this.renderer.setAttribute(el, 'colspan', th.length + '')
21 }
22}
diff --git a/client/src/app/shared/shared-main/angular/index.ts b/client/src/app/shared/shared-main/angular/index.ts
index f72d60313..6ea494129 100644
--- a/client/src/app/shared/shared-main/angular/index.ts
+++ b/client/src/app/shared/shared-main/angular/index.ts
@@ -1,3 +1,4 @@
1export * from './auto-colspan.directive'
1export * from './autofocus.directive' 2export * from './autofocus.directive'
2export * from './bytes.pipe' 3export * from './bytes.pipe'
3export * from './defer-loading.directive' 4export * from './defer-loading.directive'
diff --git a/client/src/app/shared/shared-main/shared-main.module.ts b/client/src/app/shared/shared-main/shared-main.module.ts
index 0bdf27263..d3ec31d6e 100644
--- a/client/src/app/shared/shared-main/shared-main.module.ts
+++ b/client/src/app/shared/shared-main/shared-main.module.ts
@@ -18,6 +18,7 @@ import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client'
18import { SharedGlobalIconModule } from '../shared-icons' 18import { SharedGlobalIconModule } from '../shared-icons'
19import { AccountService, SignupLabelComponent } from './account' 19import { AccountService, SignupLabelComponent } from './account'
20import { 20import {
21 AutoColspanDirective,
21 AutofocusDirective, 22 AutofocusDirective,
22 BytesPipe, 23 BytesPipe,
23 DeferLoadingDirective, 24 DeferLoadingDirective,
@@ -89,6 +90,7 @@ import { VideoChannelService } from './video-channel'
89 DurationFormatterPipe, 90 DurationFormatterPipe,
90 AutofocusDirective, 91 AutofocusDirective,
91 DeferLoadingDirective, 92 DeferLoadingDirective,
93 AutoColspanDirective,
92 94
93 InfiniteScrollerDirective, 95 InfiniteScrollerDirective,
94 PeerTubeTemplateDirective, 96 PeerTubeTemplateDirective,
@@ -150,6 +152,7 @@ import { VideoChannelService } from './video-channel'
150 DurationFormatterPipe, 152 DurationFormatterPipe,
151 AutofocusDirective, 153 AutofocusDirective,
152 DeferLoadingDirective, 154 DeferLoadingDirective,
155 AutoColspanDirective,
153 156
154 InfiniteScrollerDirective, 157 InfiniteScrollerDirective,
155 PeerTubeTemplateDirective, 158 PeerTubeTemplateDirective,
diff --git a/client/src/app/shared/shared-moderation/account-blocklist.component.html b/client/src/app/shared/shared-moderation/account-blocklist.component.html
index 8cf9aa4c9..609a8cecd 100644
--- a/client/src/app/shared/shared-moderation/account-blocklist.component.html
+++ b/client/src/app/shared/shared-moderation/account-blocklist.component.html
@@ -49,7 +49,7 @@
49 49
50 <ng-template pTemplate="emptymessage"> 50 <ng-template pTemplate="emptymessage">
51 <tr> 51 <tr>
52 <td colspan="3"> 52 <td myAutoColspan>
53 <div class="no-results"> 53 <div class="no-results">
54 <ng-container *ngIf="search" i18n>No account found matching current filters.</ng-container> 54 <ng-container *ngIf="search" i18n>No account found matching current filters.</ng-container>
55 <ng-container *ngIf="!search" i18n>No account found.</ng-container> 55 <ng-container *ngIf="!search" i18n>No account found.</ng-container>
diff --git a/client/src/app/shared/shared-moderation/server-blocklist.component.html b/client/src/app/shared/shared-moderation/server-blocklist.component.html
index 1a13e0207..a98333339 100644
--- a/client/src/app/shared/shared-moderation/server-blocklist.component.html
+++ b/client/src/app/shared/shared-moderation/server-blocklist.component.html
@@ -51,7 +51,7 @@
51 51
52 <ng-template pTemplate="emptymessage"> 52 <ng-template pTemplate="emptymessage">
53 <tr> 53 <tr>
54 <td colspan="3"> 54 <td myAutoColspan>
55 <div class="no-results"> 55 <div class="no-results">
56 <ng-container *ngIf="search" i18n>No server found matching current filters.</ng-container> 56 <ng-container *ngIf="search" i18n>No server found matching current filters.</ng-container>
57 <ng-container *ngIf="!search" i18n>No server found.</ng-container> 57 <ng-container *ngIf="!search" i18n>No server found.</ng-container>