Revision f0498685 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 6 | 6 |
<head> |
| 7 | 7 |
<meta charset="utf-8" /> |
| 8 | 8 |
<meta name="viewport" content="width=device-width" /> |
| 9 |
<title>Synnefo | VM details</title>
|
|
| 9 |
<title>VM details</title> |
|
| 10 | 10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
| 11 | 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | 12 |
<link rel="stylesheet" href="stylesheets/farbtastic.css" /> |
| ... | ... | |
| 23 | 23 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-PC_fill"></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="" 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="" data-tooltip class="has-tip" title="Images" ><span class="snf-images"></span></a></li>
|
|
| 28 |
<li><a href="" 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>
|
|
| 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="" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li> |
|
| 28 |
<li><a href="" 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> |
|
| 30 | 30 |
</ul> |
| 31 | 31 |
</nav> |
| 32 | 32 |
<div class="login"> |
| ... | ... | |
| 39 | 39 |
</div> |
| 40 | 40 |
</div> |
| 41 | 41 |
<div class="logo"> |
| 42 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
|
|
| 42 |
<a href="index.html"><img src="images/synnefo-logo.png" alt="software logo"></a>
|
|
| 43 | 43 |
</div> |
| 44 | 44 |
</header> |
| 45 | 45 |
<div class="info top-info alert"> |
| ... | ... | |
| 71 | 71 |
<a class="close-reveal-modal" title="close window">X</a> |
| 72 | 72 |
</div> |
| 73 | 73 |
<div id="vm-connect" class="reveal-modal medium"> |
| 74 |
<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" target="_blank" >SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
|
|
| 74 |
<p>A direct connection to this machine can be established using the <a href="http://en.wikipedia.org/wiki/Secure_Shell" target="_blank">SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
|
| 75 | 75 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
| 76 | 76 |
|
| 77 | 77 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
| 78 | 78 |
<a class="close-reveal-modal" title="close window">×</a> |
| 79 | 79 |
</div> |
| 80 | 80 |
<section class="actions-bar clearfix"> |
| 81 |
<h2><a href="vm_list.html">Virtual Machines</a> > My Awesome machine</h2>
|
|
| 81 |
<h2><a href="vm_list.html">Virtual Machines</a> > My Awesome Network</h2>
|
|
| 82 | 82 |
<div class="view-type"> |
| 83 | 83 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
| 84 | 84 |
<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
| ... | ... | |
| 444 | 444 |
<section class="info-block"> |
| 445 | 445 |
<h2>info</h2> |
| 446 | 446 |
<dl> |
| 447 |
<dt><span class="snf-cpu icon"></span>CPUs</dt> |
|
| 447 |
<dt><span class="font-icon"></span>Project</dt> |
|
| 448 |
<dd>Basic Project</dd> |
|
| 449 |
<dt><span class="font-icon snf-PC_fill"></span>Name</dt> |
|
| 450 |
<dd> |
|
| 451 |
<div class="editable"> |
|
| 452 |
<span class="input-txt">My Opensuse Desktop Server 1</span> |
|
| 453 |
<input type="text"> |
|
| 454 |
<span class="editbuttons"> |
|
| 455 |
<a href="#" class="edit"><span class="snf-edit-1"></span></a> |
|
| 456 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
|
| 457 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
|
| 458 |
</span> |
|
| 459 |
</div> |
|
| 460 |
</dd> |
|
| 461 |
<dt><span class="snf-cpu font-icon"></span>CPUs</dt> |
|
| 448 | 462 |
<dd>4</dd> |
| 449 |
<dt><span class="snf-ram icon"></span>RAM</dt>
|
|
| 463 |
<dt><span class="snf-ram-full font-icon"></span>RAM</dt>
|
|
| 450 | 464 |
<dd>512 MB</dd> |
| 451 |
<dt><span class="snf-HDD icon"></span>System Disk Size</dt>
|
|
| 465 |
<dt><span class="snf-HDD-full font-icon"></span>System Disk Size</dt>
|
|
| 452 | 466 |
<dd>4GB</dd> |
| 453 |
<dt><span class="snf-HDD icon"></span>Storage Type</dt>
|
|
| 467 |
<dt><span class="snf-HDD-full font-icon"></span>Storage Type</dt>
|
|
| 454 | 468 |
<dd>Archipelago</dd> |
| 455 |
<dt><span class="snf-images icon"></span>Image Name</dt> |
|
| 469 |
<dt><span class="snf-images font-icon"></span>Image Name</dt>
|
|
| 456 | 470 |
<dd>Fedora</dd> |
| 457 |
<dt><span class="snf-images icon"></span>Image Size</dt> |
|
| 471 |
<dt><span class="snf-images font-icon"></span>Image Size</dt>
|
|
| 458 | 472 |
<dd>3.68 GB</dd> |
| 459 |
<dt><span class="snf-ram icon"></span>IPv4</dt>
|
|
| 473 |
<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
|
|
| 460 | 474 |
<dd>83.212.96.152</dd> |
| 461 |
<dt><span class="snf-ram icon"></span>IPv4</dt>
|
|
| 475 |
<dt><span class="snf-nic-full font-icon"></span>IPv4</dt>
|
|
| 462 | 476 |
<dd>83.212.96.153</dd> |
| 463 |
<dt><span class="snf-ram icon"></span>IPv6</dt>
|
|
| 477 |
<dt><span class="snf-nic-full font-icon"></span>IPv6</dt>
|
|
| 464 | 478 |
<dd>2001:648:2ffc:1112:a80c:eaff:fec2:8cd9</dd> |
| 465 | 479 |
</dl> |
| 466 | 480 |
</section> |
| 467 | 481 |
<section class="info-block tags"> |
| 468 | 482 |
<h2>tags</h2> |
| 469 |
<div class="editable">
|
|
| 483 |
<div class="tag-data">
|
|
| 470 | 484 |
<a href="" class="tag tag1 has-tip" data-tooltip="" title="Tooltip1"> </a> |
| 471 |
<span class="input-txt">Tag Name</span> |
|
| 472 |
<input type="text"> |
|
| 473 |
<span class="editbuttons"> |
|
| 474 |
<a href="#" class="edit"><span class="snf-edit-1"></span></a> |
|
| 475 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
|
| 476 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
|
| 477 |
</span> |
|
| 485 |
<span>Tag Name</span> |
|
| 478 | 486 |
<a class="delete"><span>X</span></a> |
| 479 | 487 |
</div> |
| 480 |
<div class="editable">
|
|
| 488 |
<div class="tag-data">
|
|
| 481 | 489 |
<a href="" class="tag tag2 has-tip" data-tooltip="" title="Tooltip1"> </a> |
| 482 |
<span class="input-txt">Tag Name</span> |
|
| 483 |
<input type="text"> |
|
| 484 |
<span class="editbuttons"> |
|
| 485 |
<a href="#" class="edit"><span class="snf-edit-1"></span></a> |
|
| 486 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
|
| 487 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
|
| 490 |
<span>Tag Name</span> |
|
| 488 | 491 |
<a class="delete"><span>X</span></a> |
| 489 |
</span> |
|
| 490 | 492 |
</div> |
| 491 |
<div class="editable">
|
|
| 493 |
<div class="tag-data">
|
|
| 492 | 494 |
<a href="" class="tag tag3 has-tip" data-tooltip="" title="Tooltip1"> </a> |
| 493 |
<span class="input-txt">Tag Name</span> |
|
| 494 |
<input type="text"> |
|
| 495 |
<span class="editbuttons"> |
|
| 496 |
<a href="#" class="edit"><span class="snf-edit-1"></span></a> |
|
| 497 |
<a href="#" class="save"><span class="snf-ok-sign"></span></a> |
|
| 498 |
<a href="#" class="cancel"><span class="snf-cancel-circled"></span></a> |
|
| 499 |
</span> |
|
| 495 |
<span>Tag Name</span> |
|
| 500 | 496 |
<a class="delete"><span>X</span></a> |
| 501 | 497 |
</div> |
| 502 | 498 |
<div class="buttons"> |
| ... | ... | |
| 541 | 537 |
</section> |
| 542 | 538 |
</section> |
| 543 | 539 |
<section class="content connected" id="network-connected" style="display:none"> |
| 544 |
<section class="item error">
|
|
| 540 |
<section class="item running">
|
|
| 545 | 541 |
<div class="what"> |
| 546 | 542 |
<div class="img-wrap"> |
| 547 |
<span class="snf-PC_fill"></span> |
|
| 548 |
<span class="os fedora">fedora</span> |
|
| 543 |
<span class="snf-network_full"></span> |
|
| 549 | 544 |
</div> |
| 550 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4>
|
|
| 545 |
<h4>Public Network</h4>
|
|
| 551 | 546 |
</div> |
| 552 | 547 |
<div class="clearfix"> |
| 553 | 548 |
<ul class="connections"> |
| 554 | 549 |
<li> |
| 555 | 550 |
<a href="#" class="act">act</a> |
| 556 |
<div class="icon"><span class="snf-info_outline"></span></div>
|
|
| 551 |
<div class="icon"><span class="snf-nic-full"></span></div>
|
|
| 557 | 552 |
<div class="data"> |
| 558 | 553 |
<ul> |
| 559 | 554 |
<li> |
| 560 |
<h5>ipv6</h5>
|
|
| 561 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p>
|
|
| 555 |
<h5 class="ip-data">IPv4</h5>
|
|
| 556 |
<p>83.212.96.12</p>
|
|
| 562 | 557 |
</li> |
| 558 |
</ul> |
|
| 559 |
</div> |
|
| 560 |
</li> |
|
| 561 |
<li> |
|
| 562 |
<a href="#" class="act">act</a> |
|
| 563 |
<div class="icon"><span class="snf-nic-full"></span></div> |
|
| 564 |
<div class="data"> |
|
| 565 |
<ul> |
|
| 563 | 566 |
<li> |
| 564 |
<h5>ipv6</h5> |
|
| 565 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p> |
|
| 567 |
<h5 class="ip-data">IPv4</h5> |
|
| 568 |
<p>83.212.96.12</p> |
|
| 569 |
</li> |
|
| 570 |
</ul> |
|
| 571 |
</div> |
|
| 572 |
</li> |
|
| 573 |
<li> |
|
| 574 |
<div class="icon"><span class="snf-nic-full"></span></div> |
|
| 575 |
<div class="data"> |
|
| 576 |
<ul> |
|
| 577 |
<li> |
|
| 578 |
<h5 class="ip-data">IPv6</h5> |
|
| 579 |
<p>2001:648:2ffc:1112:a80c:eaff:fe34:1234</p> |
|
| 566 | 580 |
</li> |
| 567 | 581 |
</ul> |
| 568 | 582 |
</div> |
| ... | ... | |
| 584 | 598 |
</div> |
| 585 | 599 |
</div> |
| 586 | 600 |
</section> |
| 587 |
<section class="item running">
|
|
| 601 |
<section class="item error">
|
|
| 588 | 602 |
<div class="what"> |
| 589 | 603 |
<div class="img-wrap"> |
| 590 | 604 |
<span class="snf-network_full"></span> |
| 591 | 605 |
</div> |
| 592 |
<h4>My Awesome Network</h4> |
|
| 606 |
<h4>My Awesome Network<span class="status">Error</span></h4>
|
|
| 593 | 607 |
</div> |
| 594 | 608 |
<div class="clearfix"> |
| 595 | 609 |
<ul class="connections"> |
| 596 | 610 |
<li> |
| 597 | 611 |
<a href="#" class="act">act</a> |
| 598 |
<div class="icon"><span class="snf-info_outline"></span></div>
|
|
| 612 |
<div class="icon"><span class="snf-nic-full"></span></div>
|
|
| 599 | 613 |
<div class="data"> |
| 600 | 614 |
<ul> |
| 601 | 615 |
<li> |
| 602 |
<h5>ipv6</h5> |
|
| 616 |
<h5 class="ip-data">ipv6</h5>
|
|
| 603 | 617 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 604 | 618 |
</li> |
| 605 | 619 |
<li> |
| 606 |
<h5>ipv4</h5> |
|
| 620 |
<h5 class="ip-data">ipv4</h5>
|
|
| 607 | 621 |
<p>001:648:2ffc</p> |
| 608 | 622 |
</li> |
| 609 | 623 |
</ul> |
| ... | ... | |
| 611 | 625 |
</li> |
| 612 | 626 |
<li> |
| 613 | 627 |
<a href="#" class="act">act</a> |
| 614 |
<div class="icon"><span class="snf-info_outline"></span></div>
|
|
| 628 |
<div class="icon"><span class="snf-nic-full"></span></div>
|
|
| 615 | 629 |
<div class="data"> |
| 616 | 630 |
<ul> |
| 617 | 631 |
<li> |
| 618 |
<h5>ipv6</h5> |
|
| 632 |
<h5 class="ip-data">ipv6</h5>
|
|
| 619 | 633 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 620 | 634 |
</li> |
| 621 | 635 |
</ul> |
| ... | ... | |
| 623 | 637 |
</li> |
| 624 | 638 |
<li> |
| 625 | 639 |
<a href="#" class="act">act</a> |
| 626 |
<div class="icon"><span class="snf-info_outline"></span></div>
|
|
| 640 |
<div class="icon"><span class="snf-nic-full"></span></div>
|
|
| 627 | 641 |
<div class="data"> |
| 628 | 642 |
<ul> |
| 629 | 643 |
<li> |
| 630 |
<h5>ipv6</h5> |
|
| 644 |
<h5 class="ip-data">ipv6</h5>
|
|
| 631 | 645 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 632 | 646 |
</li> |
| 633 | 647 |
<li> |
| 634 |
<h5>ipv6</h5> |
|
| 648 |
<h5 class="ip-data">ipv6</h5>
|
|
| 635 | 649 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p> |
| 636 | 650 |
</li> |
| 637 | 651 |
</ul> |
| 638 | 652 |
</div> |
| 639 | 653 |
</li> |
| 640 | 654 |
</ul> |
| 641 |
<div class="firewall" data-firewall="basic"> |
|
| 642 |
<p>Firewall <em>on</em></p> |
|
| 643 |
<div class="more"> |
|
| 644 |
<p class="fully"> |
|
| 645 |
<a href="">Fully protected mode<span class="snf-radio-unchecked"></span><em>on</em></a> |
|
| 646 |
</p> |
|
| 647 |
<p class="basic"> |
|
| 648 |
<a href="">Basically protected mode<span class="snf-radio-checked"></span><em>off</em></a> |
|
| 649 |
</p> |
|
| 650 |
<p class="unprotected"> |
|
| 651 |
<a href="">Unprotected mode<span class="snf-radio-unchecked"></span><em>off</em></a> |
|
| 652 |
</p> |
|
| 653 |
</div> |
|
| 654 |
</div> |
|
| 655 |
|
|
| 655 | 656 |
</div> |
| 656 | 657 |
</section> |
| 657 | 658 |
<section class="item running"> |
| 658 | 659 |
<div class="what"> |
| 659 | 660 |
<div class="img-wrap"> |
| 660 |
<span class="snf-PC_fill"></span> |
|
| 661 |
<span class="os fedora">fedora</span> |
|
| 661 |
<span class="snf-network_full"></span> |
|
| 662 | 662 |
</div> |
| 663 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4>
|
|
| 663 |
<h4>My Private Network</h4>
|
|
| 664 | 664 |
</div> |
| 665 | 665 |
<div class="clearfix"> |
| 666 | 666 |
<ul class="connections"> |
| 667 | 667 |
<li> |
| 668 | 668 |
<a href="#" class="act">act</a> |
| 669 |
<div class="icon"><span class="snf-info_outline"></span></div>
|
|
| 669 |
<div class="icon"><span class="snf-nic-full"></span></div>
|
|
| 670 | 670 |
<div class="data"> |
| 671 | 671 |
<ul> |
| 672 | 672 |
<li> |
| 673 |
<h5>ipv6</h5> |
|
| 673 |
<h5 class="ip-data">ipv6</h5>
|
|
| 674 | 674 |
<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p> |
| 675 | 675 |
</li> |
| 676 | 676 |
</ul> |
| 677 | 677 |
</div> |
| 678 | 678 |
</li> |
| 679 | 679 |
</ul> |
| 680 |
<div class="firewall" data-firewall="unprotected"> |
|
| 681 |
<p>Firewall <em>on</em></p> |
|
| 682 |
<div class="more"> |
|
| 683 |
<p class="fully"> |
|
| 684 |
<a href="">Fully protected mode<span class="snf-radio-unchecked"></span><em>on</em></a> |
|
| 685 |
</p> |
|
| 686 |
<p class="basic"> |
|
| 687 |
<a href="">Basically protected mode<span class="snf-radio-unchecked"></span><em>off</em></a> |
|
| 688 |
</p> |
|
| 689 |
<p class="unprotected"> |
|
| 690 |
<a href="">Unprotected mode<span class="snf-radio-checked"></span><em>off</em></a> |
|
| 691 |
</p> |
|
| 692 |
</div> |
|
| 693 |
</div> |
|
| 680 |
|
|
| 694 | 681 |
</div> |
| 695 | 682 |
</section> |
| 696 | 683 |
<section class="connect-new"> |
| ... | ... | |
| 702 | 689 |
<p><a href="">Connect to Network</a></p> |
| 703 | 690 |
</section> |
| 704 | 691 |
</section> |
| 692 |
<section class="content connected" id="disk-connected" style="display:none"> |
|
| 693 |
<section class="item running"> |
|
| 694 |
<div class="what"> |
|
| 695 |
<div class="img-wrap"> |
|
| 696 |
<span class="snf-HDD-full font-icon"></span> |
|
| 697 |
</div> |
|
| 698 |
<h4>Volume Name</h4> |
|
| 699 |
</div> |
|
| 700 |
<div class="clearfix"> |
|
| 701 |
<ul class="connections"> |
|
| 702 |
<li> |
|
| 703 |
<a href="#" class="act">act</a> |
|
| 704 |
<div class="icon"><span>?</span></div> |
|
| 705 |
<div class="data"> |
|
| 706 |
<ul> |
|
| 707 |
<li> |
|
| 708 |
<h5 class="volume-data">Size</h5> |
|
| 709 |
<p>10 GB</p> |
|
| 710 |
</li> |
|
| 711 |
<li> |
|
| 712 |
<h5 class="volume-data">Storage Type</h5> |
|
| 713 |
<p>Archipelago</p> |
|
| 714 |
</li> |
|
| 715 |
</ul> |
|
| 716 |
</div> |
|
| 717 |
</li> |
|
| 718 |
</ul> |
|
| 719 |
</div> |
|
| 720 |
</section> |
|
| 721 |
<section class="item error"> |
|
| 722 |
<div class="what"> |
|
| 723 |
<div class="img-wrap"> |
|
| 724 |
<span class="snf-HDD-full font-icon"></span> |
|
| 725 |
</div> |
|
| 726 |
<h4>Another Volume<span class="status">Error</span></h4> |
|
| 727 |
</div> |
|
| 728 |
<div class="clearfix"> |
|
| 729 |
<ul class="connections"> |
|
| 730 |
<li> |
|
| 731 |
<a href="#" class="act">act</a> |
|
| 732 |
<div class="icon"><span>?</span></div> |
|
| 733 |
<div class="data"> |
|
| 734 |
<ul> |
|
| 735 |
<li> |
|
| 736 |
<h5 class="volume-data">Size</h5> |
|
| 737 |
<p>20 GB</p> |
|
| 738 |
</li> |
|
| 739 |
<li> |
|
| 740 |
<h5 class="volume-data">Storage Type</h5> |
|
| 741 |
<p>Archipelago</p> |
|
| 742 |
</li> |
|
| 743 |
</ul> |
|
| 744 |
</div> |
|
| 745 |
</li> |
|
| 746 |
</ul> |
|
| 747 |
|
|
| 748 |
</div> |
|
| 749 |
</section> |
|
| 750 |
<section class="connect-new"> |
|
| 751 |
<div class="img-wrap"> |
|
| 752 |
<a href=""> |
|
| 753 |
<span class="snf-HDD-full font-icon"></span> |
|
| 754 |
</a> |
|
| 755 |
</div> |
|
| 756 |
<p><a href="">Attach Volume</a></p> |
|
| 757 |
</section> |
|
| 758 |
</section> |
|
| 705 | 759 |
<div class="placeholder"></div> |
| 706 | 760 |
</div> |
| 707 | 761 |
</div> |
Also available in: Unified diff