Permite añadir eventos a la p

This commit is contained in:
2021-02-02 12:02:37 +01:00
parent e8b52ec48d
commit af852bff37
14 changed files with 231 additions and 20 deletions

View File

@@ -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>

View File

@@ -0,0 +1,12 @@
*{
--ion-text-color: #000000;
padding: 5px;
letter-spacing: 2px;
}
.campoInput{
display: block;
}

View File

@@ -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);
}
}
}