Revision e30babe3
| b/ui/static/main.css | ||
|---|---|---|
| 819 | 819 |
min-height: 50px; |
| 820 | 820 |
} |
| 821 | 821 |
|
| 822 |
.rebooting .indicator1, .rebooting .indicator2, .rebooting .indicator3, .rebooting .indicator4 {
|
|
| 822 |
.running-state .indicator1, .running-state .indicator2, .running-state .indicator3, .running-state .indicator4 {
|
|
| 823 |
background-color: #447821; |
|
| 824 |
} |
|
| 825 |
|
|
| 826 |
.rebooting-state .indicator1, .rebooting-state .indicator2, .rebooting-state .indicator3, .rebooting-state .indicator4 {
|
|
| 823 | 827 |
background-color: #d4aa00; |
| 824 | 828 |
} |
| 825 | 829 |
|
| 826 |
.starting .indicator1, .starting .indicator3 {
|
|
| 830 |
.starting-state .indicator1, .starting-state .indicator3 {
|
|
| 827 | 831 |
background-color: #666666; |
| 828 | 832 |
} |
| 829 | 833 |
|
| 830 |
.starting .indicator2, .starting .indicator4 {
|
|
| 834 |
.starting-state .indicator2, .starting-state .indicator4 {
|
|
| 831 | 835 |
background-color: #d4aa00; |
| 832 | 836 |
} |
| 833 | 837 |
|
| 834 |
.shutting .indicator1, .shutting .indicator3 {
|
|
| 838 |
.shutting-state .indicator1, .shutting-state .indicator3 {
|
|
| 835 | 839 |
background-color: #447821; |
| 836 | 840 |
} |
| 837 | 841 |
|
| 838 |
.shutting .indicator2, .shutting .indicator4 {
|
|
| 842 |
.shutting-state .indicator2, .shutting-state .indicator4 {
|
|
| 839 | 843 |
background-color: #666666 |
| 840 | 844 |
} |
| 841 | 845 |
|
| 842 |
.destroying .indicator1, .destroying .indicator2, .destroying .indicator3, .destroying .indicator4 {
|
|
| 846 |
.destroying-state .indicator1, .destroying-state .indicator2, .destroying-state .indicator3, .destroying-state .indicator4 {
|
|
| 843 | 847 |
background-color: #666666; |
| 844 | 848 |
} |
| 845 | 849 |
|
| b/ui/templates/machines_icon.html | ||
|---|---|---|
| 290 | 290 |
// change the status text in cases where no api state exists |
| 291 | 291 |
if (action[0] == start) {
|
| 292 | 292 |
$(this).parent().parent().find('.status').text(TRANSITIONS['Starting']);
|
| 293 |
$(this).parent().parent().find('.state').removeClass().addClass('state starting');
|
|
| 293 |
$(this).parent().parent().find('.state').removeClass().addClass('state starting-state');
|
|
| 294 | 294 |
$(this).parent().parent().find('.spinner').show();
|
| 295 | 295 |
} else if (action[0] == shutdown) {
|
| 296 | 296 |
$(this).parent().parent().find('.status').text(TRANSITIONS['Shutting down']);
|
| 297 |
$(this).parent().parent().find('.state').removeClass().addClass('state shutting');
|
|
| 297 |
$(this).parent().parent().find('.state').removeClass().addClass('state shutting-state');
|
|
| 298 | 298 |
$(this).parent().parent().find('.spinner').show();
|
| 299 | 299 |
} else if (action[0] == reboot) {
|
| 300 | 300 |
$(this).parent().parent().find('.status').text(TRANSITIONS['Rebooting']);
|
| 301 |
$(this).parent().parent().find('.state').removeClass().addClass('state rebooting');
|
|
| 301 |
$(this).parent().parent().find('.state').removeClass().addClass('state rebooting-state');
|
|
| 302 | 302 |
$(this).parent().parent().find('.spinner').show();
|
| 303 | 303 |
} else if (action[0] == destroy) {
|
| 304 | 304 |
$(this).parent().parent().find('.status').text(TRANSITIONS['Destroying']);
|
| 305 |
$(this).parent().parent().find('.state').removeClass().addClass('state destroying');
|
|
| 305 |
$(this).parent().parent().find('.state').removeClass().addClass('state destroying-state');
|
|
| 306 | 306 |
$(this).parent().parent().find('.spinner').show();
|
| 307 | 307 |
} |
| 308 | 308 |
action[0]([action[1]]); // execute action |
| ... | ... | |
| 410 | 410 |
existing.find(".status").text(STATUSES[server.status]);
|
| 411 | 411 |
existing.find('.spinner').hide();
|
| 412 | 412 |
existing.find(' .wave').attr('src','static/icons/indicators/medium/wave.gif').show();
|
| 413 |
existing.find('.state').removeClass().addClass('state running-state');
|
|
| 413 | 414 |
setTimeout("$('#" + server.id +" .wave').attr('src','').hide()", 3000);
|
| 414 | 415 |
} |
| 415 | 416 |
else {
|
| ... | ... | |
| 424 | 425 |
existing.find(".status").text(STATUSES[server.status]);
|
| 425 | 426 |
existing.find('.spinner').hide();
|
| 426 | 427 |
existing.find(' .wave').attr('src','static/icons/indicators/medium/wave.gif').show();
|
| 428 |
existing.find('.state').removeClass().addClass('state running-state');
|
|
| 427 | 429 |
setTimeout("$('#" + server.id +" .wave').attr('src','').hide()", 3000);
|
| 428 | 430 |
} |
| 429 | 431 |
else {
|
| 430 | 432 |
// in any other case just change the status and ignore spinners/waves |
| 431 | 433 |
existing.find(".status").text(STATUSES[server.status]);
|
| 434 |
existing.appendTo("#machinesview-icon.standard .running");
|
|
| 435 |
existing.find('.state').removeClass().addClass('state running-state');
|
|
| 432 | 436 |
} |
| 433 | 437 |
} |
| 434 | 438 |
} |
Also available in: Unified diff