Revision f8f24db6 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_v1.html | ||
|---|---|---|
| 25 | 25 |
</div> |
| 26 | 26 |
<div class="row-full"> |
| 27 | 27 |
<header class="header"> |
| 28 |
<!-- logo --> |
|
| 28 |
|
|
| 29 | 29 |
<div class="logo"> |
| 30 |
<img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
|
|
| 30 |
<img src="images/logo_01.png" alt="software logo">
|
|
| 31 | 31 |
</div> |
| 32 |
<div class="new-btn"><a href=""><span>+</span> NEW MACHINE </a></div> |
|
| 33 |
<!-- icons-nav --> |
|
| 32 |
|
|
| 34 | 33 |
<nav class="top-nav icons-nav"> |
| 35 | 34 |
|
| 36 | 35 |
<ul> |
| ... | ... | |
| 43 | 42 |
|
| 44 | 43 |
</nav> |
| 45 | 44 |
|
| 46 |
<!-- login functionality --> |
|
| 47 | 45 |
<div class="login"> |
| 48 | 46 |
<a href="">test@grnet.gr</a> |
| 49 | 47 |
</div> |
| 50 |
<!-- extra actions --> |
|
| 51 |
<div class="actions"> |
|
| 48 |
<div class="actions clearfix"> |
|
| 52 | 49 |
|
| 53 |
<div class="lt-actions"></div> |
|
| 50 |
<div class="lt-actions"> |
|
| 51 |
<div class="new-btn"><a href="vm_create_a_v1.html"><span>+</span> NEW MACHINE </a></div> |
|
| 52 |
</div> |
|
| 54 | 53 |
<div class="main-actions"> |
| 55 | 54 |
<ul> |
| 56 |
<li><a href="">Reboot</a></li> |
|
| 57 |
<li><a href="">Shutdown</a></li> |
|
| 58 |
<li><a href="">Console</a></li> |
|
| 59 |
<li><a href="">Action1</a></li> |
|
| 60 |
<li><a href="">Action2</a></li> |
|
| 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>
|
|
| 61 | 60 |
</ul> |
| 62 | 61 |
</div> |
| 63 | 62 |
</div> |
| 64 | 63 |
</header> |
| 65 |
<div class="info top-info success">
|
|
| 64 |
<div class="info top-info alert">
|
|
| 66 | 65 |
<div class="wrap"> |
| 67 | 66 |
|
| 68 | 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> |
| ... | ... | |
| 80 | 79 |
<div class="vms"> |
| 81 | 80 |
<ul class="items-list small-block-grid-2 large-block-grid-4"> |
| 82 | 81 |
<li> |
| 83 |
<div class="img running"> |
|
| 84 |
VM running |
|
| 85 |
<span class="os windows">os</span> |
|
| 86 |
</div> |
|
| 87 |
<p class="visible-info"> |
|
| 88 |
<span>IPv4 83.212.97.127</span> |
|
| 89 |
<span>my awsome machine</span> |
|
| 82 |
<div class="vm_container"> |
|
| 83 |
<div class="img running"> |
|
| 84 |
VM running |
|
| 85 |
<span class="os kubuntu">kubuntu</span> |
|
| 86 |
</div> |
|
| 87 |
<p class="visible-info"> |
|
| 88 |
<span>IPv4 83.212.97.127</span> |
|
| 89 |
<span>my awsome machine</span> |
|
| 90 |
</p> |
|
| 90 | 91 |
|
| 91 |
</p> |
|
| 92 |
<!-- selection window --> |
|
| 93 |
<div class="vm_options invisible"> |
|
| 94 |
<a class="select" href="">select |
|
| 95 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 96 |
a |
|
| 97 |
</span> |
|
| 98 |
</a><br> |
|
| 99 |
<a href="" class="option">connect</a><br> |
|
| 100 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 101 |
</div> |
|
| 102 |
|
|
| 103 |
</div> |
|
| 92 | 104 |
</li> |
| 93 | 105 |
<li> |
| 94 | 106 |
<div class="vm_container"> |
| 95 | 107 |
<div class="img running"> |
| 96 | 108 |
VM running |
| 97 |
<span class="os fedora">os</span>
|
|
| 109 |
<span class="os windows">windows</span>
|
|
| 98 | 110 |
</div> |
| 99 | 111 |
<p class="visible-info"> |
| 100 | 112 |
<span>IPv4 83.212.97.127</span> |
| ... | ... | |
| 115 | 127 |
</div> |
| 116 | 128 |
</li> |
| 117 | 129 |
<li> |
| 118 |
<div class="img stopped"> |
|
| 119 |
VM running |
|
| 120 |
<span class="os kubuntu">os</span> |
|
| 130 |
<div class="vm_container"> |
|
| 131 |
<div class="img running"> |
|
| 132 |
VM running |
|
| 133 |
<span class="os">os</span> |
|
| 134 |
</div> |
|
| 135 |
<p class="visible-info"> |
|
| 136 |
<span>IPv4 83.212.97.127</span> |
|
| 137 |
<span>my awsome machine οισδθφοισδθφ σοιδφθσδ </span> |
|
| 138 |
</p> |
|
| 139 |
|
|
| 140 |
<!-- selection window --> |
|
| 141 |
<div class="vm_options invisible"> |
|
| 142 |
<a class="select" href="">select |
|
| 143 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 144 |
a |
|
| 145 |
</span> |
|
| 146 |
</a><br> |
|
| 147 |
<a href="" class="option">connect</a><br> |
|
| 148 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 149 |
</div> |
|
| 150 |
|
|
| 121 | 151 |
</div> |
| 122 |
<p class="visible-info"> |
|
| 123 |
<span>IPv4 83.212.97.127</span> |
|
| 124 |
<span>my awsome machine</span> |
|
| 125 |
</p> |
|
| 152 |
</li> |
|
| 153 |
<li> |
|
| 154 |
<div class="vm_container"> |
|
| 155 |
<div class="img running"> |
|
| 156 |
VM running |
|
| 157 |
<span class="os fedora">os</span> |
|
| 158 |
</div> |
|
| 159 |
<p class="visible-info"> |
|
| 160 |
<span>IPv4 83.212.97.127</span> |
|
| 161 |
<span>my awsome machine</span> |
|
| 162 |
</p> |
|
| 163 |
|
|
| 164 |
<!-- selection window --> |
|
| 165 |
<div class="vm_options invisible"> |
|
| 166 |
<a class="select" href="">select |
|
| 167 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 168 |
a |
|
| 169 |
</span> |
|
| 170 |
</a><br> |
|
| 171 |
<a href="" class="option">connect</a><br> |
|
| 172 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 173 |
</div> |
|
| 126 | 174 |
|
| 175 |
</div> |
|
| 127 | 176 |
</li> |
| 128 | 177 |
<li> |
| 129 |
<div class="img running"> |
|
| 130 |
VM running |
|
| 131 |
<span class="os windows">os</span> |
|
| 178 |
<div class="vm_container"> |
|
| 179 |
<div class="img running"> |
|
| 180 |
VM running |
|
| 181 |
<span class="os fedora">os</span> |
|
| 182 |
</div> |
|
| 183 |
<p class="visible-info"> |
|
| 184 |
<span>IPv4 83.212.97.127</span> |
|
| 185 |
<span>my awsome machine</span> |
|
| 186 |
</p> |
|
| 187 |
|
|
| 188 |
<!-- selection window --> |
|
| 189 |
<div class="vm_options invisible"> |
|
| 190 |
<a class="select" href="">select |
|
| 191 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 192 |
a |
|
| 193 |
</span> |
|
| 194 |
</a><br> |
|
| 195 |
<a href="" class="option">connect</a><br> |
|
| 196 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 197 |
</div> |
|
| 198 |
|
|
| 132 | 199 |
</div> |
| 133 |
<p class="visible-info"> |
|
| 134 |
<span>IPv4 83.212.97.127</span> |
|
| 135 |
<span>my awsome machine</span> |
|
| 136 |
</p> |
|
| 137 | 200 |
</li> |
| 138 | 201 |
<li> |
| 139 |
<div class="img running"> |
|
| 140 |
VM running |
|
| 141 |
<span class="os kubuntu">os</span> |
|
| 202 |
<div class="vm_container"> |
|
| 203 |
<div class="img running"> |
|
| 204 |
VM running |
|
| 205 |
<span class="os fedora">os</span> |
|
| 206 |
</div> |
|
| 207 |
<p class="visible-info"> |
|
| 208 |
<span>IPv4 83.212.97.127</span> |
|
| 209 |
<span>my awsome machine</span> |
|
| 210 |
</p> |
|
| 211 |
|
|
| 212 |
<!-- selection window --> |
|
| 213 |
<div class="vm_options invisible"> |
|
| 214 |
<a class="select" href="">select |
|
| 215 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 216 |
a |
|
| 217 |
</span> |
|
| 218 |
</a><br> |
|
| 219 |
<a href="" class="option">connect</a><br> |
|
| 220 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 221 |
</div> |
|
| 222 |
|
|
| 142 | 223 |
</div> |
| 143 |
<p class="visible-info"> |
|
| 144 |
<span>IPv4 83.212.97.127</span> |
|
| 145 |
<span>my awsome machine</span> |
|
| 146 |
</p> |
|
| 147 | 224 |
</li> |
| 148 | 225 |
<li> |
| 149 |
<div class="img running"> |
|
| 150 |
VM running |
|
| 151 |
<span class="os">os</span> |
|
| 226 |
<div class="vm_container"> |
|
| 227 |
<div class="img running"> |
|
| 228 |
VM running |
|
| 229 |
<span class="os fedora">os</span> |
|
| 230 |
</div> |
|
| 231 |
<p class="visible-info"> |
|
| 232 |
<span>IPv4 83.212.97.127</span> |
|
| 233 |
<span>my awsome machine</span> |
|
| 234 |
</p> |
|
| 235 |
|
|
| 236 |
<!-- selection window --> |
|
| 237 |
<div class="vm_options invisible"> |
|
| 238 |
<a class="select" href="">select |
|
| 239 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 240 |
a |
|
| 241 |
</span> |
|
| 242 |
</a><br> |
|
| 243 |
<a href="" class="option">connect</a><br> |
|
| 244 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 245 |
</div> |
|
| 246 |
|
|
| 152 | 247 |
</div> |
| 153 |
<p class="visible-info"> |
|
| 154 |
<span>IPv4 83.212.97.127</span> |
|
| 155 |
<span>my awsome machine</span> |
|
| 156 |
</p> |
|
| 157 | 248 |
</li> |
| 158 | 249 |
<li> |
| 159 |
<div class="img running"> |
|
| 160 |
VM running |
|
| 161 |
<span class="os windows">os</span> |
|
| 250 |
<div class="vm_container"> |
|
| 251 |
<div class="img running"> |
|
| 252 |
VM running |
|
| 253 |
<span class="os fedora">os</span> |
|
| 254 |
</div> |
|
| 255 |
<p class="visible-info"> |
|
| 256 |
<span>IPv4 83.212.97.127</span> |
|
| 257 |
<span>my awsome machine</span> |
|
| 258 |
</p> |
|
| 259 |
|
|
| 260 |
<!-- selection window --> |
|
| 261 |
<div class="vm_options invisible"> |
|
| 262 |
<a class="select" href="">select |
|
| 263 |
<span aria-hidden="true" class="custom_checkbox checkbox-unchecked"> |
|
| 264 |
a |
|
| 265 |
</span> |
|
| 266 |
</a><br> |
|
| 267 |
<a href="" class="option">connect</a><br> |
|
| 268 |
<a href="vm_details_v1.html" class="option">details</a> |
|
| 269 |
</div> |
|
| 270 |
|
|
| 162 | 271 |
</div> |
| 163 |
<p class="visible-info"> |
|
| 164 |
<span>IPv4 83.212.97.127</span> |
|
| 165 |
<span>my awsome machine</span> |
|
| 166 |
</p> |
|
| 167 | 272 |
</li> |
| 168 | 273 |
</ul> |
| 169 | 274 |
</div> |
Also available in: Unified diff