Ignore:
Timestamp:
01/31/21 06:27:26 (22 months ago)
Author:
Mile Jankuloski <mile.jankuloski@…>
Branches:
master
Children:
de9d697
Parents:
7520f88
Message:

Maps, geolocation api, dialogs & more

File:
1 edited

Legend:

Unmodified
Added
Removed
  • Farmatiko/ClientApp/src/app/home/home.component.html

    r7520f88 r28d7d35  
    1414        <tr>
    1515          <th>Име</th>
    16           <th>Јачина</th>
    1716          <th>Форма</th>
    18           <th>Начин на издавање</th>
    19           <th>Производител</th>
    2017          <th>Цена</th>
    21           <th>Пакување</th>
    2218        </tr>
    2319      </thead>
    2420      <tbody>
    25         <tr *ngFor="let medicine of filteredMedicines">
    26           <td><a (click)="openMedicineDialog(medicine)">{{ medicine.name }}</a></td>
    27           <td>{{ medicine.strength }}</td>
     21        <tr *ngFor="let medicine of filteredMedicines" (click)="openMedicineDialog(medicine)" class="tableRow">
     22          <td>{{ medicine.name }}</td>
    2823          <td>{{ medicine.form }}</td>
    29           <td>{{ medicine.wayOfIssuing }}</td>
    30           <td>{{ medicine.manufacturer }}</td>
    3124          <td>{{ medicine.price }}</td>
    32           <td>{{ medicine.packaging }}</td>
    3325        </tr>
    3426    </tbody>
     
    3931  <div class="wrapper">
    4032    <div class="header">
    41     <h2>Аптеки</h2>
     33    <h2>Аптеки
     34      <button mat-icon-button color="primary" (click)="refreshMap()" [disabled]="!showMap">
     35        <mat-icon>refresh</mat-icon>Освежи
     36      </button>
     37      <button mat-icon-button color="accent" [disabled]="clicked" (click)="toggleMap(); clicked = true">
     38        <mat-icon>map</mat-icon>Активирај
     39      </button>
     40    </h2>
     41    <div class="map-wrapper" *ngIf="showMap">
     42      <div class="map-frame">
     43        <div id="map" style="height: 400px;" leaflet [leafletOptions]="options"></div>
     44      </div>
     45    </div>
     46
    4247    <mat-form-field>
    4348      <input matInput (keyup)="applyFilterPharmacies($event.target.value)" placeholder="Пронајди аптека">
     
    4954          <th>Име</th>
    5055          <th>Локација</th>
    51           <th>Адреса</th>
    5256          <th>Работи 27/7?</th>
    5357        </tr>
    5458      </thead>
    5559      <tbody>
    56         <tr *ngFor="let pharmacy of filteredPharmacies">
    57           <td><a (click)="openPharmacyDialog(pharmacy)">{{ pharmacy.name }}</a></td>
     60        <tr *ngFor="let pharmacy of filteredPharmacies" (click)="openPharmacyDialog(pharmacy)" class="tableRow">
     61          <td>{{ pharmacy.name }}</td>
    5862          <td>{{ pharmacy.location }}</td>
    59           <td>{{ pharmacy.address }}</td>
    60           <td>{{ pharmacy.workAllTime }}</td>
     63          <td *ngIf="pharmacy.workAllTime == true">Да</td>
     64          <td *ngIf="pharmacy.workAllTime != true">Не</td>
    6165        </tr>
    6266    </tbody>
    6367  </table>
     68
    6469    </div>
    6570    </mat-tab>
Note: See TracChangeset for help on using the changeset viewer.