Permite añadir eventos a la p
This commit is contained in:
@@ -5,6 +5,40 @@
|
||||
</ion-header>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<form [formGroup]="eventoForm" (ngSubmit)="onSubmit()">
|
||||
|
||||
<div class="campoInput">
|
||||
<label>
|
||||
Nombre del evento:
|
||||
<input type="text" formControlName = "nombre">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="campoInput">
|
||||
<label>
|
||||
Fecha:
|
||||
<ion-datetime displayFormat="DD/MM, HH:mm"placeholder="Elegir Fecha" formControlName="fecha"></ion-datetime>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="campoInput">
|
||||
<label>
|
||||
Descripción:
|
||||
<input type="text" formControlName = "descripcion">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="campoInput">
|
||||
<label>
|
||||
Precio:
|
||||
<input type="number" formControlName = "precio1"><label>, </label><input type="number" formControlName = "precio2">
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button type="submit">GUARDAR</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
</ion-content>
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
*{
|
||||
--ion-text-color: #000000;
|
||||
padding: 5px;
|
||||
letter-spacing: 2px;
|
||||
|
||||
}
|
||||
|
||||
.campoInput{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,15 +1,51 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { FormControl, FormGroup } from '@angular/forms';
|
||||
import { Tab1Service } from '../tab1/tab1.service';
|
||||
import { Evento } from '../evento';
|
||||
import { Router } from '@angular/router';
|
||||
import { FormBuilder } from '@angular/forms';
|
||||
|
||||
@Component({
|
||||
selector: 'app-prompt-evento',
|
||||
templateUrl: './prompt-evento.page.html',
|
||||
styleUrls: ['./prompt-evento.page.scss'],
|
||||
})
|
||||
export class PromptEventoPage implements OnInit {
|
||||
export class PromptEventoPage{
|
||||
eventoForm = new FormGroup({
|
||||
nombre: new FormControl(''),
|
||||
fecha: new FormControl(''),
|
||||
hora: new FormControl(''),
|
||||
precio1: new FormControl(''),
|
||||
precio2: new FormControl(''),
|
||||
descripcion: new FormControl('')
|
||||
});
|
||||
|
||||
constructor() { }
|
||||
eventos: Evento[];
|
||||
|
||||
ngOnInit() {
|
||||
constructor(private tab1Service: Tab1Service, private router: Router) {
|
||||
this.eventos = [];
|
||||
}
|
||||
|
||||
onSubmit(){
|
||||
let evento = new Evento();
|
||||
this.asignarEvento(evento);
|
||||
this.router.navigate(['/tabs/tab1/perfil-discoteca']);
|
||||
}
|
||||
asignarEvento(evento: Evento){
|
||||
evento.setNombre(this.eventoForm.get('nombre').value);
|
||||
evento.setDesc(this.eventoForm.get('descripcion').value);
|
||||
evento.setFecha(this.eventoForm.get('fecha').value);
|
||||
evento.setPrecio1(this.eventoForm.get('precio1').value);
|
||||
evento.setPrecio2(this.eventoForm.get('precio2').value);
|
||||
//evento.setDia(evento.getFecha()); el datetime de Ion devuelve un String, no se puede
|
||||
//evento.setHora(evento.getFecha()); transformar en dia y hora
|
||||
if (!this.tab1Service.eventos){
|
||||
this.tab1Service.initEventos();}
|
||||
this.tab1Service.eventos.push(evento);
|
||||
for (var i=0; i<this.tab1Service.eventos.length; i++){
|
||||
console.warn(this.tab1Service.eventos[i].nombre);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user