Revision de9b2b51 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
---|---|---|
20 | 20 |
<header class="header"> |
21 | 21 |
<nav> |
22 | 22 |
<ul class="icons-nav"> |
23 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC_fill"></span></a></li>
|
|
23 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-pc-full"></span></a></li>
|
|
24 | 24 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
25 | 25 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
26 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
|
|
27 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
|
|
26 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
|
|
27 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
28 | 28 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li> |
29 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li> |
|
29 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
30 | 30 |
</ul> |
31 | 31 |
</nav> |
32 | 32 |
<div class="login"> |
... | ... | |
81 | 81 |
<div id="attach-volume" class="reveal-modal medium list-availables"> |
82 | 82 |
<span>Available volumes:</span> |
83 | 83 |
<ul> |
84 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li>
|
|
85 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
|
|
84 |
<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-volume-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li>
|
|
85 |
<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-volume-full"></span><span class="name">volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
|
|
86 | 86 |
</ul> |
87 | 87 |
<p class="buttons"> |
88 | 88 |
<a href="" class="btn1">OK</a> |
... | ... | |
99 | 99 |
<div id="connect-to-network" class="reveal-modal medium list-availables"> |
100 | 100 |
<span>Available networks:</span> |
101 | 101 |
<ul> |
102 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>other data</span></li>
|
|
103 |
<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>connected machines: 10</span></li>
|
|
102 |
<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>other data</span></li>
|
|
103 |
<li><span class="snf-font snf-radio-unchecked"></span><span class="snf-font snf-network-full"></span><span class="name">network name</span><span>connected machines: 10</span></li>
|
|
104 | 104 |
</ul> |
105 | 105 |
<p class="buttons"> |
106 | 106 |
<a href="" class="btn1">OK</a> |
... | ... | |
159 | 159 |
</div> |
160 | 160 |
<div class="col rt"> |
161 | 161 |
<ul> |
162 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
163 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
162 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
163 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
164 | 164 |
</ul> |
165 | 165 |
</div> |
166 | 166 |
</div> |
... | ... | |
171 | 171 |
<span class="snf-checkbox-unchecked"></span> |
172 | 172 |
</div> |
173 | 173 |
<div class="img-wrap"> |
174 |
<span class="snf-PC_fill"></span>
|
|
174 |
<span class="snf-pc-full"></span>
|
|
175 | 175 |
<span class="os kubuntu">kubuntu</span> |
176 | 176 |
</div> |
177 | 177 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
178 | 178 |
<div class="actions"> |
179 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
180 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
179 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
180 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
181 | 181 |
</div> |
182 | 182 |
<div class= "status"> |
183 | 183 |
<span class="state">REBOOTING</span> |
... | ... | |
203 | 203 |
</div> |
204 | 204 |
<div class="col rt"> |
205 | 205 |
<ul> |
206 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
207 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
206 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
207 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
208 | 208 |
</ul> |
209 | 209 |
</div> |
210 | 210 |
</div> |
... | ... | |
215 | 215 |
<span class="snf-checkbox-unchecked"></span> |
216 | 216 |
</div> |
217 | 217 |
<div class="img-wrap"> |
218 |
<span class="snf-PC_fill"></span>
|
|
218 |
<span class="snf-pc-full"></span>
|
|
219 | 219 |
<span class="os kubuntu">kubuntu</span> |
220 | 220 |
</div> |
221 | 221 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
222 | 222 |
<div class="actions"> |
223 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
224 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
223 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
224 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
225 | 225 |
</div> |
226 | 226 |
<div class= "status"> |
227 | 227 |
<span class="state">STARTING</span> |
... | ... | |
245 | 245 |
</div> |
246 | 246 |
<div class="col rt"> |
247 | 247 |
<ul> |
248 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
249 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
248 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
249 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
250 | 250 |
</ul> |
251 | 251 |
</div> |
252 | 252 |
</div> |
... | ... | |
258 | 258 |
</div> |
259 | 259 |
<div class="img-wrap"> |
260 | 260 |
<div class="img running"> |
261 |
<span class="snf-PC_fill"></span>
|
|
261 |
<span class="snf-pc-full"></span>
|
|
262 | 262 |
<span class="os kubuntu">kubuntu</span> |
263 | 263 |
</div> |
264 | 264 |
</div> |
265 | 265 |
<h4>short name</h4> |
266 | 266 |
<div class="actions"> |
267 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
268 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
267 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
268 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
269 | 269 |
</div> |
270 | 270 |
<div class= "status"> |
271 | 271 |
<span class="state">SHUTTING DOWN</span> |
... | ... | |
291 | 291 |
</div> |
292 | 292 |
<div class="col rt"> |
293 | 293 |
<ul> |
294 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
295 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
294 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
295 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
296 | 296 |
</ul> |
297 | 297 |
</div> |
298 | 298 |
</div> |
... | ... | |
303 | 303 |
<span class="snf-checkbox-unchecked"></span> |
304 | 304 |
</div> |
305 | 305 |
<div class="img-wrap"> |
306 |
<span class="snf-PC_fill"></span>
|
|
306 |
<span class="snf-pc-full"></span>
|
|
307 | 307 |
<span class="os kubuntu">kubuntu</span> |
308 | 308 |
</div> |
309 | 309 |
<h4>short name</h4> |
310 | 310 |
<div class="actions"> |
311 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
312 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
311 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
312 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
313 | 313 |
</div> |
314 | 314 |
|
315 | 315 |
<div class= "status"> |
... | ... | |
337 | 337 |
</div> |
338 | 338 |
<div class="col rt"> |
339 | 339 |
<ul> |
340 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
341 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
340 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
341 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
342 | 342 |
</ul> |
343 | 343 |
</div> |
344 | 344 |
</div> |
... | ... | |
349 | 349 |
<span class="snf-checkbox-unchecked"></span> |
350 | 350 |
</div> |
351 | 351 |
<div class="img-wrap"> |
352 |
<span class="snf-PC_fill"></span>
|
|
352 |
<span class="snf-pc-full"></span>
|
|
353 | 353 |
<span class="os fedora">fedora</span> |
354 | 354 |
</div> |
355 | 355 |
<h4>short name</h4> |
356 | 356 |
<div class="actions"> |
357 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
358 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
357 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
358 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
359 | 359 |
</div> |
360 | 360 |
<div class= "status"> |
361 | 361 |
</div> |
... | ... | |
378 | 378 |
</div> |
379 | 379 |
<div class="col rt"> |
380 | 380 |
<ul> |
381 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
382 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
381 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
382 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
383 | 383 |
</ul> |
384 | 384 |
</div> |
385 | 385 |
</div> |
... | ... | |
390 | 390 |
<span class="snf-checkbox-unchecked"></span> |
391 | 391 |
</div> |
392 | 392 |
<div class="img-wrap"> |
393 |
<span class="snf-PC_fill"></span>
|
|
393 |
<span class="snf-pc-full"></span>
|
|
394 | 394 |
<span class="os">unknown</span> |
395 | 395 |
</div> |
396 | 396 |
<h4>short name</h4> |
397 | 397 |
<div class="actions"> |
398 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
399 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
398 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
399 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
400 | 400 |
</div> |
401 | 401 |
<div class="tags"> |
402 | 402 |
</div> |
... | ... | |
421 | 421 |
</div> |
422 | 422 |
<div class="col rt"> |
423 | 423 |
<ul> |
424 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-lightning"></span>Connect</a></li>
|
|
425 |
<li><a href="vm_details.html"><span class="snf-info_outline"></span>Details</a></li>
|
|
424 |
<li><a href="" data-reveal-id="vm-connect" class="connect"><span class="snf-thunder-full"></span>Connect</a></li>
|
|
425 |
<li><a href="vm_details.html"><span class="snf-info-outline"></span>Details</a></li>
|
|
426 | 426 |
</ul> |
427 | 427 |
</div> |
428 | 428 |
</div> |
... | ... | |
433 | 433 |
<span class="snf-checkbox-unchecked"></span> |
434 | 434 |
</div> |
435 | 435 |
<div class="img-wrap"> |
436 |
<span class="snf-PC_fill"></span>
|
|
436 |
<span class="snf-pc-full"></span>
|
|
437 | 437 |
<span class="os fedora">fedora</span> |
438 | 438 |
</div> |
439 | 439 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
440 | 440 |
<div class="actions"> |
441 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
442 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
441 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
442 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
443 | 443 |
</div> |
444 | 444 |
<div class= "status"> |
445 | 445 |
</div> |
... | ... | |
454 | 454 |
<section class="top"> |
455 | 455 |
<div class="lt"> |
456 | 456 |
<div class="img-wrap"> |
457 |
<span class="snf-PC_fill"></span>
|
|
457 |
<span class="snf-pc-full"></span>
|
|
458 | 458 |
<span class="os fedora">fedora</span> |
459 | 459 |
</div> |
460 | 460 |
</div> |
... | ... | |
472 | 472 |
</div> |
473 | 473 |
<div class="tabs"> |
474 | 474 |
<ul> |
475 |
<li><a href="#info" class="active"><span class="snf-info_outline"></span></a></li>
|
|
476 |
<li><a href="#disk-connected"><span class="snf-HDD-full"></span></a></li>
|
|
477 |
<li><a href="#network-connected"><span class="snf-network_full font-icon"></span></a></li>
|
|
475 |
<li><a href="#info" class="active"><span class="snf-info-outline"></span></a></li>
|
|
476 |
<li><a href="#disk-connected"><span class="snf-volume-full"></span></a></li>
|
|
477 |
<li><a href="#network-connected"><span class="snf-network-full snf-font"></span></a></li>
|
|
478 | 478 |
</ul> |
479 | 479 |
</div> |
480 | 480 |
</div> |
... | ... | |
483 | 483 |
<section class="info-block"> |
484 | 484 |
<h2>info</h2> |
485 | 485 |
<dl> |
486 |
<dt><span class="font-icon"></span>Project</dt>
|
|
486 |
<dt><span class="snf-font"></span>Project</dt>
|
|
487 | 487 |
<dd>Basic Project</dd> |
488 |
<dt><span class="font-icon snf-PC_fill"></span>Name</dt>
|
|
488 |
<dt><span class="snf-font snf-pc-full"></span>Name</dt>
|
|
489 | 489 |
<dd> |
490 | 490 |
<div class="editable"> |
491 | 491 |
<span class="input-txt">My Opensuse Desktop Server 1</span> |
492 | 492 |
<input type="text"> |
493 | 493 |
<span class="editbuttons"> |
494 |
<a href="#" class="edit"><span class="snf-edit-1"></span></a>
|
|
494 |
<a href="#" class="edit"><span class="snf-edit"></span></a> |
|
495 | 495 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
496 | 496 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
497 | 497 |
</span> |
498 | 498 |
</div> |
499 | 499 |
</dd> |
500 |
<dt><span class="snf-cpu font-icon"></span>CPUs</dt>
|
|
500 |
<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt>
|
|
501 | 501 |
<dd>4</dd> |
502 |
<dt><span class="snf-ram-full font-icon"></span>RAM</dt>
|
|
502 |
<dt><span class="snf-ram-full snf-font"></span>RAM</dt>
|
|
503 | 503 |
<dd>512 MB</dd> |
504 |
<dt><span class="snf-HDD-full font-icon"></span>System Disk Size</dt>
|
|
504 |
<dt><span class="snf-volume-full snf-font"></span>System Disk Size</dt>
|
|
505 | 505 |
<dd>4GB</dd> |
506 |
<dt><span class="snf-HDD-full font-icon"></span>Storage Type</dt>
|
|
506 |
<dt><span class="snf-volume-full snf-font"></span>Storage Type</dt>
|
|
507 | 507 |
<dd>Archipelago</dd> |
508 |
<dt><span class="snf-images font-icon"></span>Image Name</dt>
|
|
508 |
<dt><span class="snf-image-outline snf-font"></span>Image Name</dt>
|
|
509 | 509 |
<dd>Fedora</dd> |
510 |
<dt><span class="snf-images font-icon"></span>Image Size</dt>
|
|
510 |
<dt><span class="snf-image-outline snf-font"></span>Image Size</dt>
|
|
511 | 511 |
<dd>3.68 GB</dd> |
512 |
<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
|
|
512 |
<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
|
|
513 | 513 |
<dd>83.212.96.152</dd> |
514 |
<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
|
|
514 |
<dt><span class="snf-nic-full snf-font"></span>IPv4</dt>
|
|
515 | 515 |
<dd>83.212.96.153</dd> |
516 |
<dt><span class="snf-nic-full font-icon"></span>IPv6</dt>
|
|
516 |
<dt><span class="snf-nic-full snf-font"></span>IPv6</dt>
|
|
517 | 517 |
<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd> |
518 | 518 |
</dl> |
519 | 519 |
</section> |
... | ... | |
579 | 579 |
<section class="item running"> |
580 | 580 |
<div class="what"> |
581 | 581 |
<div class="img-wrap"> |
582 |
<span class="snf-network_full font-icon"></span>
|
|
582 |
<span class="snf-network-full snf-font"></span>
|
|
583 | 583 |
</div> |
584 | 584 |
<h4>Public Network</h4> |
585 | 585 |
</div> |
... | ... | |
640 | 640 |
<section class="item error"> |
641 | 641 |
<div class="what"> |
642 | 642 |
<div class="img-wrap"> |
643 |
<span class="snf-network_full font-icon"></span>
|
|
643 |
<span class="snf-network-full snf-font"></span>
|
|
644 | 644 |
</div> |
645 | 645 |
<h4>My Awesome Network<span class="status">Error</span></h4> |
646 | 646 |
</div> |
... | ... | |
689 | 689 |
<section class="item running"> |
690 | 690 |
<div class="what"> |
691 | 691 |
<div class="img-wrap"> |
692 |
<span class="snf-network_full font-icon"></span>
|
|
692 |
<span class="snf-network-full snf-font"></span>
|
|
693 | 693 |
</div> |
694 | 694 |
<h4>My Private Network</h4> |
695 | 695 |
</div> |
... | ... | |
714 | 714 |
<section class="connect-new network"> |
715 | 715 |
<div class="img-wrap"> |
716 | 716 |
<a href="" data-reveal-id="connect-to-network"> |
717 |
<span class="snf-network_full font-icon"></span>
|
|
717 |
<span class="snf-network-full snf-font"></span>
|
|
718 | 718 |
</a> |
719 | 719 |
</div> |
720 | 720 |
<p><a href="" data-reveal-id="connect-to-network">Connect to Network</a></p> |
... | ... | |
724 | 724 |
<section class="item running"> |
725 | 725 |
<div class="what"> |
726 | 726 |
<div class="img-wrap"> |
727 |
<span class="snf-HDD-full font-icon"></span>
|
|
727 |
<span class="snf-volume-full snf-font"></span>
|
|
728 | 728 |
</div> |
729 | 729 |
<h4>Volume Name</h4> |
730 | 730 |
</div> |
... | ... | |
752 | 752 |
<section class="item error"> |
753 | 753 |
<div class="what"> |
754 | 754 |
<div class="img-wrap"> |
755 |
<span class="snf-HDD-full font-icon"></span>
|
|
755 |
<span class="snf-volume-full snf-font"></span>
|
|
756 | 756 |
</div> |
757 | 757 |
<h4>Another Volume<span class="status">Error</span></h4> |
758 | 758 |
</div> |
... | ... | |
781 | 781 |
<section class="connect-new disk"> |
782 | 782 |
<div class="img-wrap"> |
783 | 783 |
<a href="" data-reveal-id="attach-volume"> |
784 |
<span class="snf-HDD-full font-icon"></span>
|
|
784 |
<span class="snf-volume-full snf-font"></span>
|
|
785 | 785 |
</a> |
786 | 786 |
</div> |
787 | 787 |
<p><a href="" data-reveal-id="attach-volume">Attach Volume</a></p> |
Also available in: Unified diff