OkCallback | OkHttp Async Callback for Android and java

There are a lot of errors in the provided code:

• beep() fonction is not defined, it prevents the alert system to work.
• there is only one list of the same 4 balls for the 5 canvas, so you see the same 4 balls in all canvas.
• updatePos uses containerR that is a global variable (radius of the big circle), calculations can only be done for the big circle.
• drawBall draws the same single ball in the 5 contexts

Fixed code, with random initial positions for balls :

The implementation for the confirm method should be like this

Have you had your service in your app.module.ts ?

It's not clear what you're actually trying to do but I think your chain is backwards from what you expect:

I was very surprised while reading your solution, but if you feel it simple and working, why not?

I would do this:

• Add a boolean property in the state (or any data needed for showing popup), reflecting the display of the popup
• use mapState in App.vue to bring the reactive boolean in the component
• use v-if or show in App.vue template, on the popup declaration
• create a 'showPopup' mutation that take a boolean and update the state accordingly
• call the mutation from anywhere, anytime I needed to show/hide the popup

That will follow the vue pattern. Anything in state, ui components reflect the state, mutations mutates the state.

Your solution works, ok, but it doesn't follow vue framework, for exemple vue debug tools will be useless in your case. I consider better to have the minimum of number of patterns in one app, for maintenance, giving it to other people and so on.

Turns out the problem was with the headers. The requests being done on the computer were slightly different than the ones on the client. Replicating all the header fields provides the same performance on both pc and mobile.

UPDATE2

Just correction in the code you need to do

• okCallback.call() or add parenthesis () like 'okCallback()`
• and then cancelCallback.call() or add parenthesis cancelCallback()

inside the .then((selection)=>{}) and it is an anonymous function and needs to be called rather than just using okCallback so the code inside the .then((selection)=>{}) becomes

Set Defaults As:

Reference ----> alertify js demo

You can pass arguments to JavaScript functions without having a parameter name on the function's signature. This should be a workaround for your problem.

See Is it possible to get all arguments of a function as single object inside that function?