diff options
Diffstat (limited to 'client/src/app/shared')
-rw-r--r-- | client/src/app/shared/forms/markdown-textarea.component.html | 6 | ||||
-rw-r--r-- | client/src/app/shared/misc/help.component.ts | 17 |
2 files changed, 13 insertions, 10 deletions
diff --git a/client/src/app/shared/forms/markdown-textarea.component.html b/client/src/app/shared/forms/markdown-textarea.component.html index 6effda5b8..802562dd7 100644 --- a/client/src/app/shared/forms/markdown-textarea.component.html +++ b/client/src/app/shared/forms/markdown-textarea.component.html | |||
@@ -1,8 +1,8 @@ | |||
1 | <div class="root" [ngStyle]="{ 'flex-direction': flexDirection }"> | 1 | <div class="root" [ngStyle]="{ 'flex-direction': flexDirection }"> |
2 | <textarea | 2 | <textarea |
3 | [(ngModel)]="content" (ngModelChange)="onModelChange()" | 3 | [(ngModel)]="content" (ngModelChange)="onModelChange()" |
4 | [ngClass]="classes" [ngStyle]="{ width: textareaWidth, height: textareaHeight, 'margin-right': textareaMarginRight }" | 4 | [ngClass]="classes" [ngStyle]="{ width: textareaWidth, height: textareaHeight, 'margin-right': textareaMarginRight }" |
5 | id="description" name="description"> | 5 | id="description" name="description"> |
6 | </textarea> | 6 | </textarea> |
7 | 7 | ||
8 | <tabset *ngIf="arePreviewsDisplayed()" class="previews"> | 8 | <tabset *ngIf="arePreviewsDisplayed()" class="previews"> |
diff --git a/client/src/app/shared/misc/help.component.ts b/client/src/app/shared/misc/help.component.ts index 0373a63de..e7af61b4a 100644 --- a/client/src/app/shared/misc/help.component.ts +++ b/client/src/app/shared/misc/help.component.ts | |||
@@ -1,5 +1,6 @@ | |||
1 | import { Component, Input, OnChanges, OnInit } from '@angular/core' | 1 | import { Component, Input, OnChanges, OnInit } from '@angular/core' |
2 | import { MarkdownService } from '@app/videos/shared' | 2 | import { MarkdownService } from '@app/videos/shared' |
3 | import { I18n } from '@ngx-translate/i18n-polyfill' | ||
3 | 4 | ||
4 | @Component({ | 5 | @Component({ |
5 | selector: 'my-help', | 6 | selector: 'my-help', |
@@ -16,6 +17,8 @@ export class HelpComponent implements OnInit, OnChanges { | |||
16 | 17 | ||
17 | mainHtml = '' | 18 | mainHtml = '' |
18 | 19 | ||
20 | constructor (private i18n: I18n) { } | ||
21 | |||
19 | ngOnInit () { | 22 | ngOnInit () { |
20 | this.init() | 23 | this.init() |
21 | } | 24 | } |
@@ -42,18 +45,18 @@ export class HelpComponent implements OnInit, OnChanges { | |||
42 | } | 45 | } |
43 | 46 | ||
44 | private formatMarkdownSupport (rules: string[]) { | 47 | private formatMarkdownSupport (rules: string[]) { |
45 | return '<a href="https://en.wikipedia.org/wiki/Markdown#Example" target="_blank" rel="noopener noreferrer">Markdown</a> ' + | 48 | // tslint:disable:max-line-length |
46 | 'compatible that supports:' + | 49 | return this.i18n('<a href="https://en.wikipedia.org/wiki/Markdown#Example" target="_blank" rel="noopener noreferrer">Markdown</a> compatible that supports:') + |
47 | this.createMarkdownList(rules) | 50 | this.createMarkdownList(rules) |
48 | } | 51 | } |
49 | 52 | ||
50 | private createMarkdownList (rules: string[]) { | 53 | private createMarkdownList (rules: string[]) { |
51 | const rulesToText = { | 54 | const rulesToText = { |
52 | 'emphasis': 'Emphasis', | 55 | 'emphasis': this.i18n('Emphasis'), |
53 | 'link': 'Links', | 56 | 'link': this.i18n('Links'), |
54 | 'newline': 'New lines', | 57 | 'newline': this.i18n('New lines'), |
55 | 'list': 'Lists', | 58 | 'list': this.i18n('Lists'), |
56 | 'image': 'Images' | 59 | 'image': this.i18n('Images') |
57 | } | 60 | } |
58 | 61 | ||
59 | const bullets = rules.map(r => rulesToText[r]) | 62 | const bullets = rules.map(r => rulesToText[r]) |