Output
} from '@angular/core'
import { AuthService, ScreenService, ServerService, User } from '@app/core'
-import { I18n } from '@ngx-translate/i18n-polyfill'
-import { ServerConfig, VideoPlaylistType, VideoPrivacy, VideoState } from '../../../../../shared'
-import { Video } from '../shared-main'
+import { HTMLServerConfig, VideoExistInPlaylist, VideoPlaylistType, VideoPrivacy, VideoState } from '@shared/models'
+import { LinkType } from '../../../types/link.type'
+import { ActorAvatarSize } from '../shared-actor-image/actor-avatar.component'
+import { Video, VideoService } from '../shared-main'
import { VideoPlaylistService } from '../shared-video-playlist'
import { VideoActionsDisplayType } from './video-actions-dropdown.component'
-export type OwnerDisplayType = 'account' | 'videoChannel' | 'auto'
export type MiniatureDisplayOptions = {
date?: boolean
views?: boolean
- by?: boolean
avatar?: boolean
privacyLabel?: boolean
privacyText?: boolean
state?: boolean
blacklistInfo?: boolean
nsfw?: boolean
-}
+ by?: boolean
+ forceChannelInBy?: boolean
+}
@Component({
selector: 'my-video-miniature',
styleUrls: [ './video-miniature.component.scss' ],
export class VideoMiniatureComponent implements OnInit {
@Input() user: User
@Input() video: Video
+ @Input() containedInPlaylists: VideoExistInPlaylist[]
- @Input() ownerDisplayType: OwnerDisplayType = 'account'
@Input() displayOptions: MiniatureDisplayOptions = {
date: true,
views: true,
privacyLabel: false,
privacyText: false,
state: false,
- blacklistInfo: false
+ blacklistInfo: false,
+ forceChannelInBy: false
}
- @Input() displayAsRow = false
- @Input() displayVideoActions = true
- @Input() fitWidth = false
-
- @Input() useLazyLoadUrl = false
-
- @Output() videoBlocked = new EventEmitter()
- @Output() videoUnblocked = new EventEmitter()
- @Output() videoRemoved = new EventEmitter()
- @Output() videoAccountMuted = new EventEmitter()
- videoActionsDisplayOptions: VideoActionsDisplayType = {
+ @Input() displayVideoActions = true
+ @Input() videoActionsDisplayOptions: VideoActionsDisplayType = {
playlist: true,
download: false,
update: true,
delete: true,
report: true,
duplicate: true,
- mute: true
+ mute: true,
+ studio: false,
+ stats: false
}
+
+ @Input() actorImageSize: ActorAvatarSize = '40'
+
+ @Input() displayAsRow = false
+
+ @Input() videoLinkType: LinkType = 'internal'
+
+ @Output() videoBlocked = new EventEmitter()
+ @Output() videoUnblocked = new EventEmitter()
+ @Output() videoRemoved = new EventEmitter()
+ @Output() videoAccountMuted = new EventEmitter()
+
showActions = false
- serverConfig: ServerConfig
+ serverConfig: HTMLServerConfig
addToWatchLaterText: string
addedToWatchLaterText: string
playlistElementId?: number
}
- videoLink: any[] = []
+ videoRouterLink: string | any[] = []
+ videoHref: string
+ videoTarget: string
- private ownerDisplayTypeChosen: 'account' | 'videoChannel'
+ private ownerDisplayType: 'account' | 'videoChannel'
constructor (
private screenService: ScreenService,
private serverService: ServerService,
- private i18n: I18n,
private authService: AuthService,
private videoPlaylistService: VideoPlaylistService,
+ private videoService: VideoService,
private cd: ChangeDetectorRef,
@Inject(LOCALE_ID) private localeId: string
) {}
+ get authorAccount () {
+ return this.serverConfig.client.videos.miniature.preferAuthorDisplayName
+ ? this.video.account.displayName
+ : this.video.byAccount
+ }
+
+ get authorChannel () {
+ return this.serverConfig.client.videos.miniature.preferAuthorDisplayName
+ ? this.video.channel.displayName
+ : this.video.byVideoChannel
+ }
+
get isVideoBlur () {
return this.video.isVideoNSFWForUser(this.user, this.serverConfig)
}
ngOnInit () {
- this.serverConfig = this.serverService.getTmpConfig()
- this.serverService.getConfig()
- .subscribe(config => {
- this.serverConfig = config
- this.buildVideoLink()
- })
+ this.serverConfig = this.serverService.getHTMLConfig()
+ this.buildVideoLink()
this.setUpBy()
- this.channelLinkTitle = this.i18n(
- '{{name}} (channel page)',
- { name: this.video.channel.name, handle: this.video.byVideoChannel }
- )
+ this.channelLinkTitle = $localize`${this.video.channel.name} (channel page)`
// We rely on mouseenter to lazy load actions
if (this.screenService.isInTouchScreen()) {
}
buildVideoLink () {
- if (this.useLazyLoadUrl && this.video.url) {
- const remoteUriConfig = this.serverConfig.search.remoteUri
-
- // Redirect on the external instance if not allowed to fetch remote data
- const externalRedirect = (!this.authService.isLoggedIn() && !remoteUriConfig.anonymous) || !remoteUriConfig.users
- const fromPath = window.location.pathname + window.location.search
+ if (this.videoLinkType === 'internal' || !this.video.url) {
+ this.videoRouterLink = Video.buildWatchUrl(this.video)
+ return
+ }
- this.videoLink = [ '/search/lazy-load-video', { url: this.video.url, externalRedirect, fromPath } ]
+ if (this.videoLinkType === 'external') {
+ this.videoRouterLink = null
+ this.videoHref = this.video.url
+ this.videoTarget = '_blank'
return
}
- this.videoLink = [ '/videos/watch', this.video.uuid ]
+ // Lazy load
+ this.videoRouterLink = [ '/search/lazy-load-video', { url: this.video.url } ]
}
displayOwnerAccount () {
- return this.ownerDisplayTypeChosen === 'account'
+ return this.ownerDisplayType === 'account'
}
displayOwnerVideoChannel () {
- return this.ownerDisplayTypeChosen === 'videoChannel'
+ return this.ownerDisplayType === 'videoChannel'
}
isUnlistedVideo () {
if (!video.state) return ''
if (video.privacy.id !== VideoPrivacy.PRIVATE && video.state.id === VideoState.PUBLISHED) {
- return this.i18n('Published')
+ return $localize`Published`
}
if (video.scheduledUpdate) {
const updateAt = new Date(video.scheduledUpdate.updateAt.toString()).toLocaleString(this.localeId)
- return this.i18n('Publication scheduled on ') + updateAt
+ return $localize`Publication scheduled on ${updateAt}`
+ }
+
+ if (video.state.id === VideoState.TRANSCODING_FAILED) {
+ return $localize`Transcoding failed`
+ }
+
+ if (video.state.id === VideoState.TO_MOVE_TO_EXTERNAL_STORAGE_FAILED) {
+ return $localize`Move to external storage failed`
}
if (video.state.id === VideoState.TO_TRANSCODE && video.waitTranscoding === true) {
- return this.i18n('Waiting transcoding')
+ return $localize`Waiting transcoding`
}
if (video.state.id === VideoState.TO_TRANSCODE) {
- return this.i18n('To transcode')
+ return $localize`To transcode`
}
if (video.state.id === VideoState.TO_IMPORT) {
- return this.i18n('To import')
+ return $localize`To import`
}
- return ''
- }
-
- getAvatarUrl () {
- if (this.ownerDisplayTypeChosen === 'account') {
- return this.video.accountAvatarUrl
+ if (video.state.id === VideoState.TO_EDIT) {
+ return $localize`To edit`
}
- return this.video.videoChannelAvatarUrl
+ return ''
}
loadActions () {
addToWatchLater () {
const body = { videoId: this.video.id }
- this.videoPlaylistService.addVideoInPlaylist(this.watchLaterPlaylist.id, body).subscribe(
- res => {
- this.watchLaterPlaylist.playlistElementId = res.videoPlaylistElement.id
- }
- )
+ this.videoPlaylistService.addVideoInPlaylist(this.watchLaterPlaylist.id, body)
+ .subscribe(
+ res => {
+ this.watchLaterPlaylist.playlistElementId = res.videoPlaylistElement.id
+ }
+ )
}
removeFromWatchLater () {
return this.displayVideoActions && this.isUserLoggedIn() && this.inWatchLaterPlaylist !== undefined
}
+ getClasses () {
+ return {
+ 'display-as-row': this.displayAsRow
+ }
+ }
+
private setUpBy () {
- if (this.ownerDisplayType === 'account' || this.ownerDisplayType === 'videoChannel') {
- this.ownerDisplayTypeChosen = this.ownerDisplayType
+ if (this.displayOptions.forceChannelInBy) {
+ this.ownerDisplayType = 'videoChannel'
return
}
- // If the video channel name an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12)
- // -> Use the account name
- if (
- this.video.channel.name === `${this.video.account.name}_channel` ||
- this.video.channel.name.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/)
- ) {
- this.ownerDisplayTypeChosen = 'account'
- } else {
- this.ownerDisplayTypeChosen = 'videoChannel'
- }
+ this.ownerDisplayType = this.videoService.buildDefaultOwnerDisplayType(this.video)
}
private loadWatchLater () {
this.cd.markForCheck()
})
- this.videoPlaylistService.runPlaylistCheck(this.video.id)
+ this.videoPlaylistService.runVideoExistsInPlaylistCheck(this.video.id)
}
}
projects / github / Chocobozzz / PeerTube.git / blobdiff