Revision f73915d9

b/ui/src/synnefo/__init__.py
13 13
                     view='synnefo.views.instances',
14 14
                     view_renderer='templates/instances.pt')
15 15

  
16
    config.add_route('list', '/instances/list', 
17
                     view='synnefo.views.instances',
18
                     view_renderer='templates/list.pt')
19

  
16 20
    config.add_route('storage', '/storage', 
17 21
                     view='synnefo.views.storage',
18 22
                     view_renderer='templates/storage.pt')
b/ui/src/synnefo/static/alt-main.css
437 437
}
438 438

  
439 439
.instance a:hover {
440
    color: black;
440
    color: #162d50;
441 441
}
442 442

  
443 443
.state {
......
504 504

  
505 505
.running .indicator {
506 506
    border:2px solid white;
507
    background-color: #05b00d;
507
    background-color: #86a9dd;
508 508
}    
509 509

  
510 510

  
511 511
.instance:hover div.uptime, .instance:hover a.rename, .instance:hover a.configure {
512
    color: #666;
512
    color: #162d50;
513 513
}
514 514

  
515 515
div.uptime {
b/ui/src/synnefo/templates/home.pt
5 5
	<title>$project</title>
6 6
	<!-- include the Tools -->
7 7
	<script src="static/jquery.tools.min.js"></script>
8
	<link rel="stylesheet" type="text/css" href="static/main.css"/>	
8
	<link rel="stylesheet" type="text/css" href="static/alt-main.css"/>	
9 9
</head>
10 10

  
11 11
<body>
......
34 34
    <!-- activate tabs with JavaScript -->
35 35
    <script>
36 36
		$(function() {
37
			$('ul.css-tabs li').hover(function(){
38
				$(this).find('a').animate({top:'-3px'},{queue:false,duration:150});
39
			}, function(){
40
				$(this).find('a').animate({top:'0px'},{queue:false,duration:150});
41
			});
37
            if ($("link").attr("href") == "static/alt-main.css") {
38
			    $('ul.css-tabs li').hover(function(){
39
				    $(this).find('a').animate({top:'-3px'},{queue:false,duration:150});
40
			    }, function(){
41
				    $(this).find('a').animate({top:'0px'},{queue:false,duration:150});
42
			    });
43
            }
42 44
		});
43 45
        $(function() {
44 46
	        $("ul.css-tabs").tabs("div.css-panes div.pane", {	
b/ui/src/synnefo/templates/instances.pt
1

  
2 1
<a id="create" rel="#wizard" href="#">Create New +</a>
3 2

  
4
<div class="instance running" tal:repeat="node nodes">
3
<div id="instancesview">
4
    <a id="list" href="/instances/list">list view</a>
5
    <div class="instance running" tal:repeat="node nodes">
5 6

  
6
    <div class="actions">
7
        <a href="#" class="action">reboot</a>
8
        <a href="#" class="action">shutdown</a>
9
        <a href="#" class="more">more &hellip;</a>
10
    </div>
11
    
12
    <div class="state">
13
        <div>Running</div>
14
        <div class="indicator" />
15
        <div class="indicator" />
16
        <div class="indicator" />
17
        <div class="indicator" />
18
        <div class="uptime">24 days uptime</div>
19
    </div>
7
        <div class="actions">
8
            <a href="#" class="action">reboot</a>
9
            <a href="#" class="action">shutdown</a>
10
            <a href="#" class="more">more &hellip;</a>
11
        </div>
12
        
13
        <div class="state">
14
            <div>Running</div>
15
            <div class="indicator" />
16
            <div class="indicator" />
17
            <div class="indicator" />
18
            <div class="indicator" />
19
            <div class="uptime">24 days uptime</div>
20
        </div>
20 21

  
21
    <img src="static/server.png" />
22
    <a href="#" class="name">
23
        <h3> <span tal:replace="node['name']" /><span class="rename">(rename)</span></h3>
24
    </a>
25
    <a href="#" class="ip">
26
        <h5><span tal:replace="node['public_ip']" /><span class="configure">(configure networking)</span></h5>
27
    </a>
28
    <a href="#" class="storage">
29
        <h5>34GB of total storage in 3 volumes <span class="configure">(configure storage)</span></h5>
30
    </a>
22
        <img src="static/server.png" />
23
        <a href="#" class="name">
24
            <h3> <span tal:replace="node['name']" /><span class="rename">(rename)</span></h3>
25
        </a>
26
        <a href="#" class="ip">
27
            <h5><span tal:replace="node['public_ip']" /><span class="configure">(configure networking)</span></h5>
28
        </a>
29
        <a href="#" class="storage">
30
            <h5>34GB of total storage in 3 volumes <span class="configure">(configure storage)</span></h5>
31
        </a>
32
    </div>
31 33
</div>
32 34

  
33 35
<!-- the form -->
......
167 169
<script>
168 170
// <![CDATA[ 
169 171

  
172
$("#list").click(function(event){
173
    $("div#instancesview").load($("#list").attr("href"));
174
    return false;
175
});
176

  
170 177
$("ul.tabs").tabs("div.panes ul");
171 178

  
172 179
$(":range").rangeinput();
b/ui/src/synnefo/templates/list.pt
1
<div id="instancespane">
2
    <a id="standard" href="/">standard view</a>
3
</div>

Also available in: Unified diff