Add channel avatar to overviews
This commit is contained in:
parent
73dc4da09e
commit
1a47109144
|
@ -22,9 +22,13 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="section" *ngFor="let object of overview.channels">
|
<div class="section channel" *ngFor="let object of overview.channels">
|
||||||
<div class="section-title" i18n>
|
<div class="section-title" i18n>
|
||||||
<a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]">Channel {{ object.channel.displayName }}</a>
|
<a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]">
|
||||||
|
<img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" />
|
||||||
|
|
||||||
|
<div>{{ object.channel.displayName }}</div>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -19,4 +19,18 @@
|
||||||
|
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.channel {
|
||||||
|
.section-title a {
|
||||||
|
display: flex;
|
||||||
|
width: fit-content;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
img {
|
||||||
|
@include avatar(30px);
|
||||||
|
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -53,4 +53,8 @@ export class VideoOverviewComponent implements OnInit {
|
||||||
buildVideoChannelBy (object: { videos: Video[] }) {
|
buildVideoChannelBy (object: { videos: Video[] }) {
|
||||||
return object.videos[0].byVideoChannel
|
return object.videos[0].byVideoChannel
|
||||||
}
|
}
|
||||||
|
|
||||||
|
buildVideoChannelAvatarUrl (object: { videos: Video[] }) {
|
||||||
|
return object.videos[0].videoChannelAvatarUrl
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -473,7 +473,7 @@ const TORRENT_MIMETYPE_EXT = {
|
||||||
|
|
||||||
const OVERVIEWS = {
|
const OVERVIEWS = {
|
||||||
VIDEOS: {
|
VIDEOS: {
|
||||||
SAMPLE_THRESHOLD: 4,
|
SAMPLE_THRESHOLD: 6,
|
||||||
SAMPLES_COUNT: 2
|
SAMPLES_COUNT: 2
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user