Ignore:
Timestamp:
11/11/21 12:59:26 (3 years ago)
Author:
Ema <ema_spirova@…>
Branches:
master
Children:
59329aa
Parents:
6c1585f
Message:

add location to planner

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r6c1585f rceaed42  
    1 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
     1<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
     2  integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    23
    34<h3>Here are all locations</h3>
    45
    5 <div class="container">
    6   <table mat-table  class="mat-elevation-z8">
    7 
    8     <!--- Note that these columns can be defined in any order.
    9           The actual rendered columns are set as a property on the row definition" -->
    10  
    11     <!-- Position Column -->
    12     <ng-container matColumnDef="position">
    13       <th mat-header-cell *matHeaderCellDef> Location name </th>
    14       <td mat-cell *matCellDef="let element">  </td>
    15     </ng-container>
    16  
    17  
    18     <!-- Symbol Column -->
    19     <ng-container matColumnDef="symbol">
    20       <th mat-header-cell *matHeaderCellDef> Symbol </th>
    21       <td mat-cell *matCellDef="let element">  </td>
    22     </ng-container>
    23  
    24     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
    25     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
    26   </table>
    27 </div>
     6<table class="table" >
     7  <thead>
     8    <tr>
     9      <th scope="col">#</th>
     10      <th scope="col">Location name</th>
     11      <th scope="col"> Add to my planner</th>
     12      <th scope="col">See details </th>
     13    </tr>
     14  </thead>
     15  <tbody>
     16    <tr *ngFor="let location of listLocations">
     17      <td>{{location.id}}</td>
     18      <td>{{location.name}}</td>
     19      <td><button mat-raised-button color="primary" (click)="openDialogSave(location.id)">Add to my planner</button></td>
     20      <td><button mat-raised-button color="primary">See details</button></td>
     21    </tr> 
     22  </tbody>
     23</table>
Note: See TracChangeset for help on using the changeset viewer.