import { BrowserModule } from '@angular/platform-browser'
import { NgModule } from '@angular/core'
import { AppRoutingModule } from './app-routing.module'
import { AppComponent } from './app.component'
import { TopoComponent } from './topo/topo.component'
import { TableHeadComponent } from './table-head/table-head.component'
import { PainelComponent } from './painel/painel.component'
import {RouterModule} from '@Angular/router'
import {ROUTES} from './app-routes';
import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';
import { PlanilhawebComponent } from './planilhaweb/planilhaweb.component';
import { DetalhesPlanilhaComponent } from './detalhes-planilha/detalhes-planilha.component';
import { CadastroComponent } from './cadastro/cadastro.component'
import { ReactiveFormsModule } from '@angular/forms';
import { MDBBootstrapModule } from '../../node_modules/angular-bootstrap-md';


@NgModule({
declarations: [
  AppComponent,
  TopoComponent,
  TableHeadComponent,
  PainelComponent,
  HomeComponent,
  LoginComponent,
  PlanilhawebComponent,
  DetalhesPlanilhaComponent,
  CadastroComponent
],
imports: [
  BrowserModule,
  ReactiveFormsModule,
  RouterModule.forRoot(ROUTES)
],
providers: [],
bootstrap: [AppComponent]
})

export class AppModule {}

import {Routes} from '@angular/router'
import {PainelComponent} from './painel/painel.component'
import { TableHeadComponent } from './table-head/table-head.component';
import{ HomeComponent} from './home/home.component'
import{LoginComponent} from './login/login.component'
import {PlanilhawebComponent} from './planilhaweb/planilhaweb.component'
import { DetalhesPlanilhaComponent } from './detalhes-planilha/detalhes-planilha.component';
import { CadastroComponent } from './cadastro/cadastro.component';

export const ROUTES: Routes = [
    { path: '', component: HomeComponent},
    { path: 'login', component: LoginComponent},
    { path: 'producao', component: TableHeadComponent},
    { path: 'plan', component: PlanilhawebComponent},
    { path: 'detalhes', component: HomeComponent},
    { path: 'cadastro', component: CadastroComponent},
    { path: 'detalhes/:id', component: DetalhesPlanilhaComponent}
]

import { Component, OnInit, Input } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
import{PlanilhawebComponent} from '../planilhaweb/planilhaweb.component'
import {ActivatedRoute, Routes } from '@angular/router'
import {ROUTES} from'../app-routes'

@Component({
  selector: 'app-detalhes-planilha',
  templateUrl: './detalhes-planilha.component.html',
  styleUrls: ['./detalhes-planilha.component.css']
})
export class DetalhesPlanilhaComponent implements OnInit {
  private route: ActivatedRoute
  constructor(route: ActivatedRoute ) {
    this.route =route
  }

  cadastroForm = new FormGroup({
    ID            : new FormControl(''),
    CLIENTE       : new FormControl(''),
    CODIGODMD     : new FormControl(''),
    SIGLARM       : new FormControl(''),
    SIGLAPORTAL   : new FormControl(''),
    COMERCIAL     : new FormControl(''),
    ATENDIMENTO   : new FormControl(''),
    AUDITORIA     : new FormControl(''),
    PERIODICIDADE : new FormControl(''),
    ENTREGA       : new FormControl(''),
    RESPONSAVEL   : new FormControl(''),
    LAYOUT        : new FormControl(''),
    DM            : new FormControl(''),
    ODSDM         : new FormControl(''),
    EFV           : new FormControl(''),
    CAMINHO       : new FormControl(''),
    ORIGEM        : new FormControl(''),
    PORTAL        : new FormControl(''),
    FTP           : new FormControl(''),
    OBSERVACAO    : new FormControl(''),
    MAILING       : new FormControl('')
    });

    ngOnInit() {

    console.log(this.route.snapshot.queryParamMap);
  }

}