Dismiss AlertController and stop function call
up vote
0
down vote
favorite
I have a function that displays an alert controller and a button that when clicked updates a field on a firestore database. After 15 seconds the alert is dismissed and another function is fired.
pickupIsRequested(){
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true){
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
}
}
]
});
alert.present();
setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
}
});
}
How can I stop the function call on the setTimeout method after I click on the alert controller button? Right now if I click on the button the this.driver.updateDriverPickupRequest still fires.
javascript ionic-framework ionic3
edited Nov 12 at 9:11
robbannn
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
add a comment |
up vote
0
down vote
favorite
I have a function that displays an alert controller and a button that when clicked updates a field on a firestore database. After 15 seconds the alert is dismissed and another function is fired.
pickupIsRequested(){
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true){
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
}
}
]
});
alert.present();
setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
}
});
}
How can I stop the function call on the setTimeout method after I click on the alert controller button? Right now if I click on the button the this.driver.updateDriverPickupRequest still fires.
javascript ionic-framework ionic3
edited Nov 12 at 9:11
robbannn
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
1
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something likeif (!buttonClicked) this.driver.updateDriverPickupRequest(...)
– Phonolog
Nov 11 at 14:09
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I have a function that displays an alert controller and a button that when clicked updates a field on a firestore database. After 15 seconds the alert is dismissed and another function is fired.
pickupIsRequested(){
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true){
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
}
}
]
});
alert.present();
setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
}
});
}
How can I stop the function call on the setTimeout method after I click on the alert controller button? Right now if I click on the button the this.driver.updateDriverPickupRequest still fires.
javascript ionic-framework ionic3
edited Nov 12 at 9:11
robbannn
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
I have a function that displays an alert controller and a button that when clicked updates a field on a firestore database. After 15 seconds the alert is dismissed and another function is fired.
pickupIsRequested(){
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true){
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
}
}
]
});
alert.present();
setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
}
});
}
How can I stop the function call on the setTimeout method after I click on the alert controller button? Right now if I click on the button the this.driver.updateDriverPickupRequest still fires.
javascript ionic-framework ionic3
javascript ionic-framework ionic3
edited Nov 12 at 9:11
robbannn
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
edited Nov 12 at 9:11
robbannn
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
edited Nov 12 at 9:11
robbannn
3,25311935
edited Nov 12 at 9:11
robbannn
3,25311935
edited Nov 12 at 9:11
robbannn
3,25311935
3,25311935
asked Nov 11 at 12:02
Patrick Obafemi
107113
asked Nov 11 at 12:02
Patrick Obafemi
107113
asked Nov 11 at 12:02
Patrick Obafemi
107113
107113
1
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something likeif (!buttonClicked) this.driver.updateDriverPickupRequest(...)
– Phonolog
Nov 11 at 14:09
add a comment |
1
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something likeif (!buttonClicked) this.driver.updateDriverPickupRequest(...)
– Phonolog
Nov 11 at 14:09
1
1
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something like
if (!buttonClicked) this.driver.updateDriverPickupRequest(...)– Phonolog
Nov 11 at 14:09
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something like
if (!buttonClicked) this.driver.updateDriverPickupRequest(...)– Phonolog
Nov 11 at 14:09
add a comment |
1 Answer
1
active
oldest
votes
up vote
2
down vote
You can use clearTimeout() to cancel your function
pickupIsRequested(){
// First you need to create your timeout
let myTimeout = setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true)
{
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
// Cancel it here
clearTimeout(myTimeout);
}
}
]
});
alert.present();
}
});
}
answered Nov 12 at 8:54
saperlipopette
560316
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
2
down vote
You can use clearTimeout() to cancel your function
pickupIsRequested(){
// First you need to create your timeout
let myTimeout = setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true)
{
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
// Cancel it here
clearTimeout(myTimeout);
}
}
]
});
alert.present();
}
});
}
answered Nov 12 at 8:54
saperlipopette
560316
add a comment |
up vote
2
down vote
You can use clearTimeout() to cancel your function
pickupIsRequested(){
// First you need to create your timeout
let myTimeout = setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true)
{
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
// Cancel it here
clearTimeout(myTimeout);
}
}
]
});
alert.present();
}
});
}
answered Nov 12 at 8:54
saperlipopette
560316
add a comment |
up vote
2
down vote
up vote
2
down vote
You can use clearTimeout() to cancel your function
pickupIsRequested(){
// First you need to create your timeout
let myTimeout = setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true)
{
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
// Cancel it here
clearTimeout(myTimeout);
}
}
]
});
alert.present();
}
});
}
answered Nov 12 at 8:54
saperlipopette
560316
You can use clearTimeout() to cancel your function
pickupIsRequested(){
// First you need to create your timeout
let myTimeout = setTimeout(() => {
alert.dismiss();
this.driver.updateDriverPickupRequest(false, this.driverId);
}, 15000);
this.pickupRequest.pickupStatus.subscribe(value => {
console.log(value);
if(value == true)
{
let alert = this.alertCtrl.create({
title: 'You have a Pickup Request!',
message: '<span>Princess who is 3 minutes away requests a ride</span><hr/> You have 15 seconds to accept the request!',
buttons: [
{
text: 'Accept Ride',
handler: () => {
this.driver.updateDriverInRide(true, this.driverId);
// Cancel it here
clearTimeout(myTimeout);
}
}
]
});
alert.present();
}
});
}
answered Nov 12 at 8:54
saperlipopette
560316
answered Nov 12 at 8:54
saperlipopette
560316
answered Nov 12 at 8:54
saperlipopette
560316
answered Nov 12 at 8:54
saperlipopette
560316
560316
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53248529%2fdismiss-alertcontroller-and-stop-function-call%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Why don't you add a bool variable that indicates whether the button has been clicked? Then you should be able to do something like
if (!buttonClicked) this.driver.updateDriverPickupRequest(...)– Phonolog
Nov 11 at 14:09