0

I am implementing a shopping cart website , which can be used by multiple vendors at a time simultaneously .

I have a requirement as When a new order comes in, the Order status should be in Yellow color (New Order ) and if it is accepted by any of the Vendor it should turn to Blue Color (Processed state)

I am confused at this scenario :

Assume that 4 vendors are watching the Orders simultaneously , a new order has come in which initially shown in yellow color and one of the vendor accepted that , how can i change the color of that Order to Blue Color to the remaining 3 Vendors ??

Any suggestions as how to implement this type of requirement ??

Pawan
  • 31,545
  • 102
  • 256
  • 434

4 Answers4

2

You will need a server-side solution for this, because you will need a persistent connection to remain open with all clients.

What solution you use will depend on your server setup, but this stack overflow post is a good introduction: What are Long-Polling, Websockets, Server-Sent Events (SSE) and Comet?

Community
  • 1
  • 1
James Duffy
  • 1,387
  • 8
  • 16
0

You need either to have every client poll (continuously ajax requesting) the server for status changes, or have them connected to the server trough a socket and have the server push status change events.

Polling is more resource intensive but much easier to implement, while sockets go easy on server load, but requires deeper understanding and arguably more programming.

Noino
  • 593
  • 4
  • 13
0

depending on your application there could be a lot of solution but here is one that worked for me:
have the 4 vendors connected to your application server via websocket.
when one accept the order it notifies the server which does the right processing and then send back a notification to everyone connected on the page, which would eventually tell them that this specific order has been approved by Mr. X and should now be displayed Blue color

you could on the other hand work with ajax polling and ask the database every x seconds (x beeing small) if the order has been processed

but once again it really depends on your installation

mazuno
  • 61
  • 5
-1

You can change the color to blue by doing the following:

Once the request has come in, wrap the request in a

Target the "accepted" id with a css rule that sets the color to blue. When the page refreshes on the other vendors it will be blue.

Joe Swindell
  • 684
  • 1
  • 7
  • 18