Revision 208dd6d1 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 668 | 668 |
</section> |
| 669 | 669 |
<section class="overlay-area-reveal"> |
| 670 | 670 |
<div id="sshkeys-wizard" class="reveal-modal medium secondary-wizard"> |
| 671 |
<div></div> |
|
| 672 |
<h2>SSH keys</h2> |
|
| 673 |
<a class="close-reveal-modal close" title="close"><span class="snf-close"></span></a> |
|
| 674 |
<p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br> |
|
| 675 |
Note: SSH keys are supported only for Linux machines.</p> |
|
| 676 |
<p>Click "generate new" to create a new SSH key pair.</p> |
|
| 677 |
<p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p> |
|
| 678 |
<p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p> |
|
| 679 |
<div class="generate-key-area"> |
|
| 680 |
<p>clock tba</p> |
|
| 681 |
<p> |
|
| 682 |
Your new public key has been added.<br> |
|
| 683 |
To download your *private key* click here. |
|
| 684 |
</p> |
|
| 685 |
<p> |
|
| 686 |
Note: We do not keep it! I f you don't download now you cannot access it in the future. |
|
| 687 |
</p> |
|
| 688 |
</div> |
|
| 689 |
<div class="import-key-area"> |
|
| 690 |
<div class="key-name"> |
|
| 691 |
<label>Key name</label> |
|
| 692 |
<input> |
|
| 693 |
<div class="error-msg"></div> |
|
| 694 |
</div> |
|
| 695 |
<div class="key-content"> |
|
| 696 |
<label>Key content</label> |
|
| 697 |
<div class="error-msg"></div> |
|
| 698 |
<input> |
|
| 699 |
</div> |
|
| 700 |
<div class="upload-key"> |
|
| 701 |
<label>Import from file (header maybe?)</label> |
|
| 702 |
<p class="buttons"> |
|
| 703 |
<a href="" class="browse-files dz-clickable">browse files</a> |
|
| 704 |
</p> |
|
| 705 |
<form action="#" class="dropzone" id="files-dropzone"> |
|
| 706 |
<p>sto plai?</p> |
|
| 707 |
<ul class="files dropzone-files"></ul> |
|
| 708 |
<div class="dz-default dz-message"><span></span></div> |
|
| 709 |
</form> |
|
| 710 |
<p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p> |
|
| 711 |
</div> |
|
| 712 |
</div> |
|
| 713 |
<h3>Your SSH public keys</h3> |
|
| 714 |
<ul> |
|
| 715 |
<li><div>key name</div><div><a href="">show key</a><a href="">edit</a><a href="">remove</a></div></li> |
|
| 716 |
</ul> |
|
| 717 |
<p class="buttons"><a href="" class="btn4">OK</a></p> |
|
| 718 |
</div> |
|
| 671 |
<h2>SSH keys</h2> |
|
| 672 |
<a class="close-reveal-modal close" title="close">X</a> |
|
| 673 |
<p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br> |
|
| 674 |
Note: SSH keys are supported only for Linux machines.</p> |
|
| 675 |
<p>Click "generate new" to create a new SSH key pair.</p> |
|
| 676 |
<p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p> |
|
| 677 |
<p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p> |
|
| 678 |
<div class="generate-key-area"> |
|
| 679 |
<p>clock tba</p> |
|
| 680 |
<p> |
|
| 681 |
Your new public key has been added.<br> |
|
| 682 |
To download your *private key* click here. |
|
| 683 |
</p> |
|
| 684 |
<p> |
|
| 685 |
Note: We do not keep it! I f you don't download now you cannot access it in the future. |
|
| 686 |
</p> |
|
| 687 |
</div> |
|
| 688 |
<div class="import-key-area"> |
|
| 689 |
<div class="key-name"> |
|
| 690 |
<h4>Key name</h4> |
|
| 691 |
<span class="input"><input class="tag_name" type="text" placeholder="my key"></span> |
|
| 692 |
<div class="error-msg"></div> |
|
| 693 |
</div> |
|
| 694 |
<div class="key-content"> |
|
| 695 |
<h4>Key content</h4> |
|
| 696 |
<div class="error-msg"></div> |
|
| 697 |
<textarea></textarea> |
|
| 698 |
</div> |
|
| 699 |
<div class="upload-key"> |
|
| 700 |
<label>Import from file (header maybe?)</label> |
|
| 701 |
<p class="buttons"> |
|
| 702 |
<a href="" class="browse-files dz-clickable">browse files</a> |
|
| 703 |
</p> |
|
| 704 |
<form action="#" class="dropzone" id="files-dropzone"> |
|
| 705 |
<p>sto plai?</p> |
|
| 706 |
<ul class="files dropzone-files"></ul> |
|
| 707 |
<div class="dz-default dz-message"><span></span></div> |
|
| 708 |
</form> |
|
| 709 |
<p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p> |
|
| 710 |
</div> |
|
| 711 |
</div> |
|
| 712 |
<h3>Your SSH public keys</h3> |
|
| 713 |
<ul> |
|
| 714 |
<li> |
|
| 715 |
<div class="name-col">key name 1</div> |
|
| 716 |
<div class="actions-col"> |
|
| 717 |
<a href="" class="show-key">key</a> |
|
| 718 |
<a href="" class="show-fingerprint">fingerprint</a> |
|
| 719 |
<a href="" class="edit">edit</a> |
|
| 720 |
<a href="">remove</a> |
|
| 721 |
</div> |
|
| 722 |
<div class="import-key-area"> |
|
| 723 |
<div class="key-name"> |
|
| 724 |
<label>key name 1</label> |
|
| 725 |
<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
|
| 726 |
</div> |
|
| 727 |
<div class="error-msg"></div> |
|
| 728 |
<div class="key-content"> |
|
| 729 |
<textarea></textarea> |
|
| 730 |
</div> |
|
| 731 |
</li> |
|
| 732 |
<li> |
|
| 733 |
<div class="name-col">key name 2</div> |
|
| 734 |
<div class="actions-col"> |
|
| 735 |
<a href="" class="show-key">key</a> |
|
| 736 |
<a href="" class="show-fingerprint">fingerprint</a> |
|
| 737 |
<a href="" class="edit">edit</a> |
|
| 738 |
<a href="">remove</a> |
|
| 739 |
</div> |
|
| 740 |
<div class="import-key-area"> |
|
| 741 |
<div class="key-name"> |
|
| 742 |
<label>key name 2</label> |
|
| 743 |
<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
|
| 744 |
</div> |
|
| 745 |
<div class="error-msg"></div> |
|
| 746 |
<div class="key-content"> |
|
| 747 |
<label>Key name</label> |
|
| 748 |
<textarea></textarea> |
|
| 749 |
</div> |
|
| 750 |
</li> |
|
| 751 |
</ul> |
|
| 752 |
<p class="buttons"><a href="" class="btn4">OK</a></p> |
|
| 753 |
</div> |
|
| 754 |
|
|
| 719 | 755 |
<div id="vm-connect" class="reveal-modal medium"> |
| 720 | 756 |
<p>A direct connection to this machine can be established using the<a href="http://en.wikipedia.org/wiki/Secure_Shell" title=""> SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p> |
| 721 | 757 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
| ... | ... | |
| 751 | 787 |
<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
| 752 | 788 |
</div> |
| 753 | 789 |
<div class="filter-menu"> |
| 754 |
<a class="filter" href="">Filter</a>
|
|
| 790 |
<div><a class="filter" href="">Filter</a></div>
|
|
| 755 | 791 |
<ul class="options"> |
| 756 |
<li><a href=""> set an option</a></li>
|
|
| 757 |
<li><a href=""> set an option</a></li>
|
|
| 758 |
<li><a href=""> set an option</a></li>
|
|
| 759 |
<li><a href=""> set an option</a></li>
|
|
| 792 |
<li><a href="">option 1</a></li>
|
|
| 793 |
<li><a href="">option 2</a></li>
|
|
| 794 |
<li><a href="">option 3</a></li>
|
|
| 795 |
<li><a href="">option 4</a></li>
|
|
| 760 | 796 |
</ul> |
| 761 | 797 |
</div> |
| 762 | 798 |
<div id="hd-search" class="hd-search"> |
| ... | ... | |
| 911 | 947 |
</div> |
| 912 | 948 |
</li> |
| 913 | 949 |
<li data-status="rebooting" class="rebooting"> |
| 950 |
<a href="" class="btn5 temp">animation</a> |
|
| 914 | 951 |
<div class="more"> |
| 915 | 952 |
<div class="clearfix"> |
| 916 | 953 |
<div class="col lt"> |
Also available in: Unified diff