Revision ffe60d9d
b/README | ||
---|---|---|
3 | 3 |
|
4 | 4 |
Contents |
5 | 5 |
-------- |
6 |
ui.pyramids/ The old version of the app in pyramids |
|
7 |
ui/ The new, django app, version |
|
6 |
ui/ The django app |
|
8 | 7 |
|
9 | 8 |
|
10 | 9 |
Installation |
b/ui/static/alt-main.css | ||
---|---|---|
689 | 689 |
div#view-select { |
690 | 690 |
float: right; |
691 | 691 |
clear: both; |
692 |
color: #999999;
|
|
692 |
color: white;
|
|
693 | 693 |
margin-top: -62px; |
694 | 694 |
margin-right: -36px; |
695 | 695 |
font-size: 9pt; |
... | ... | |
710 | 710 |
color:white; |
711 | 711 |
} |
712 | 712 |
|
713 |
a#list:hover { |
|
714 |
background: #5f8dd3; |
|
715 |
} |
|
716 |
|
|
713 | 717 |
a#standard:active, a#list:active { |
714 | 718 |
color:white; |
715 | 719 |
} |
... | ... | |
718 | 722 |
color:white !important; |
719 | 723 |
} |
720 | 724 |
|
721 |
|
|
722 | 725 |
div.instance-type { |
723 | 726 |
float: left; |
724 | 727 |
margin: 4px 10px 20px 0; |
... | ... | |
825 | 828 |
#misc { |
826 | 829 |
height: 100px; |
827 | 830 |
border: 5px solid #87AADE; |
828 |
margin: 0 auto; |
|
829 |
overflow: hidden; |
|
830 |
position: relative; |
|
831 |
} |
|
832 |
|
|
833 |
#misc p { |
|
834 |
margin-top: 3px; |
|
831 | 835 |
} |
832 | 836 |
|
833 | 837 |
#misc strong { |
834 | 838 |
color: #F49C1A; |
835 | 839 |
} |
836 | 840 |
|
841 |
#misc .close { |
|
842 |
background-image: url(/static/close.png); |
|
843 |
position: absolute; |
|
844 |
right: -19px; |
|
845 |
top: -20px; |
|
846 |
cursor: pointer; |
|
847 |
height: 35px; |
|
848 |
width: 35px; |
|
849 |
} |
|
850 |
|
|
837 | 851 |
img.os { |
838 | 852 |
z-index: 1; |
839 | 853 |
margin-left: -34px; |
b/ui/templates/alt_instances.html | ||
---|---|---|
9 | 9 |
</div> |
10 | 10 |
|
11 | 11 |
<div id="instancesview" class="standard"> |
12 |
|
|
12 | 13 |
<div class="running"> |
13 | 14 |
{% for node in nodes %} |
14 | 15 |
{% if node.state == '3' %} |
... | ... | |
238 | 239 |
$("#list").click(function(event){ |
239 | 240 |
$("div#instancesview").load($("#list").attr("href")); |
240 | 241 |
$("a#standard")[0].className += ' activelink' |
241 |
this.style.color = '#999999';
|
|
242 |
this.style.color = '#5f8dd3';
|
|
242 | 243 |
return false; |
243 | 244 |
}); |
244 | 245 |
|
b/ui/templates/list.html | ||
---|---|---|
1 | 1 |
<div id="instancesview" class="list"> |
2 |
|
|
2 | 3 |
<div class="actions"> |
3 | 4 |
<a>Start</a> |
4 | 5 |
<a>Reboot</a> |
Also available in: Unified diff