Changes in Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts [ee137aa:de18858]

File:

• Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts (modified) (2 diffs)

Farmatiko/ClientApp/src/app/dashboard/dashboard.component.ts

@@ -1 @@
-import { Component, OnInit} from '@angular/core';
+import { Component, OnInit, ViewChild, Inject, Output, EventEmitter } from '@angular/core';
+import { Pharmacy } from '../models/Pharmacy';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { HttpClient } from '@angular/common/http';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar, MatSnackBarRef, SimpleSnackBar } from '@angular/material/snack-bar';
-import { IPharmacy, IMedicine, IPharmacyHead, IPharmacyHeadRequest } from '../shared/interfaces';
-import { DataService } from '../shared/data.service';
-import { PharmacyDialogComponent } from '../dialogs/pharmacy-dialog/pharmacy-dialog.component';
-import { EditPharmacyDialogComponent } from '../dialogs/edit-pharmacy-dialog/edit-pharmacy-dialog.component';
-import { MedicineDialogComponent } from '../dialogs/medicine-dialog/medicine-dialog.component';
-import { ActivatedRoute, Router } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
+import { HomeComponent } from '../home/home.component';
+import { Medicine } from '../models/Medicine';
+import { PharmacyHead } from '../models/PharmacyHead';
+import { MedicineList } from '../models/MedicineList';
 
 @Component({
@@ -15 +19 @@
 })
 export class DashboardComponent implements OnInit {
-  public pharmacies: IPharmacy[] = [];
-  public head: IPharmacyHead;
-  public filteredPharmacies: IPharmacy[] = [];
-  public filteredMedicines: IMedicine[] = [];
-  public request: IPharmacyHeadRequest;
-  public token: string;
+  public mymedicines: Medicine[];
+  public hasmymedicines: boolean[];
+  public pharmacies: Pharmacy[];
+  public mypharmacies: Pharmacy[];
+  public head: PharmacyHead;
+  public status: string;
+  displayedColumns = ['Име','Јачина','Форма', 'Начин на издавање', 'Производител', 'Цена', 'Пакување', 'Actions'];
+  displayedColumnsPharmacies = ['Име','Локација','Адреса', 'Actions'];
+  dataSource = new MatTableDataSource<Medicine>();
+  dataSourcePharmacies = new MatTableDataSource<Pharmacy>();
 
-  constructor(private dataService: DataService, private dialog: MatDialog, private snackBar: MatSnackBar, private router: Router, private route: ActivatedRoute) {
+  @ViewChild(MatPaginator, {static: true}) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
 
+  constructor(http: HttpClient, @Inject('BASE_URL') baseUrl: string, private dialog: MatDialog, private _snackBar: MatSnackBar, private router: Router) {
+    http.get<PharmacyHead>(baseUrl + 'PharmacyHead/GetLoggedHead?').subscribe(result => {
+      this.head = result;
+      console.log(this.head);
+      this.mymedicines = this.head.PharmacyMedicines.Medicines;
+      console.log(this.mymedicines);
+      this.mypharmacies = this.head.Pharmacy;
+      console.log(this.mypharmacies);
+      this.dataSource = new MatTableDataSource<Medicine>(this.mymedicines);
+    }, error => console.error(error));
+    http.get<Pharmacy[]>(baseUrl + 'Pharmacy/Get?').subscribe(result => {
+      this.pharmacies = result;
+      console.log(this.pharmacies);
+      this.dataSourcePharmacies = new MatTableDataSource<Pharmacy>(this.pharmacies);
+    }, error => console.error(error));
   }
 
   ngOnInit(): void {
-    this.token = this.route.snapshot.params['token'];
-    this.dataService.getPharmacyHead(this.token)
-        .subscribe((hd: IPharmacyHead) => {
-          this.head = hd;
-        },
-        (err: any) => console.log(err),
-        () => console.log('Head data retrieved'));
-
-    this.dataService.getPharmacies()
-        .subscribe((pharmacy: IPharmacy[]) => {
-          this.pharmacies = pharmacy;
-        },
-        (err: any) => console.log(err),
-        () => console.log('Pharmacy data retrieved'));
-  }
-  
-  claimPharmacy(pharmacy: IPharmacy) {
-    if(pharmacy && !this.head.Pharmacy.find(x => x === pharmacy)) {
-      this.request = null;
-      this.request.Pharmacy = pharmacy;
-      this.request.PharmacyHead = this.head;
-      this.dataService.claimPharmacy(this.request)
-          .subscribe((req: IPharmacyHeadRequest) => {
-            if(req) {
-              this.openSnackBar("Claiming request sent!", "OK");
-            }
-            else {
-              this.openSnackBar("Unable to send a request", "Try again");
-            }
-          },
-          (err: any) => console.log(err),
-          () => console.log('Claiming request sent!'));
-    }
   }
 
-  deleteMedicine(medicine: IMedicine){
-    this.head.PharmacyMedicines = this.head.PharmacyMedicines.filter(x => x !== medicine);
-    this.dataService.updatePharmacyHead(this.head)
-        .subscribe((hd: IPharmacyHead) => {
-          if(hd) {
-            this.openSnackBar("Success! Medicine deleted", "OK");
-          }
-          else {
-            this.openSnackBar("Unable to delete Medicine", "Try again");
-          }
-        },
-        (err: any) => console.log(err),
-        () => console.log('Update sent!'));
+  ngAfterViewInit(): void {
+    this.dataSource.paginator = this.paginator;
+    this.dataSource.sort = this.sort;
+    this.dataSourcePharmacies.paginator = this.paginator;
+    this.dataSourcePharmacies.sort = this.sort;
   }
 
-  applyFilterMedicines(filterValue: string) {
-    console.log("applyFilterMedicines works!")
-    if(filterValue) {
-      this.dataService.searchMedicines(filterValue)
-          .subscribe((medicine: IMedicine[]) => {
-            this.filteredMedicines = medicine;
-          },
-          (err: any) => console.log(err),
-          () => console.log('Medicine data retrieved')); 
-    }
-    else {
-      this.filteredMedicines = this.head.PharmacyMedicines;
-    }
+  works24hrs(pharmacy: Pharmacy) {
+    console.log(pharmacy);
+    // post request vo prodolzenie
+
+    this.status="Status bar works24hrs";
+  }
+
+  doesntWork24hrs(pharmacy: Pharmacy) {
+    console.log(pharmacy);
+    // post request vo prodolzenie
+
+    this.status="Status bar doesntWork24hrs";
+  }
+
+  claimPharmacy(pharmacy: Pharmacy) {
+    console.log(pharmacy);
+    // post request vo prodolzenie
+
+    this.status="Status bar claimPharmacy";
+  }
+
+  medicineExists(mymedicine: Medicine) {
+    console.log(mymedicine);
+    // post request vo prodolzenie
+
+    this.status="Status bar medicineexists";
+  }
+
+  medicineDoesntSell(mymedicine: Medicine) {
+    console.log(mymedicine);
+    // post request vo prodolzenie
+
+    this.status="Status bar medicineDoesntSell";
+  }
+
+  applyFilter(filterValue: string) {
+    filterValue = filterValue.trim();
+    filterValue = filterValue.toLowerCase();
+    this.dataSource.filter = filterValue;
   }
   
   applyFilterPharmacies(filterValue: string) {
-    console.log("applyFilterPharmacies works!")
-    if(filterValue) {
-      this.dataService.searchPharmacies(filterValue)
-          .subscribe((pharmacy: IPharmacy[]) => {
-            this.filteredPharmacies = pharmacy;
-          },
-          (err: any) => console.log(err),
-          () => console.log('Pharmacy data retrieved')); 
-    }
-    else {
-      this.filteredPharmacies = this.pharmacies;
-    }    
+    filterValue = filterValue.trim();
+    filterValue = filterValue.toLowerCase();
+    this.dataSourcePharmacies.filter = filterValue;
   }
 
-  openPharmacyDialog(pharmacy: IPharmacy): void {
-    this.dialog.open(PharmacyDialogComponent, {
-      width: '450px',
-      data: pharmacy
+  test(): void {
+    console.log('Snackbar works!');
+    this.openSnackBar("Are you sure?", "Yes").onAction().subscribe(() => {
+      this.router.navigate(['/']);
     });
   }
 
-  openEditPharmacyDialog(pharmacy: IPharmacy): void {
-    let dialogRef = this.dialog.open(EditPharmacyDialogComponent, {
-      width: '450px',
-      data: pharmacy
+  openDialog():void {
+    let dialogRef = this.dialog.open(HomeComponent, {
+      width: '70%'
     });
-    dialogRef.afterClosed().subscribe((editedPharmacy: IPharmacy) => {
-      if(editedPharmacy) {
-        this.head.Pharmacy = this.head.Pharmacy.filter(x => x !== pharmacy);
-        this.head.Pharmacy.push(editedPharmacy);
-        this.dataService.updatePharmacyHead(this.head)
-            .subscribe((hd: IPharmacyHead) => {
-              if(hd) {
-                this.openSnackBar("Success! Pharmacy edited", "OK").onAction().subscribe(() => {
-                  window.location.reload();
-                });
-              }
-              else {
-                this.openSnackBar("Pharmacy edit failed", "Try again");
-              }
-            },
-            (err: any) => console.log(err),
-            () => console.log('PharmacyHead data updated'));
-      };
-    });
-  }
-
-  openMedicineDialog(medicine: IMedicine): void {
-    this.dialog.open(MedicineDialogComponent, {
-      width: '450px',
-      data: medicine
+    dialogRef.afterClosed().subscribe(result => {
+      if(result) {
+        this.openSnackBar("Success", "OK");
+      }
     });
   }
 
   openSnackBar(message: string, action: string) : MatSnackBarRef<SimpleSnackBar> {
-    return this.snackBar.open(message, action, {
-      duration: 5000,
+    return this._snackBar.open(message, action, {
+      duration: 10000,
     });
   }