Revision 15948f00 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
---|---|---|
16 | 16 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
17 | 17 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
18 | 18 |
</head> |
19 |
<body> |
|
20 |
<div class="row-full"> |
|
21 |
<header class="header"> |
|
22 |
<nav> |
|
23 |
<ul class="icons-nav"> |
|
24 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
25 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
|
26 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
27 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
28 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
|
19 |
<body> |
|
20 |
<header class="header"> |
|
21 |
<nav> |
|
22 |
<ul class="icons-nav"> |
|
23 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
|
24 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC"></span></a></li> |
|
25 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
|
26 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
|
27 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
|
28 |
</ul> |
|
29 |
</nav> |
|
30 |
<div class="logo"> |
|
31 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
32 |
<h2>Machines</h2> |
|
33 |
</div> |
|
34 |
|
|
35 |
<div class="login"> |
|
36 |
<a href="">test@grnet.gr</a> |
|
37 |
</div> |
|
38 |
<div class="actions clearfix"> |
|
39 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
40 |
<div class="main-actions"> |
|
41 |
<ul> |
|
42 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
43 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
44 |
<li class="both"><a href="">Destroy</a></li> |
|
45 |
<li class="stopped"><a href="">Start</a></li> |
|
46 |
<!-- in case we want an action always activated |
|
47 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
29 | 48 |
</ul> |
30 |
</nav> |
|
31 |
<div class="logo"> |
|
32 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
|
33 |
<h2>Machines</h2> |
|
34 |
</div> |
|
35 |
|
|
36 |
<div class="login"> |
|
37 |
<a href="">test@grnet.gr</a> |
|
38 | 49 |
</div> |
39 |
<div class="actions clearfix"> |
|
40 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
41 |
<div class="main-actions"> |
|
42 |
<ul> |
|
43 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
|
44 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
|
45 |
<li class="both"><a href="">Destroy</a></li> |
|
46 |
<li class="stopped"><a href="">Start</a></li> |
|
47 |
<!-- in case we want an action always activated |
|
48 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
49 |
</ul> |
|
50 |
</div> |
|
51 |
</div> |
|
52 |
</header> |
|
53 |
<div class="info top-info alert"> |
|
54 |
<div class="wrap"> |
|
55 |
<p>ALERT!</p> |
|
56 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
|
57 |
</div> |
|
58 |
<a href="#" class="close" title="hide message">close</a> |
|
59 | 50 |
</div> |
51 |
</header> |
|
52 |
<div class="info top-info alert"> |
|
53 |
<div class="wrap"> |
|
54 |
<p>ALERT!</p> |
|
55 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
|
56 |
</div> |
|
57 |
<a href="#" class="close" title="hide message">close</a> |
|
60 | 58 |
</div> |
61 |
<div class="row-full content overlay-wrapper "> |
|
59 |
|
|
60 |
<div class="overlay-wrapper "> |
|
62 | 61 |
<div class="overlay-area"> |
63 | 62 |
<a href="" class="close">close</a> |
64 | 63 |
<div id="overlay1" class="overlay-div"> |
... | ... | |
70 | 69 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
71 | 70 |
</div> |
72 | 71 |
</div> |
73 |
<!-- main area --> |
|
74 |
<section class="main onecol"> |
|
75 |
|
|
72 |
<section class="main row"> |
|
76 | 73 |
<div class="vms entities"> |
77 | 74 |
<ul class="items-list small-block-grid-2 large-block-grid-3 sortable"> |
78 | 75 |
<li data-order="0"> |
Also available in: Unified diff