yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-04 10:19:35 +02:00
Code Issues Releases Wiki Activity

Add support to video support on client

Browse source
This commit is contained in:
Chocobozzz 2018-02-20 16:13:05 +01:00
parent dddf58c8ce
commit 07fa4c97ca
No known key found for this signature in database
GPG key ID: 583A612D890159BE
28 changed files with 222 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

37
client/src/app/shared/forms/markdown-textarea.component.ts
View file

@ -21,29 +21,30 @@ import truncate from 'lodash-es/truncate'
})
export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
@Input() description = ''
@Input() content = ''
@Input() classes: string[] = []
@Input() textareaWidth = '100%'
@Input() textareaHeight = '150px'
@Input() previewColumn = false
@Input() truncate: number
@Input() markdownType: 'text' | 'enhanced' = 'text'
textareaMarginRight = '0'
flexDirection = 'column'
truncatedDescriptionHTML = ''
descriptionHTML = ''
truncatedPreviewHTML = ''
previewHTML = ''
private descriptionChanged = new Subject<string>()
private contentChanged = new Subject<string>()
constructor (private markdownService: MarkdownService) {}
ngOnInit () {
this.descriptionChanged
this.contentChanged
.debounceTime(150)
.distinctUntilChanged()
.subscribe(() => this.updateDescriptionPreviews())
.subscribe(() => this.updatePreviews())
this.descriptionChanged.next(this.description)
this.contentChanged.next(this.content)
if (this.previewColumn) {
this.flexDirection = 'row'
@ -54,9 +55,9 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
propagateChange = (_: any) => { /* empty */ }
writeValue (description: string) {
this.description = description
this.content = description
this.descriptionChanged.next(this.description)
this.contentChanged.next(this.content)
}
registerOnChange (fn: (_: any) => void) {
@ -68,19 +69,25 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
}
onModelChange () {
this.propagateChange(this.description)
this.propagateChange(this.content)
this.descriptionChanged.next(this.description)
this.contentChanged.next(this.content)
}
arePreviewsDisplayed () {
return isInSmallView() === false
}
private updateDescriptionPreviews () {
if (this.description === null || this.description === undefined) return
private updatePreviews () {
if (this.content === null || this.content === undefined) return
this.truncatedDescriptionHTML = this.markdownService.markdownToHTML(truncate(this.description, { length: this.truncate }))
this.descriptionHTML = this.markdownService.markdownToHTML(this.description)
this.truncatedPreviewHTML = this.markdownRender(truncate(this.content, { length: this.truncate }))
this.previewHTML = this.markdownRender(this.content)
}
private markdownRender (text: string) {
if (this.markdownType === 'text') return this.markdownService.textMarkdownToHTML(text)
return this.markdownService.enhancedMarkdownToHTML(text)
}
}