Differential D238 Diff 855 src/app/_shared/myPosts/myPosts.component.html

Changeset View

Standalone View

src/app/_shared/myPosts/myPosts.component.html

This file was added.

				<div fxLayout="row" fxLayoutAlign="start center">
				<h1 class="profile-title">My Posts</h1>
				<p class="profile-title" fxFlexOffset="1rem" style="margin: 0;"><ng-container *ngIf="currentArea">{{currentArea.displayname}}</ng-container></p>
				</div>
				<div fxLayout="column" class="profile-post-group" fxFlexOffset="1rem">
				<div *ngIf="currentArea" fxLayout="row" class="profile-post-row">
				<div class="profile-post-card" (click)="goto(post.id)" fxLayout="column" *ngFor="let post of backupPosts[currentArea.name] \| paginate: { id: 'server', itemsPerPage: limit, currentPage: index, totalItems: totalCount }; let i = index">
				<div fxLayout="row" fxLayoutAlign="end center" class="profile-post-row-icons">
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem" *ngIf="imageArray[currentArea.name][i] \|\| post.image">image</i>
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem" *ngIf="post.active">hourglass_full</i>
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem" *ngIf="!post.active">hourglass_empty</i>
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem" *ngIf="!post.anonym">visibility_on</i>
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem" *ngIf="post.anonym">visibility_off</i>
				<i class="material-icons" style="width: 24px;zoom: 0.7;" fxFlexOffset="1rem">filter_none</i>
				<h5 style="color: #333333" fxFlexOffset="0.5rem">{{post.comments.length}}</h5>
				</div>
				<p class="marked" innerHTML="{{post.text \| slice:0:200 \| marked: post}}"></p>
				<ng-container *ngIf="post.text.length > 200">...</ng-container>
				</div>
				</div>
				</div>
				<pagination-controls fxFlexOffset="1rem" *ngIf="totalCount !== 0 && !loading" (pageChange)="getPosts($event)" id="server"></pagination-controls>
				<div *ngIf="loading" fxLayoutAlign="center center" fxFlexOffset="1rem">
				<mat-progress-spinner></mat-progress-spinner>
				</div>