import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { LeafletModule } from "@asymmetrik/ngx-leaflet";
import { ChartsModule } from "ng2-charts";
import { RouterModule } from '@angular/router';

import { MapsComponent } from './maps/maps.component';
import { PlantsStatusComponent } from './plants-status/plants-status.component';
import {
  MatButtonModule,
  MatInputModule,
  MatRippleModule,
  MatFormFieldModule,
  MatTooltipModule,
  MatSelectModule,
  MatExpansionModule,
  MatTableModule,
  MatPaginatorModule,
  MatProgressSpinnerModule,
  MatSortModule

} from '@angular/material';
import {  } from '@angular/material/table';

import { PlantsDatatablesComponent } from './plants-datatables/plants-datatables.component';
import { WeatherCardComponent } from './weather-card/weather-card.component';
import { BarChartComponent } from './bar-chart/bar-chart.component';
import { PolarChartComponent } from './polar-chart/polar-chart.component';
import { DoughnutChartComponent } from './doughnut-chart/doughnut-chart.component';
import { OrganizationCardsComponent } from './organization-cards/organization-cards.component';

/*import { BoxModule } from "angular-admin-lte";
import { LineChartComponent } from "./line-chart/line-chart.component";
import { ChartsModule } from "ng2-charts";
import { RealTimeComponent } from "./real-time/real-time.component";

import { IMqttMessage, MqttModule, IMqttServiceOptions } from "ngx-mqtt";

export const MQTT_SERVICE_OPTIONS: IMqttServiceOptions = {
  hostname: "192.168.100.5",
  port: 9001,
  path: "/mqtt"
};
*/
@NgModule({
  declarations: [
    MapsComponent,
    PlantsStatusComponent,
    PlantsDatatablesComponent,
    WeatherCardComponent,
    BarChartComponent,
    PolarChartComponent,
    DoughnutChartComponent,
    OrganizationCardsComponent,
  ],
  imports: [
    CommonModule,
    LeafletModule,
    MatButtonModule,
    MatRippleModule,
    MatFormFieldModule,
    MatInputModule,
    MatSelectModule,
    MatTooltipModule,
    MatExpansionModule,
    MatTableModule,
    MatPaginatorModule,
    MatProgressSpinnerModule,
    MatSortModule,
    ChartsModule,
    RouterModule
  ],
  exports: [
    MapsComponent,
    PlantsStatusComponent,
    PlantsDatatablesComponent,
    WeatherCardComponent,
    BarChartComponent,
    PolarChartComponent,
    OrganizationCardsComponent,
  ]
})
export class PluginsModule {}
