interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Slightly more personal support modal

This commit is contained in:
Rigel Kent 2019-12-27 17:03:48 +01:00
parent c1125bcadc
commit 1053480b25
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/videos/+video-watch/modal/video-support.component.html
View File

@ -1,12 +1,12 @@
<ng-template #modal let-hide="close"> <ng-template #modal let-hide="close">
<div class="modal-header"> <div class="modal-header">
<h4 i18n class="modal-title">Support</h4> <h4 i18n class="modal-title">Support {{ user?.account?.displayName }}</h4>
<my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon> <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
</div> </div>
<div class="modal-body" [innerHTML]="videoHTMLSupport"></div> <div class="modal-body" [innerHTML]="videoHTMLSupport"></div>
<div class="modal-footer inputs"> <div class="modal-footer inputs">
<span i18n class="action-button action-button-cancel" (click)="hide()">Cancel</span> <span i18n class="action-button action-button-cancel" (click)="hide()">Maybe later</span>
</div> </div>
</ng-template> </ng-template>

2
client/src/app/videos/+video-watch/modal/video-support.component.ts
View File

@ -2,6 +2,7 @@ import { Component, Input, ViewChild } from '@angular/core'
import { VideoDetails } from '../../../shared/video/video-details.model' import { VideoDetails } from '../../../shared/video/video-details.model'
import { NgbModal } from '@ng-bootstrap/ng-bootstrap' import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
import { MarkdownService } from '@app/shared/renderer' import { MarkdownService } from '@app/shared/renderer'
import { User } from '@app/shared'
@Component({ @Component({
selector: 'my-video-support', selector: 'my-video-support',
@ -10,6 +11,7 @@ import { MarkdownService } from '@app/shared/renderer'
}) })
export class VideoSupportComponent { export class VideoSupportComponent {
@Input() video: VideoDetails = null @Input() video: VideoDetails = null
@Input() user: User = null
@ViewChild('modal', { static: true }) modal: NgbModal @ViewChild('modal', { static: true }) modal: NgbModal

2
client/src/app/videos/+video-watch/video-watch.component.html
View File

@ -260,6 +260,6 @@
</div> </div>
<ng-container *ngIf="video !== null"> <ng-container *ngIf="video !== null">
<my-video-support #videoSupportModal [video]="video"></my-video-support> <my-video-support #videoSupportModal [video]="video" [user]="user"></my-video-support>
<my-video-share #videoShareModal [video]="video" [videoCaptions]="videoCaptions" [playlist]="playlist"></my-video-share> <my-video-share #videoShareModal [video]="video" [videoCaptions]="videoCaptions" [playlist]="playlist"></my-video-share>
</ng-container> </ng-container>