Changeset 6c1585f for trip-planner-front/src/app/location/location.component.html

Timestamp:

11/04/21 23:10:39 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

ceaed42

Parents:

6a80231

Message:

edit planner form with angular

File:

• trip-planner-front/src/app/location/location.component.html (modified) (1 diff)

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

@@ -1 @@
-<div *ngFor="let category of categories">
-  {{category.name}}
-  </div>
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
 
-  <hr>
+<h3>Here are all locations</h3>
 
-  <div *ngFor="let companion of companions">
-    {{companion.type}}
-  </div>
+<div class="container">
+  <table mat-table  class="mat-elevation-z8">
+
+    <!--- Note that these columns can be defined in any order.
+          The actual rendered columns are set as a property on the row definition" -->
+  
+    <!-- Position Column -->
+    <ng-container matColumnDef="position">
+      <th mat-header-cell *matHeaderCellDef> Location name </th>
+      <td mat-cell *matCellDef="let element">  </td>
+    </ng-container>
+  
+  
+    <!-- Symbol Column -->
+    <ng-container matColumnDef="symbol">
+      <th mat-header-cell *matHeaderCellDef> Symbol </th>
+      <td mat-cell *matCellDef="let element">  </td>
+    </ng-container>
+  
+    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+</div>