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

Lazy load dropdown info on click 

Instead of mouseenter
This commit is contained in:
Chocobozzz 2019-05-13 15:18:11 +02:00
parent 9d1603d36b
commit 4da22f64e7
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/video/video-actions-dropdown.component.html
View File

@ -11,7 +11,7 @@
</div> </div>
<my-action-dropdown <my-action-dropdown
[actions]="videoActions" [label]="label" [entry]="{ video: video }" (mouseenter)="loadDropdownInformation()" [actions]="videoActions" [label]="label" [entry]="{ video: video }" (click)="loadDropdownInformation()"
[buttonSize]="buttonSize" [placement]="placement" [buttonDirection]="buttonDirection" [buttonStyled]="buttonStyled" [buttonSize]="buttonSize" [placement]="placement" [buttonDirection]="buttonDirection" [buttonStyled]="buttonStyled"
></my-action-dropdown> ></my-action-dropdown>

9
client/src/app/shared/video/video-actions-dropdown.component.ts
View File

@ -28,7 +28,7 @@ export type VideoActionsDisplayType = {
templateUrl: './video-actions-dropdown.component.html', templateUrl: './video-actions-dropdown.component.html',
styleUrls: [ './video-actions-dropdown.component.scss' ] styleUrls: [ './video-actions-dropdown.component.scss' ]
}) })
export class VideoActionsDropdownComponent implements AfterViewInit, OnChanges { export class VideoActionsDropdownComponent implements OnChanges {
@ViewChild('playlistDropdown') playlistDropdown: NgbDropdown @ViewChild('playlistDropdown') playlistDropdown: NgbDropdown
@ViewChild('playlistAdd') playlistAdd: VideoAddToPlaylistComponent @ViewChild('playlistAdd') playlistAdd: VideoAddToPlaylistComponent
@ -78,13 +78,6 @@ export class VideoActionsDropdownComponent implements AfterViewInit, OnChanges {
return this.authService.getUser() return this.authService.getUser()
} }
ngAfterViewInit () {
// We rely on mouseenter to lazy load actions
if (this.screenService.isInTouchScreen()) {
this.loadDropdownInformation()
}
}
ngOnChanges () { ngOnChanges () {
this.buildActions() this.buildActions()
} }