diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts')
-rw-r--r-- | client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts index 22c9af566..366640618 100644 --- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts +++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.ts | |||
@@ -8,6 +8,7 @@ import { ActivatedRoute } from '@angular/router' | |||
8 | import { VideoPlaylistService } from '@app/shared/video-playlist/video-playlist.service' | 8 | import { VideoPlaylistService } from '@app/shared/video-playlist/video-playlist.service' |
9 | import { VideoPlaylist } from '@app/shared/video-playlist/video-playlist.model' | 9 | import { VideoPlaylist } from '@app/shared/video-playlist/video-playlist.model' |
10 | import { I18n } from '@ngx-translate/i18n-polyfill' | 10 | import { I18n } from '@ngx-translate/i18n-polyfill' |
11 | import { ScreenService } from '@app/shared/misc/screen.service' | ||
11 | import { CdkDragDrop } from '@angular/cdk/drag-drop' | 12 | import { CdkDragDrop } from '@angular/cdk/drag-drop' |
12 | import { VideoPlaylistElement } from '@app/shared/video-playlist/video-playlist-element.model' | 13 | import { VideoPlaylistElement } from '@app/shared/video-playlist/video-playlist-element.model' |
13 | 14 | ||
@@ -38,6 +39,7 @@ export class MyAccountVideoPlaylistElementsComponent implements OnInit, OnDestro | |||
38 | private confirmService: ConfirmService, | 39 | private confirmService: ConfirmService, |
39 | private route: ActivatedRoute, | 40 | private route: ActivatedRoute, |
40 | private i18n: I18n, | 41 | private i18n: I18n, |
42 | private screenService: ScreenService, | ||
41 | private videoPlaylistService: VideoPlaylistService | 43 | private videoPlaylistService: VideoPlaylistService |
42 | ) {} | 44 | ) {} |
43 | 45 | ||
@@ -99,6 +101,23 @@ export class MyAccountVideoPlaylistElementsComponent implements OnInit, OnDestro | |||
99 | return elem.id | 101 | return elem.id |
100 | } | 102 | } |
101 | 103 | ||
104 | /** | ||
105 | * Returns null to not have drag and drop delay. | ||
106 | * In small views, where elements are about 100% wide, | ||
107 | * we add a delay to prevent unwanted drag&drop. | ||
108 | * | ||
109 | * @see {@link https://github.com/Chocobozzz/PeerTube/issues/2078} | ||
110 | * | ||
111 | * @returns {null|number} Null for no delay, or a number in milliseconds. | ||
112 | */ | ||
113 | getDragStartDelay (): null | number { | ||
114 | if (this.screenService.isInTouchScreen()) { | ||
115 | return 500 | ||
116 | } | ||
117 | |||
118 | return null | ||
119 | } | ||
120 | |||
102 | private loadElements () { | 121 | private loadElements () { |
103 | this.videoPlaylistService.getPlaylistVideos(this.videoPlaylistId, this.pagination) | 122 | this.videoPlaylistService.getPlaylistVideos(this.videoPlaylistId, this.pagination) |
104 | .subscribe(({ total, data }) => { | 123 | .subscribe(({ total, data }) => { |