Revision 72beb9d6
| b/ui/src/synnefo/static/main.css | ||
|---|---|---|
| 73 | 73 |
|
| 74 | 74 |
|
| 75 | 75 |
/* tab pane */ |
| 76 |
.css-panes div {
|
|
| 76 |
.css-panes > div.pane {
|
|
| 77 | 77 |
display:none; |
| 78 | 78 |
border:1px solid #666; |
| 79 | 79 |
border-width:0 1px 1px 1px; |
| ... | ... | |
| 450 | 450 |
} |
| 451 | 451 |
|
| 452 | 452 |
|
| 453 |
.instance {
|
|
| 454 |
clear: both; |
|
| 455 |
padding: 1em; |
|
| 456 |
} |
|
| 457 |
|
|
| 458 |
.instance:hover {
|
|
| 459 |
background-color:red; |
|
| 460 |
} |
|
| 453 | 461 |
|
| 462 |
.instance img {
|
|
| 463 |
float: left; |
|
| 464 |
margin: 1em .5em; |
|
| 465 |
} |
|
| b/ui/src/synnefo/templates/home.pt | ||
|---|---|---|
| 27 | 27 |
</ul> |
| 28 | 28 |
|
| 29 | 29 |
<div class="css-panes"> |
| 30 |
<div style="display:block"></div> |
|
| 31 |
<div></div> |
|
| 32 |
<div></div> |
|
| 33 |
<div></div> |
|
| 30 |
<div class="pane" style="display:block"></div>
|
|
| 31 |
<div class="pane"></div>
|
|
| 32 |
<div class="pane"></div>
|
|
| 33 |
<div class="pane"></div>
|
|
| 34 | 34 |
</div> |
| 35 | 35 |
</div> |
| 36 | 36 |
|
| 37 | 37 |
<!-- activate tabs with JavaScript --> |
| 38 | 38 |
<script> |
| 39 | 39 |
$(function() {
|
| 40 |
$("ul.css-tabs").tabs("div.css-panes div", {
|
|
| 40 |
$("ul.css-tabs").tabs("div.css-panes div.pane", {
|
|
| 41 | 41 |
effect: 'ajax', |
| 42 | 42 |
onBeforeClick: function(event, i) {
|
| 43 | 43 |
// get the pane to be opened |
| b/ui/src/synnefo/templates/images.pt | ||
|---|---|---|
| 1 |
images |
|
| 1 |
images.. |
|
| b/ui/src/synnefo/templates/instances.pt | ||
|---|---|---|
| 1 | 1 |
|
| 2 | 2 |
<a id="create" rel="#wizard" href="#">Create a new VM</a> |
| 3 |
<!-- twitter style notification bar for validation errors --> |
|
| 3 |
|
|
| 4 |
<div class="instance" tal:repeat="node nodes"> |
|
| 5 |
<img src="static/server.png" /> |
|
| 6 |
<h3 tal:content="node['name']" /> |
|
| 7 |
<span tal:content="node['public_ip']" /> |
|
| 8 |
</div> |
|
| 4 | 9 |
|
| 5 | 10 |
<!-- the form --> |
| 6 | 11 |
<form action="#"> |
| b/ui/src/synnefo/views.py | ||
|---|---|---|
| 13 | 13 |
#nodes = conn.list_nodes() |
| 14 | 14 |
nodes = [] |
| 15 | 15 |
nodes.append({'id':1, 'name':'My mail server', 'state':'3','public_ip':'147.102.1.62',})
|
| 16 |
nodes.append({'id':2, 'name':'My name server', 'state':'3','public_ip':'147.102.1.64',})
|
|
| 16 | 17 |
return {'nodes': nodes}
|
| 17 | 18 |
|
| 18 | 19 |
def storage(request): |
Also available in: Unified diff