mirror of https://github.com/Chocobozzz/PeerTube
Add button in subscriptions to go to subscriptions list
parent
366b21f13f
commit
13adf228d0
|
@ -4,9 +4,17 @@
|
||||||
<div placement="bottom" [ngbTooltip]="titleTooltip" container="body">
|
<div placement="bottom" [ngbTooltip]="titleTooltip" container="body">
|
||||||
{{ titlePage }}
|
{{ titlePage }}
|
||||||
</div>
|
</div>
|
||||||
|
<my-feed *ngIf="titlePage" [syndicationItems]="syndicationItems"></my-feed>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<my-feed *ngIf="titlePage" [syndicationItems]="syndicationItems"></my-feed>
|
<div class="action-block" *ngIf="actions.length > 0">
|
||||||
|
<a [routerLink]="action.routerLink" routerLinkActive="active" *ngFor="let action of actions">
|
||||||
|
<button class="btn">
|
||||||
|
<my-global-icon [iconName]="action.iconName"></my-global-icon>
|
||||||
|
<span i18n>{{ action.label }}</span>
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="moderation-block" *ngIf="displayModerationBlock">
|
<div class="moderation-block" *ngIf="displayModerationBlock">
|
||||||
<my-peertube-checkbox
|
<my-peertube-checkbox
|
||||||
|
|
|
@ -3,17 +3,27 @@
|
||||||
|
|
||||||
.videos-header {
|
.videos-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
align-items: center;
|
align-items: baseline;
|
||||||
|
|
||||||
.title-page.title-page-single {
|
.title-page.title-page-single {
|
||||||
margin: 0 5px 0 0;
|
display: flex;
|
||||||
|
|
||||||
|
my-feed {
|
||||||
|
display: inline-block;
|
||||||
|
top: 1px;
|
||||||
|
margin-left: 5px;
|
||||||
|
width: max-content;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
my-feed {
|
.action-block {
|
||||||
display: inline-block;
|
a button {
|
||||||
top: 1px;
|
@include peertube-button;
|
||||||
min-width: 60px;
|
@include grey-button;
|
||||||
|
@include button-with-icon(18px, 3px, -1px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.moderation-block {
|
.moderation-block {
|
||||||
|
|
|
@ -59,6 +59,12 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy, DisableFor
|
||||||
blacklistInfo: false
|
blacklistInfo: false
|
||||||
}
|
}
|
||||||
|
|
||||||
|
actions: {
|
||||||
|
routerLink: string
|
||||||
|
iconName: string
|
||||||
|
label: string
|
||||||
|
}[] = []
|
||||||
|
|
||||||
onDataSubject = new Subject<any[]>()
|
onDataSubject = new Subject<any[]>()
|
||||||
|
|
||||||
protected serverConfig: ServerConfig
|
protected serverConfig: ServerConfig
|
||||||
|
|
|
@ -36,6 +36,11 @@ export class VideoUserSubscriptionsComponent extends AbstractVideoList implement
|
||||||
super()
|
super()
|
||||||
|
|
||||||
this.titlePage = i18n('Videos from your subscriptions')
|
this.titlePage = i18n('Videos from your subscriptions')
|
||||||
|
this.actions.push({
|
||||||
|
routerLink: '/my-account/subscriptions',
|
||||||
|
label: i18n('Subscriptions'),
|
||||||
|
iconName: 'cog'
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
ngOnInit () {
|
ngOnInit () {
|
||||||
|
|
Loading…
Reference in New Issue