Changeset View
Changeset View
Standalone View
Standalone View
src/app/notificationArchive/notificationArchive.component.html
<!-- Removed as of D114 | <!-- Removed as of D114 | ||||
<mat-input-container> | <mat-input-container> | ||||
<input matInput placeholder="Search Posts" type="text" name="search" (input)="searchInput()" [(ngModel)]="model.postText" #postText="ngModel" autocomplete="off" /> | <input matInput placeholder="Search Posts" type="text" name="search" (input)="searchInput()" [(ngModel)]="model.postText" #postText="ngModel" autocomplete="off" /> | ||||
</mat-input-container> | </mat-input-container> | ||||
--> | --> | ||||
<mat-card class="refreshButton" (click)="ngOnInit()" *ngIf="totalCount === 0 && !loading"> | <mat-card class="refreshButton" (click)="ngOnInit()" *ngIf="totalCount === 0 && !loading"> | ||||
No posts, try commenting on posts? | No posts, try commenting on posts? | ||||
<button class="wideButtons" mat-button>Refresh <i class="material-icons">refresh</i></button> | <button class="wideButtons" mat-button>Refresh <i class="material-icons">refresh</i></button> | ||||
</mat-card> | </mat-card> | ||||
<br><br> | <br><br> | ||||
<mat-progress-spinner *ngIf="loading"></mat-progress-spinner> | <mat-progress-spinner *ngIf="loading"></mat-progress-spinner> | ||||
<div id="topNavBack" (click)="back()"><i class="material-icons">arrow_back</i></div> | <div id="topNavBack" (click)="back()"><i class="material-icons">arrow_back</i></div> | ||||
<ngx-masonry [options]="{ horizontalOrder: true }" *ngIf="currentArea"> | <!-- <ngx-masonry [options]="{ horizontalOrder: true }" *ngIf="currentArea"> | ||||
<ngx-masonry-item class="brick" *ngFor="let post of backupPosts[currentArea] | paginate: { id: 'server', itemsPerPage: limit, currentPage: index, totalItems: totalCount }; let i = index"> | <ngx-masonry-item class="brick" *ngFor="let post of backupPosts[currentArea] | paginate: { id: 'server', itemsPerPage: limit, currentPage: index, totalItems: totalCount }; let i = index"> | ||||
<mat-card class="userPostsGrid" (click)="goto(post.id)"> | <mat-card class="userPostsGrid" (click)="goto(post.id)"> | ||||
<font size="0.1"> | <font size="0.1"> | ||||
<ng-container *ngIf="!post.anonym"><i class="material-icons">visibility_on</i></ng-container> | <ng-container *ngIf="!post.anonym"><i class="material-icons">visibility_on</i></ng-container> | ||||
<ng-container *ngIf="post.anonym"><i class="material-icons">visibility_off</i></ng-container> | <ng-container *ngIf="post.anonym"><i class="material-icons">visibility_off</i></ng-container> | ||||
<ng-container *ngIf="imageArray[currentArea][i] || post.image"><i class="material-icons">image</i></ng-container> | <ng-container *ngIf="imageArray[currentArea][i] || post.image"><i class="material-icons">image</i></ng-container> | ||||
<span class="mainText" innerHTML="{{post.text | slice:0:200 | marked: post}}"></span><ng-container *ngIf="post.text.length > 200">...</ng-container> | <span class="mainText" innerHTML="{{post.text | slice:0:200 | marked: post}}"></span><ng-container *ngIf="post.text.length > 200">...</ng-container> | ||||
<hr> | <hr> | ||||
{{post.created}} | {{post.created}} | ||||
</font> | </font> | ||||
</mat-card> | </mat-card> | ||||
</ngx-masonry-item> | </ngx-masonry-item> | ||||
</ngx-masonry> | </ngx-masonry> --> | ||||
<!-- Removed as of D114 | <!-- Removed as of D114 | ||||
<masonry *ngIf="!checked && searching"> | <masonry *ngIf="!checked && searching"> | ||||
<mat-card class="userPostsGrid" style="margin: 0 auto; text-align: center;" *ngIf="searchArray.length === 0"> | <mat-card class="userPostsGrid" style="margin: 0 auto; text-align: center;" *ngIf="searchArray.length === 0"> | ||||
No posts match this search | No posts match this search | ||||
</mat-card> | </mat-card> | ||||
<masonry-brick class="brick" *ngFor="let post of searchArray; let i = index"> | <masonry-brick class="brick" *ngFor="let post of searchArray; let i = index"> | ||||
<mat-card class="userPostsGrid" (click)="goto('fun', post.id)"> | <mat-card class="userPostsGrid" (click)="goto('fun', post.id)"> | ||||
Show All 32 Lines |