Changeset 28d7d35 for Farmatiko/ClientApp/src/app/home/home.component.html

Timestamp:

01/31/21 06:27:26 (4 years ago)

Author:

Mile Jankuloski <mile.jankuloski@…>

Branches:

master

Children:

de9d697

Parents:

7520f88

Message:

Maps, geolocation api, dialogs & more

File:

• Farmatiko/ClientApp/src/app/home/home.component.html (modified) (3 diffs)

Farmatiko/ClientApp/src/app/home/home.component.html

@@ -14 +14 @@
         <tr>
           <th>Име</th>
-          <th>Јачина</th>
           <th>Форма</th>
-          <th>Начин на издавање</th>
-          <th>Производител</th>
           <th>Цена</th>
-          <th>Пакување</th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let medicine of filteredMedicines">
-          <td><a (click)="openMedicineDialog(medicine)">{{ medicine.name }}</a></td>
-          <td>{{ medicine.strength }}</td>
+        <tr *ngFor="let medicine of filteredMedicines" (click)="openMedicineDialog(medicine)" class="tableRow">
+          <td>{{ medicine.name }}</td>
           <td>{{ medicine.form }}</td>
-          <td>{{ medicine.wayOfIssuing }}</td>
-          <td>{{ medicine.manufacturer }}</td>
           <td>{{ medicine.price }}</td>
-          <td>{{ medicine.packaging }}</td>
         </tr>
     </tbody>
@@ -39 +31 @@
   <div class="wrapper">
     <div class="header">
-    <h2>Аптеки</h2>
+    <h2>Аптеки 
+      <button mat-icon-button color="primary" (click)="refreshMap()" [disabled]="!showMap">
+        <mat-icon>refresh</mat-icon>Освежи
+      </button>
+      <button mat-icon-button color="accent" [disabled]="clicked" (click)="toggleMap(); clicked = true">
+        <mat-icon>map</mat-icon>Активирај
+      </button>
+    </h2>
+    <div class="map-wrapper" *ngIf="showMap">
+      <div class="map-frame">
+        <div id="map" style="height: 400px;" leaflet [leafletOptions]="options"></div>
+      </div>
+    </div>
+
     <mat-form-field>
       <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
@@ -49 +54 @@
           <th>Име</th>
           <th>Локација</th>
-          <th>Адреса</th>
           <th>Работи 27/7?</th>
         </tr>
       </thead>
       <tbody>
-        <tr *ngFor="let pharmacy of filteredPharmacies">
-          <td><a (click)="openPharmacyDialog(pharmacy)">{{ pharmacy.name }}</a></td>
+        <tr *ngFor="let pharmacy of filteredPharmacies" (click)="openPharmacyDialog(pharmacy)" class="tableRow">
+          <td>{{ pharmacy.name }}</td>
           <td>{{ pharmacy.location }}</td>
-          <td>{{ pharmacy.address }}</td>
-          <td>{{ pharmacy.workAllTime }}</td>
+          <td *ngIf="pharmacy.workAllTime == true">Да</td>
+          <td *ngIf="pharmacy.workAllTime != true">Не</td>
         </tr>
     </tbody>
   </table>
+
     </div>
     </mat-tab>