register-equipment.component.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

import { AppModule } from "../app.module";
import { Machine } from "../machine";
import { MachinesService } from "../machines.service";
import * as $ from 'jquery';


@Component({
  selector: 'app-register-equipment',
  templateUrl: './register-equipment.component.html',
  styleUrls: ['./register-equipment.component.scss']
})
export class RegisterEquipmentComponent implements OnInit {

  machineData : Machine = {
    serial_number:'',
    room:'',
    date_last_maintenance:'',
    date_next_maintenance:'',
    Status:'',
    address:'',
    address_number:'',
    district:'',
    city:'',
    state:''
  }

	image = ['']

  constructor(private machineService: MachinesService) {

  }

  ngOnInit() {

  }

//nomes dos metodos a serem mudados conforme a necessidade: basta mudar aqui e no html

  onSubmit() {

		this.machineData.serial_number = this.machineData.serial_number.trim();
		this.machineData.room = this.machineData.room.trim();
		this.machineData.date_last_maintenance = this.machineData.date_last_maintenance.trim();
		this.machineData.date_next_maintenance = this.machineData.date_next_maintenance.trim();
		this.machineData.Status = this.machineData.Status.trim();
		this.machineData.address = this.machineData.address.trim();
		this.machineData.address_number = this.machineData.address_number.trim();
		this.machineData.district = this.machineData.district.trim();
		this.machineData.city = this.machineData.city.trim();
		this.machineData.state = this.machineData.state.trim();


    window.alert("Número de Série: "+this.machineData.serial_number
                    +"\nSala: "+this.machineData.room
                    +"\nData da última manutenção: "+this.machineData.date_last_maintenance
                    +"\nData da próxima manutenção: "+this.machineData.date_next_maintenance
                    +"\nEstado da Máquina: "+this.machineData.Status
                    +"\nRua: "+this.machineData.address
                    +"\nNúmero: "+this.machineData.address_number
                    +"\nBairro: "+this.machineData.district
                    +"\nCidade: "+this.machineData.city
                    +"\nEstado: "+this.machineData.state
                  );

			this.machineService.addMachine(this.machineData, this.image)
				.subscribe(data => {
					window.alert("Máquina registrada com sucesso");
				});

  }

  scanQRCode () {

    window.alert("scanning QR code");

  }

  onFileSelect (event) {

    if(event.target.files.length > 0) {
			this.image = event.target.files[0];
			//console.log(this.image);
		}
  }

}