Ignore:
Timestamp:
11/25/21 22:08:24 (3 years ago)
Author:
Ema <ema_spirova@…>
Branches:
master
Children:
8d391a1
Parents:
59329aa
Message:

primeNG components

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trip-planner-front/src/app/planner/planner.component.html

    r59329aa re29cc2e  
    11<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    22
    3 <button mat-raised-button (click)="openDialog()">Create initial planner</button>
    43
    5 <mat-grid-list cols="4" >
    6   <mat-grid-tile *ngFor="let planner of planners">
    7       <mat-card class="d-flex flex-column">
    8         <mat-card-title>{{planner.name}}</mat-card-title>
    9         <mat-card-content>
    10           {{planner.description}}
    11         </mat-card-content>
    12         <mat-card-actions class="mt-auto">
    13           <button mat-raised-button color="primary" (click)="onClickEditPlannerGet(planner.id)">
    14             <mat-icon>edit</mat-icon> Edit
    15           </button>       
    16           <button mat-raised-button color="accent">
    17             <mat-icon>remove_red_eye</mat-icon>Details
    18           </button>
    19         </mat-card-actions>
    20       </mat-card>
    21   </mat-grid-tile>
    22 </mat-grid-list>
     4<button pButton pRipple type="button" label="Create initial planner" class="p-button-help " (click)="show()"></button>
     5<br>
     6<br>
     7<p-table [value]="planners" [paginator]="true" [rows]="3" [responsive]="true">
     8 
     9  <ng-template pTemplate="body" let-planner>
     10      <td >
     11        <p-card header="{{planner.name}}" subheader="Card Subheader" [style]="{width: '360px'}" styleClass="p-card-shadow">
     12          <ng-template pTemplate="header">
     13          </ng-template>
     14          <p>{{planner.description}}</p>
     15          <ng-template pTemplate="footer">
     16              <button pButton pRipple type="button" label="Edit" class="p-button-outlined p-button-rounded p-button-help" (click)="onClickEditPlannerGet(planner.id)"></button>
     17              <button pButton pRipple type="button" icon="pi pi-times" class="p-button-rounded p-button-danger p-button-outlined" label="Delete" [style]="{'margin-left': '.5em'}"></button>
     18            </ng-template>
     19        </p-card>
     20      </td>
     21  </ng-template>
     22</p-table>
     23
     24
Note: See TracChangeset for help on using the changeset viewer.