I have a modalpage with 2 inputs one is for clients question and the other for the email, but when i finished typing and click the send button it just disilluminate the input and i have to click a second time for making the button sendPreformatted text the the question, any idea what can i do? Because i found no answer on github…
HTML:
<div class="center">
<ion-list>
<ion-item no-lines>
<h1 ion-item text-center style="color: #8054e7;">Envío de Consulta</h1>
</ion-item>
<ion-item>
<ion-textarea class="consulta" name="comentario" #pregunta placeholder="Consulta"></ion-textarea>
</ion-item>
<ion-item>
<ion-input class="correo" type="email" #email placeholder="Correo" blur="false"></ion-input>
</ion-item>
<br>
<button ion-button style="border-radius: 50px;display: block;
margin-top: 25px;margin-bottom: auto;
margin-right:auto; margin-left: auto;"
outline (click)=datosTicket(email.value,pregunta.value)>
Enviar Consulta
</button>
</ion-list>
</div>
<ion-fab center>
<button ion-fab mini (click)="cerrar()" type="submit"><ion-icon name="close" small></ion-icon></button>
</ion-fab>
PAGE.TS:
addZero(i){
if(i < 10){
i = "0" + i;
}
return i;
}
datosTicket(email:string,pregunta:string){
let now = new Date();
let day = ("0" + now.getDate()).slice(-2);
let month = ("0" + (now.getMonth() + 1)).slice(-2);
let hour = this.addZero(now.getHours());
let minute = this.addZero(now.getMinutes());
let second = this.addZero(now.getSeconds());
let today = now.getFullYear() + "-" + (month) + "-" + (day) + " " + (hour) + ":" + (minute) + ":" + (second);
if(email != '' && pregunta != '' ){
this.idusuario = localStorage.getItem('idusuario');
this.nombre_usuario = localStorage.getItem('nombre_usuario');
this.userData = {
idusuario: this.idusuario,
nombre_usuario: this.nombre_usuario,
email: email,
pregunta: pregunta,
fecha: today
};
console.log(this.userData);
this._tp.enviarTicket(this.userData, "XXXXXXXX").then((result) =>{
this.datosResp = result;
console.log(this.datosResp);
if(this.datosResp[0]['respuesta'] == "Exito"){
const toast = this.toastCtrl.create({
message: 'Su consulta fue enviada!',
duration: 2500
});
toast.present();
this.navCtrl.pop();
} else {
const toast = this.toastCtrl.create({
message: 'Fallo en el envío, intentelo nuevamente.',
duration: 2500
});
toast.present();
}
});
} else {
const toast = this.toastCtrl.create({
message: 'Debe completar ambos campos',
duration: 2500
});
toast.present();
}
}