aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared')
-rw-r--r--client/src/app/shared/shared-forms/dynamic-form-field.component.html35
-rw-r--r--client/src/app/shared/shared-forms/dynamic-form-field.component.scss18
-rw-r--r--client/src/app/shared/shared-forms/dynamic-form-field.component.ts15
-rw-r--r--client/src/app/shared/shared-forms/shared-form.module.ts9
-rw-r--r--client/src/app/shared/shared-main/video/video-edit.model.ts6
-rw-r--r--client/src/app/shared/shared-main/video/video.model.ts4
-rw-r--r--client/src/app/shared/shared-main/video/video.service.ts1
7 files changed, 85 insertions, 3 deletions
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.html b/client/src/app/shared/shared-forms/dynamic-form-field.component.html
new file mode 100644
index 000000000..c111ea7df
--- /dev/null
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.html
@@ -0,0 +1,35 @@
1<div [formGroup]="form">
2 <label *ngIf="setting.type !== 'input-checkbox'" [attr.for]="setting.name" [innerHTML]="setting.label"></label>
3
4 <input *ngIf="setting.type === 'input'" type="text" [id]="setting.name" [formControlName]="setting.name" />
5
6 <textarea *ngIf="setting.type === 'input-textarea'" type="text" [id]="setting.name" [formControlName]="setting.name"></textarea>
7
8 <my-help *ngIf="setting.type === 'markdown-text'" helpType="markdownText"></my-help>
9
10 <my-help *ngIf="setting.type === 'markdown-enhanced'" helpType="markdownEnhanced"></my-help>
11
12 <my-markdown-textarea
13 *ngIf="setting.type === 'markdown-text'"
14 markdownType="text" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px"
15 [classes]="{ 'input-error': formErrors['settings.name'] }"
16 ></my-markdown-textarea>
17
18 <my-markdown-textarea
19 *ngIf="setting.type === 'markdown-enhanced'"
20 markdownType="enhanced" [id]="setting.name" [formControlName]="setting.name" textareaWidth="500px"
21 [classes]="{ 'input-error': formErrors['settings.name'] }"
22 ></my-markdown-textarea>
23
24 <my-peertube-checkbox
25 *ngIf="setting.type === 'input-checkbox'"
26 [id]="setting.name"
27 [formControlName]="setting.name"
28 [labelInnerHTML]="setting.label"
29 ></my-peertube-checkbox>
30
31 <div *ngIf="formErrors[setting.name]" class="form-error">
32 {{ formErrors[setting.name] }}
33 </div>
34
35</div>
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.scss b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
new file mode 100644
index 000000000..70b3cf6c3
--- /dev/null
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.scss
@@ -0,0 +1,18 @@
1@import '_variables';
2@import '_mixins';
3
4input:not([type=submit]) {
5 @include peertube-input-text(340px);
6
7 display: block;
8}
9
10textarea {
11 @include peertube-textarea(340px, 200px);
12
13 display: block;
14}
15
16.peertube-select-container {
17 @include peertube-select-container(340px);
18}
diff --git a/client/src/app/shared/shared-forms/dynamic-form-field.component.ts b/client/src/app/shared/shared-forms/dynamic-form-field.component.ts
new file mode 100644
index 000000000..b63890797
--- /dev/null
+++ b/client/src/app/shared/shared-forms/dynamic-form-field.component.ts
@@ -0,0 +1,15 @@
1import { Component, Input } from '@angular/core'
2import { FormGroup } from '@angular/forms'
3import { RegisterClientFormFieldOptions } from '@shared/models'
4
5@Component({
6 selector: 'my-dynamic-form-field',
7 templateUrl: './dynamic-form-field.component.html',
8 styleUrls: [ './dynamic-form-field.component.scss' ]
9})
10
11export class DynamicFormFieldComponent {
12 @Input() form: FormGroup
13 @Input() formErrors: any
14 @Input() setting: RegisterClientFormFieldOptions
15}
diff --git a/client/src/app/shared/shared-forms/shared-form.module.ts b/client/src/app/shared/shared-forms/shared-form.module.ts
index 1946ac21f..a28988f87 100644
--- a/client/src/app/shared/shared-forms/shared-form.module.ts
+++ b/client/src/app/shared/shared-forms/shared-form.module.ts
@@ -15,6 +15,7 @@ import { ReactiveFileComponent } from './reactive-file.component'
15import { SelectChannelComponent, SelectCheckboxComponent, SelectOptionsComponent, SelectTagsComponent } from './select' 15import { SelectChannelComponent, SelectCheckboxComponent, SelectOptionsComponent, SelectTagsComponent } from './select'
16import { TextareaAutoResizeDirective } from './textarea-autoresize.directive' 16import { TextareaAutoResizeDirective } from './textarea-autoresize.directive'
17import { TimestampInputComponent } from './timestamp-input.component' 17import { TimestampInputComponent } from './timestamp-input.component'
18import { DynamicFormFieldComponent } from './dynamic-form-field.component'
18 19
19@NgModule({ 20@NgModule({
20 imports: [ 21 imports: [
@@ -41,7 +42,9 @@ import { TimestampInputComponent } from './timestamp-input.component'
41 SelectChannelComponent, 42 SelectChannelComponent,
42 SelectOptionsComponent, 43 SelectOptionsComponent,
43 SelectTagsComponent, 44 SelectTagsComponent,
44 SelectCheckboxComponent 45 SelectCheckboxComponent,
46
47 DynamicFormFieldComponent
45 ], 48 ],
46 49
47 exports: [ 50 exports: [
@@ -63,7 +66,9 @@ import { TimestampInputComponent } from './timestamp-input.component'
63 SelectChannelComponent, 66 SelectChannelComponent,
64 SelectOptionsComponent, 67 SelectOptionsComponent,
65 SelectTagsComponent, 68 SelectTagsComponent,
66 SelectCheckboxComponent 69 SelectCheckboxComponent,
70
71 DynamicFormFieldComponent
67 ], 72 ],
68 73
69 providers: [ 74 providers: [
diff --git a/client/src/app/shared/shared-main/video/video-edit.model.ts b/client/src/app/shared/shared-main/video/video-edit.model.ts
index 6a529e052..757b686c0 100644
--- a/client/src/app/shared/shared-main/video/video-edit.model.ts
+++ b/client/src/app/shared/shared-main/video/video-edit.model.ts
@@ -25,6 +25,8 @@ export class VideoEdit implements VideoUpdate {
25 scheduleUpdate?: VideoScheduleUpdate 25 scheduleUpdate?: VideoScheduleUpdate
26 originallyPublishedAt?: Date | string 26 originallyPublishedAt?: Date | string
27 27
28 pluginData?: any
29
28 constructor ( 30 constructor (
29 video?: Video & { 31 video?: Video & {
30 tags: string[], 32 tags: string[],
@@ -55,10 +57,12 @@ export class VideoEdit implements VideoUpdate {
55 57
56 this.scheduleUpdate = video.scheduledUpdate 58 this.scheduleUpdate = video.scheduledUpdate
57 this.originallyPublishedAt = video.originallyPublishedAt ? new Date(video.originallyPublishedAt) : null 59 this.originallyPublishedAt = video.originallyPublishedAt ? new Date(video.originallyPublishedAt) : null
60
61 this.pluginData = video.pluginData
58 } 62 }
59 } 63 }
60 64
61 patch (values: { [ id: string ]: string }) { 65 patch (values: { [ id: string ]: any }) {
62 Object.keys(values).forEach((key) => { 66 Object.keys(values).forEach((key) => {
63 this[ key ] = values[ key ] 67 this[ key ] = values[ key ]
64 }) 68 })
diff --git a/client/src/app/shared/shared-main/video/video.model.ts b/client/src/app/shared/shared-main/video/video.model.ts
index 73f0198e2..0dca3da0d 100644
--- a/client/src/app/shared/shared-main/video/video.model.ts
+++ b/client/src/app/shared/shared-main/video/video.model.ts
@@ -84,6 +84,8 @@ export class Video implements VideoServerModel {
84 currentTime: number 84 currentTime: number
85 } 85 }
86 86
87 pluginData?: any
88
87 static buildClientUrl (videoUUID: string) { 89 static buildClientUrl (videoUUID: string) {
88 return '/videos/watch/' + videoUUID 90 return '/videos/watch/' + videoUUID
89 } 91 }
@@ -152,6 +154,8 @@ export class Video implements VideoServerModel {
152 154
153 this.originInstanceHost = this.account.host 155 this.originInstanceHost = this.account.host
154 this.originInstanceUrl = 'https://' + this.originInstanceHost 156 this.originInstanceUrl = 'https://' + this.originInstanceHost
157
158 this.pluginData = hash.pluginData
155 } 159 }
156 160
157 isVideoNSFWForUser (user: User, serverConfig: ServerConfig) { 161 isVideoNSFWForUser (user: User, serverConfig: ServerConfig) {
diff --git a/client/src/app/shared/shared-main/video/video.service.ts b/client/src/app/shared/shared-main/video/video.service.ts
index 48aff82b4..8a688c8ed 100644
--- a/client/src/app/shared/shared-main/video/video.service.ts
+++ b/client/src/app/shared/shared-main/video/video.service.ts
@@ -96,6 +96,7 @@ export class VideoService implements VideosProvider {
96 downloadEnabled: video.downloadEnabled, 96 downloadEnabled: video.downloadEnabled,
97 thumbnailfile: video.thumbnailfile, 97 thumbnailfile: video.thumbnailfile,
98 previewfile: video.previewfile, 98 previewfile: video.previewfile,
99 pluginData: video.pluginData,
99 scheduleUpdate, 100 scheduleUpdate,
100 originallyPublishedAt 101 originallyPublishedAt
101 } 102 }