Revision 01fa9e32
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
---|---|---|
11 | 11 |
|
12 | 12 |
// set lt-sidebar height |
13 | 13 |
ui.setSidebarHeight = function(){ |
14 |
WindowHeight = $(window).height(); |
|
15 |
ltSidebarHeight = WindowHeight - $('.header').outerHeight(); |
|
14 |
var WindowHeight = $(window).height(); |
|
15 |
var h1= WindowHeight - $('.header').outerHeight(); |
|
16 |
var h2= $('.main.details').outerHeight(); |
|
17 |
if (h2>h1) { |
|
18 |
var ltSidebarHeight = h2; |
|
19 |
} else { |
|
20 |
var ltSidebarHeight = h1; |
|
21 |
} |
|
16 | 22 |
$('.lt-sidebar').height(ltSidebarHeight); |
17 | 23 |
} |
18 | 24 |
|
19 |
ui.CntCheckedVms = function(){ |
|
20 |
return $('.vm_container .checkbox-checked').length; |
|
21 |
} |
|
25 |
|
|
22 | 26 |
|
23 | 27 |
$(document).ready(function(){ |
24 | 28 |
|
... | ... | |
51 | 55 |
e.preventDefault(); |
52 | 56 |
}) |
53 | 57 |
|
54 |
$('.vm_container .vm_options .select').click(function(e){ |
|
55 |
//var totalSelects = ui.CntCheckedVms(); |
|
56 |
//console.log(totalSelects); |
|
57 |
}) |
|
58 |
|
|
58 | 59 |
|
59 | 60 |
|
60 | 61 |
}) |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/gp-script.js | ||
---|---|---|
23 | 23 |
$('.vm_options .select').click(function(event){ |
24 | 24 |
event.preventDefault(); |
25 | 25 |
var checkbox = $(this).find('.custom_checkbox'); |
26 |
|
|
26 | 27 |
if(checkbox.hasClass('checkbox-unchecked')){ |
27 | 28 |
checkbox.html('b'); |
29 |
checkbox.addClass('checkbox-checked'); |
|
28 | 30 |
checkbox.removeClass('checkbox-unchecked'); |
29 | 31 |
} |
30 | 32 |
else{ |
31 | 33 |
checkbox.html('a'); |
34 |
checkbox.removeClass('checkbox-checked'); |
|
32 | 35 |
checkbox.addClass('checkbox-unchecked'); |
36 |
|
|
37 |
} |
|
38 |
var cntCheckbox = $('.vm_options .checkbox-checked').length; |
|
39 |
if (cntCheckbox == 0 ){ |
|
40 |
$('.header .main-actions').hide(); |
|
41 |
} else { |
|
42 |
$('.header .main-actions').show(); |
|
43 |
if (cntCheckbox > 1) { |
|
44 |
$('.header .main-actions .single').hide(); |
|
45 |
} else { |
|
46 |
$('.header .main-actions .sigle').show(); |
|
47 |
} |
|
33 | 48 |
} |
34 | 49 |
}); |
35 | 50 |
|
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_a_v1.html | ||
---|---|---|
21 | 21 |
<a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br> |
22 | 22 |
<a href="" class="our" data-our="problems">Show/Hide problems</a><br> |
23 | 23 |
</div> |
24 |
<div class="row-full"> |
|
24 |
<div class="row-full">
|
|
25 | 25 |
<header class="header"> |
26 |
<!-- logo --> |
|
26 |
|
|
27 | 27 |
<div class="logo"> |
28 |
<img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
|
|
28 |
<img src="images/logo_01.png" alt="software logo">
|
|
29 | 29 |
</div> |
30 |
<div class="new-btn"><a href="#" class="current"><span>+</span> NEW MACHINE </a></div> |
|
31 |
<!-- icons-nav --> |
|
30 |
|
|
32 | 31 |
<nav class="top-nav icons-nav"> |
33 | 32 |
|
34 | 33 |
<ul> |
... | ... | |
41 | 40 |
|
42 | 41 |
</nav> |
43 | 42 |
|
44 |
<!-- login functionality --> |
|
45 | 43 |
<div class="login"> |
46 | 44 |
<a href="">test@grnet.gr</a> |
47 | 45 |
</div> |
48 |
<!-- extra actions --> |
|
49 |
<div class="actions"> |
|
46 |
<div class="actions clearfix"> |
|
50 | 47 |
|
51 |
<div class="lt-actions"></div> |
|
48 |
<div class="lt-actions"> |
|
49 |
<div class="new-btn"><a href="vm_create_a_v1.html" class="current"><span>+</span> NEW MACHINE </a></div> |
|
50 |
</div> |
|
52 | 51 |
<div class="main-actions"> |
53 | 52 |
<ul> |
54 | 53 |
<li><a href="">Reboot</a></li> |
55 | 54 |
<li><a href="">Shutdown</a></li> |
56 |
<li><a href="">Console</a></li> |
|
57 |
<li><a href="">Action1</a></li>
|
|
58 |
<li><a href="">Action2</a></li>
|
|
55 |
<li class="single"><a href="">Console</a></li>
|
|
56 |
<li><a href="">Multiple action</a></li>
|
|
57 |
<li class="single"><a href="">Single action</a></li>
|
|
59 | 58 |
</ul> |
60 | 59 |
</div> |
61 | 60 |
</div> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_create_b_v1.html | ||
---|---|---|
21 | 21 |
<a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br> |
22 | 22 |
<a href="" class="our" data-our="problems">Show/Hide problems</a><br> |
23 | 23 |
</div> |
24 |
<div class="row-full"> |
|
24 |
<div class="row-full">
|
|
25 | 25 |
<header class="header"> |
26 |
<!-- logo --> |
|
26 |
|
|
27 | 27 |
<div class="logo"> |
28 |
<img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
|
|
28 |
<img src="images/logo_01.png" alt="software logo">
|
|
29 | 29 |
</div> |
30 |
<div class="new-btn"><a href="" class="current"><span>+</span> NEW MACHINE </a></div> |
|
31 |
<!-- icons-nav --> |
|
30 |
|
|
32 | 31 |
<nav class="top-nav icons-nav"> |
33 | 32 |
|
34 | 33 |
<ul> |
... | ... | |
41 | 40 |
|
42 | 41 |
</nav> |
43 | 42 |
|
44 |
<!-- login functionality --> |
|
45 | 43 |
<div class="login"> |
46 | 44 |
<a href="">test@grnet.gr</a> |
47 | 45 |
</div> |
48 |
<!-- extra actions --> |
|
49 |
<div class="actions"> |
|
46 |
<div class="actions clearfix"> |
|
50 | 47 |
|
51 |
<div class="lt-actions"></div> |
|
48 |
<div class="lt-actions"> |
|
49 |
<div class="new-btn"><a href="vm_create_a_v1.html" class="current"><span>+</span> NEW MACHINE </a></div> |
|
50 |
</div> |
|
52 | 51 |
<div class="main-actions"> |
53 | 52 |
<ul> |
54 | 53 |
<li><a href="">Reboot</a></li> |
55 | 54 |
<li><a href="">Shutdown</a></li> |
56 |
<li><a href="">Console</a></li> |
|
57 |
<li><a href="">Action1</a></li>
|
|
58 |
<li><a href="">Action2</a></li>
|
|
55 |
<li class="single"><a href="">Console</a></li>
|
|
56 |
<li><a href="">Multiple action</a></li>
|
|
57 |
<li class="single"><a href="">Single action</a></li>
|
|
59 | 58 |
</ul> |
60 | 59 |
</div> |
61 | 60 |
</div> |
62 | 61 |
</header> |
63 | 62 |
|
63 |
|
|
64 | 64 |
</div> |
65 | 65 |
<div class="row-full wrapper "> |
66 | 66 |
<div class="overlay create-vm"> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html | ||
---|---|---|
52 | 52 |
</div> |
53 | 53 |
<div class="main-actions"> |
54 | 54 |
<ul> |
55 |
<li data-range="common"><a href="">Reboot</a></li>
|
|
56 |
<li data-range="common"><a href="">Shutdown</a></li>
|
|
57 |
<li data-range="atomic"><a href="">Console</a></li>
|
|
58 |
<li data-range="atomic"><a href="">Action1</a></li>
|
|
59 |
<li data-range="common"><a href="">Action2</a></li>
|
|
55 |
<li><a href="">Reboot</a></li> |
|
56 |
<li><a href="">Shutdown</a></li> |
|
57 |
<li class="single"><a href="">Console</a></li>
|
|
58 |
<li><a href="">Multiple action</a></li>
|
|
59 |
<li class="single"><a href="">Single action</a></li>
|
|
60 | 60 |
</ul> |
61 | 61 |
</div> |
62 | 62 |
</div> |
63 | 63 |
</header> |
64 | 64 |
<div class="info top-info alert"> |
65 | 65 |
<div class="wrap"> |
66 |
<p>ALERT!</p> |
|
66 | 67 |
|
67 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. </p>
|
|
68 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
|
68 | 69 |
</div> |
69 | 70 |
<a href="#" class="close" title="hide message">close</a> |
70 | 71 |
</div> |
... | ... | |
104 | 105 |
</li> |
105 | 106 |
<li> |
106 | 107 |
<div class="vm_container"> |
107 |
<div class="img running">
|
|
108 |
<div class="img stopped">
|
|
108 | 109 |
VM running |
109 | 110 |
<span class="os windows">windows</span> |
110 | 111 |
</div> |
... | ... | |
152 | 153 |
</li> |
153 | 154 |
<li> |
154 | 155 |
<div class="vm_container"> |
155 |
<div class="img running">
|
|
156 |
<div class="img stopped">
|
|
156 | 157 |
VM running |
157 | 158 |
<span class="os fedora">os</span> |
158 | 159 |
</div> |
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v2.html | ||
---|---|---|
63 | 63 |
<a href="" class="more">+</a> |
64 | 64 |
<div class="content"> |
65 | 65 |
sldifj sdif |
66 |
</div> |
|
66 |
|
|
67 | 67 |
</div> |
68 | 68 |
<div class="img running"> |
69 | 69 |
VM running |
Also available in: Unified diff