socialnetworknews-web

A open-source Paper.li clone
git clone git://archive.git.mtrnord.blog/SocialNetworkNews/socialnetworknews-web.git
Log | Files | Refs | README | LICENSE

papers-list.component.html (868B)

      1 <spinner spinner="spinner"></spinner>
      2 <div class="grid">
      3   <mat-card *ngFor="let item of data" style="max-width: 350px;">
      4     <mat-card-header>
      5       <mat-card-title>{{item.name}}</mat-card-title>
      6       <mat-card-subtitle>AUTHOR (Placeholder)</mat-card-subtitle>
      7     </mat-card-header>
      8     <a (click)="lightbox.show(lightboxItem)" >
      9       <img mat-card-image *ngIf="item.paper_image" [src]="item.paper_image">
     10     </a>
     11 
     12     <!-- lightbox container hidden with CSS -->
     13     <a (click)="lightbox.hide(lightboxItem)" class="lightbox" #lightboxItem>
     14       <div class="img-wrapper">
     15         <img *ngIf="item.paper_image" [src]="item.paper_image">
     16       </div>
     17     </a>
     18     <mat-card-content>
     19       {{item.description}}
     20     </mat-card-content>
     21     <mat-card-actions>
     22       <a mat-button routerLink="/paper/{{item.uuid}}">OPEN</a>
     23     </mat-card-actions>
     24   </mat-card>
     25 </div>