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

Show count of instances and fix show/hide button

This commit is contained in:
mahdi 2020-12-12 22:19:01 +01:00 committed by Chocobozzz
parent 2b6ea97f1c
commit ed8b4014ce
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/app/+about/about-follows/about-follows.component.html
View File

@ -1,7 +1,7 @@
<div class="row">
<h1 class="sr-only" i18n>Follows</h1>
<div class="col-xl-6 col-md-12">
<h2 i18n class="subtitle">Followers instances</h2>
<h2 i18n class="subtitle">Followers instances ({{ followersPagination.totalItems }})</h2>
<div i18n class="no-results" *ngIf="followersPagination.totalItems === 0">This instance does not have instances followers.</div>
@ -13,13 +13,13 @@
{{ follower }}
</a>
</ng-container>
<a i18n class="showMore" *ngIf="!showMoreFollowers" (click)="loadAllFollowers()" (click)="showMoreFollowers=true">Show full list</a>
<a i18n class="showMore" *ngIf="showMoreFollowers" (click)= "showMoreFollowers=false">Show less</a>
<button i18n class="showMore" *ngIf="!showMoreFollowers && followersPagination.totalItems > 0" (click)="loadAllFollowers()" (click)="showMoreFollowers=true">Show full list</button>
<button i18n class="showMore" *ngIf="showMoreFollowers" (click)= "showMoreFollowers=false">Show less</button>
</div>
<div class="col-xl-6 col-md-12">
<h2 i18n class="subtitle">Followings instances</h2>
<h2 i18n class="subtitle">Followings instances ({{ followingsPagination.totalItems }})</h2>
<div i18n class="no-results" *ngIf="followingsPagination.totalItems === 0">This instance is not following any other.</div>
@ -32,8 +32,8 @@
</a>
</ng-container>
<a i18n class="showMore" *ngIf="!showMoreFollowings" (click)="loadAllFollowings()" (click)="showMoreFollowings=true">Show full list</a>
<a i18n class="showMore" *ngIf="showMoreFollowings" (click)="showMoreFollowings=false">Show less</a>
<button i18n class="showMore" *ngIf="!showMoreFollowings && followingsPagination.totalItems > 0" (click)="loadAllFollowings()" (click)="showMoreFollowings=true">Show full list</button>
<button i18n class="showMore" *ngIf="showMoreFollowings" (click)="showMoreFollowings=false">Show less</button>
</div>
</div>

5
client/src/app/+about/about-follows/about-follows.component.scss
View File

@ -19,6 +19,7 @@ a {
.showMore {
@include peertube-button-link;
padding: 0;
text-align: left;
@include grey-button;
margin-top: 1%;
}

4
client/src/app/+about/about-follows/about-follows.component.ts
View File

@ -22,13 +22,13 @@ export class AboutFollowsComponent implements OnInit {
followersPagination: ComponentPagination = {
currentPage: 1,
itemsPerPage: 20,
totalItems: null
totalItems: 0
}
followingsPagination: ComponentPagination = {
currentPage: 1,
itemsPerPage: 20,
totalItems: null
totalItems: 0
}
sort: SortMeta = {