Revision 673ea014 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 19 | 19 |
<body> |
| 20 | 20 |
<div class="row-full"> |
| 21 | 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-font">y</span></a></li> |
|
| 25 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-font">w</span></a></li> |
|
| 26 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-font">u</span></a></li> |
|
| 27 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-font">v</span></a></li> |
|
| 28 |
<li><a href="" data-tooltip class="has-tip" title="Dashboard"><span class="snf-font">z</span></a></li> |
|
| 29 |
</ul> |
|
| 30 |
</nav> |
|
| 22 | 31 |
<div class="logo"> |
| 23 | 32 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
| 33 |
<h2>Machines</h2> |
|
| 24 | 34 |
</div> |
| 25 |
<nav class="top-nav icons-nav"> |
|
| 26 |
<ul> |
|
| 27 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
|
| 28 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
|
| 29 |
|
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
|
| 31 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li> |
|
| 32 |
</ul> |
|
| 33 |
</nav> |
|
| 35 |
|
|
| 34 | 36 |
<div class="login"> |
| 35 | 37 |
<a href="">test@grnet.gr</a> |
| 36 | 38 |
</div> |
| 37 | 39 |
<div class="actions clearfix"> |
| 38 |
|
|
| 39 |
<div class="lt-actions"> |
|
| 40 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
| 41 |
</div> |
|
| 40 |
<div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div> |
|
| 42 | 41 |
<div class="main-actions"> |
| 43 | 42 |
<ul> |
| 44 | 43 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
| ... | ... | |
| 47 | 46 |
<li class="stopped"><a href="">Start</a></li> |
| 48 | 47 |
<!-- in case we want an action always activated |
| 49 | 48 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
| 50 |
|
|
| 51 | 49 |
</ul> |
| 52 | 50 |
</div> |
| 53 | 51 |
</div> |
| ... | ... | |
| 55 | 53 |
<div class="info top-info alert"> |
| 56 | 54 |
<div class="wrap"> |
| 57 | 55 |
<p>ALERT!</p> |
| 58 |
|
|
| 59 | 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> |
| 60 | 57 |
</div> |
| 61 | 58 |
<a href="#" class="close" title="hide message">close</a> |
| 62 | 59 |
</div> |
| 63 |
|
|
| 64 | 60 |
</div> |
| 65 | 61 |
<div class="row-full content overlay-wrapper "> |
| 66 | 62 |
<div class="overlay-area"> |
| ... | ... | |
| 99 | 95 |
<span class="title"><em>vm name 1 really large name</em></span> |
| 100 | 96 |
</p> |
| 101 | 97 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 102 |
<div class="info-box"> |
|
| 103 |
<h2>VM full name</h2> |
|
| 104 |
<p>blah blah</p> |
|
| 105 |
<dl> |
|
| 106 |
<dt>Status</dt> |
|
| 107 |
<dd>running</dd> |
|
| 108 |
<dt>IPv4</dt> |
|
| 109 |
<dd>83.212.97.127</dd> |
|
| 110 |
</dl> |
|
| 111 |
</div> |
|
| 112 | 98 |
</div> |
| 113 | 99 |
</li> |
| 114 | 100 |
<li data-order="1"> |
| ... | ... | |
| 132 | 118 |
<span class="title"><em>vm name 2</em></span> |
| 133 | 119 |
</p> |
| 134 | 120 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 135 |
<div class="info-box"> |
|
| 136 |
<h2>VM full name</h2> |
|
| 137 |
<p>blah blah</p> |
|
| 138 |
<dl> |
|
| 139 |
<dt>Status</dt> |
|
| 140 |
<dd>running</dd> |
|
| 141 |
<dt>IPv4</dt> |
|
| 142 |
<dd>83.212.97.127</dd> |
|
| 143 |
</dl> |
|
| 144 |
</div> |
|
| 145 | 121 |
</div> |
| 146 | 122 |
</li> |
| 147 | 123 |
<li data-order="2"> |
| ... | ... | |
| 165 | 141 |
<span class="title"><em>vm name 3</em></span> |
| 166 | 142 |
</p> |
| 167 | 143 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 168 |
<div class="info-box"> |
|
| 169 |
<h2>VM full name</h2> |
|
| 170 |
<p>blah blah</p> |
|
| 171 |
<dl> |
|
| 172 |
<dt>Status</dt> |
|
| 173 |
<dd>running</dd> |
|
| 174 |
<dt>IPv4</dt> |
|
| 175 |
<dd>83.212.97.127</dd> |
|
| 176 |
</dl> |
|
| 177 |
</div> |
|
| 178 | 144 |
</div> |
| 179 | 145 |
</li> |
| 180 | 146 |
<li data-order="3"> |
| ... | ... | |
| 198 | 164 |
<span class="title"><em>vm name 4</em></span> |
| 199 | 165 |
</p> |
| 200 | 166 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 201 |
<div class="info-box"> |
|
| 202 |
<h2>VM full name</h2> |
|
| 203 |
<p>blah blah</p> |
|
| 204 |
<dl> |
|
| 205 |
<dt>Status</dt> |
|
| 206 |
<dd>running</dd> |
|
| 207 |
<dt>IPv4</dt> |
|
| 208 |
<dd>83.212.97.127</dd> |
|
| 209 |
</dl> |
|
| 210 |
</div> |
|
| 211 | 167 |
</div> |
| 212 | 168 |
</li> |
| 213 | 169 |
<li data-order="4"> |
| ... | ... | |
| 231 | 187 |
<span class="title"><em>vm name 5</em></span> |
| 232 | 188 |
</p> |
| 233 | 189 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 234 |
<div class="info-box"> |
|
| 235 |
<h2>VM full name</h2> |
|
| 236 |
<p>blah blah</p> |
|
| 237 |
<dl> |
|
| 238 |
<dt>Status</dt> |
|
| 239 |
<dd>running</dd> |
|
| 240 |
<dt>IPv4</dt> |
|
| 241 |
<dd>83.212.97.127</dd> |
|
| 242 |
</dl> |
|
| 243 |
</div> |
|
| 244 | 190 |
</div> |
| 245 | 191 |
</li> |
| 246 | 192 |
|
Also available in: Unified diff