aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-main
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/shared/shared-main
parenta4c49a17ea8b90c1522a9d0868de7186c7432592 (diff)
downloadPeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.tar.gz
PeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.tar.zst
PeerTube-4b70c278a960a8d43407f0039aa03d0b08b44f9c.zip
Automatic colspan for tables
Diffstat (limited to 'client/src/app/shared/shared-main')
-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
3 files changed, 26 insertions, 0 deletions
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,