Note that there are some explanatory texts on larger screens.

plurals
  1. POStyle button based on api call
    primarykey
    data
    text
    <p>I am creating a page that will display the status of several servers in a cluster. I have created a status route on my web service that simple returns 'ok' if the server is up-and-running properly and some error if it is not. I want to have several buttons (maybe better option?) that display green if the api call returns ok and red if not. One wrinkle is that these calls will be cross-domain albeit inside our corporate firewall.</p> <p>Simple enough but I am a webservice developer that has next-to-no experience in this area. My thought was to make a call to each servers status route on page load and set the style. I am embarrassed to say that I am honestly not sure where to start. every tutorial I find seems to be missing some piece of the puzzle for it to 'click' for me.</p> <p>So, my ultimate questions is whether there is a known tutorial that meets the following criteria:</p> <ul> <li>html5/CSS3 enabled (preferably responsive design for mobile display)</li> <li>jquery/angularjs libraries if necessary</li> <li>cross-domain api calls supported</li> <li>button (drawing) based on api call results.</li> </ul> <p>If this is easy enough to just show with straight html and js in a question response body that would be fine as well. the only reason I added the other pieces is that this is just one small piece of a dashboard I'm building that will be integrating statistical graphs and management capabilities. So, starting with these capabilities would be ideal compared to integrating later.</p> <p>Thanks in advance. and please let me know if this question is not specific enough. I will edit.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload