Revision 208dd6d1
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html | ||
|---|---|---|
| 26 | 26 |
<h2>Kpal original designs</h2> |
| 27 | 27 |
<ul> |
| 28 | 28 |
<li><a href="vm_list.html">VMs list page</a></li> |
| 29 |
<li><a href="vm_details.html">VM details page</a></li>
|
|
| 29 |
<li><a href="vm_list_no_vms.html">VMs list with no machine</a></li>
|
|
| 30 | 30 |
<li><a href="network_list.html">Networks list page</a></li> |
| 31 |
<li><a href="network_details.html">Network details page</a> |
|
| 32 |
<li><a href="pithos_list.html">Pithos</a></li> |
|
| 33 | 31 |
</ul> |
| 34 | 32 |
<!-- |
| 35 | 33 |
<h2>Kpal designs with our suggestions</h2> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 250 | 250 |
|
| 251 | 251 |
$(document).ready(function(){
|
| 252 | 252 |
|
| 253 |
ui.inactiveActions(); |
|
| 253 |
if($('.vms.entities').length!=0){
|
|
| 254 |
ui.inactiveActions(); |
|
| 255 |
}; |
|
| 254 | 256 |
ui.setSidebarHeight(); |
| 255 | 257 |
$('#hd-search .hd-icon-search').click(function(e){
|
| 256 | 258 |
var that = this; |
| ... | ... | |
| 469 | 471 |
}) |
| 470 | 472 |
|
| 471 | 473 |
//temp function to preventDefault of links in modal |
| 472 |
$('.reveal-modal a:not(".close-reveal-modal")').click(function(e){
|
|
| 474 |
$('.reveal-modal a:not(".close-reveal-modal, .generate-key-btn, .import-key-btn")').click(function(e){
|
|
| 473 | 475 |
e.preventDefault(); |
| 474 | 476 |
$('a.close-reveal-modal').trigger('click');
|
| 475 | 477 |
}); |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html | ||
|---|---|---|
| 33 | 33 |
</div> |
| 34 | 34 |
</header> |
| 35 | 35 |
<div class="overlay-wrapper"> |
| 36 |
<div class="overlay-area"> |
|
| 36 |
<div class="overlay-area-custom">
|
|
| 37 | 37 |
<a href="" class="close">close</a> |
| 38 | 38 |
<div id="uploader" class="overlay-div upload-widget"> |
| 39 | 39 |
<form action="#" class="dropzone" id="files-dropzone"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss | ||
|---|---|---|
| 77 | 77 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
| 78 | 78 |
} |
| 79 | 79 |
} |
| 80 |
// temp |
|
| 81 |
.btn5.temp {
|
|
| 82 |
color:blue; |
|
| 83 |
padding: 0 4px; |
|
| 84 |
position: absolute; |
|
| 85 |
right: 0; |
|
| 86 |
} |
|
| 80 | 87 |
.off {
|
| 81 | 88 |
@include stateColor($vm-off-color); |
| 82 | 89 |
} |
| ... | ... | |
| 91 | 98 |
} |
| 92 | 99 |
.rebooting {
|
| 93 | 100 |
@include stateColor($vm-rebooting-color); |
| 94 |
// temp |
|
| 95 |
.btn5.temp {
|
|
| 96 |
color: #5c8fe1; |
|
| 97 |
border-color: #5c8fe1; |
|
| 98 |
padding: 0 4px; |
|
| 99 |
position: absolute; |
|
| 100 |
right: 0; |
|
| 101 |
} |
|
| 102 | 101 |
} |
| 103 | 102 |
.building {
|
| 104 |
// temp |
|
| 105 |
.btn5.temp {
|
|
| 106 |
color:blue; |
|
| 107 |
padding: 0 4px; |
|
| 108 |
position: absolute; |
|
| 109 |
right: 0; |
|
| 110 |
} |
|
| 111 | 103 |
.img-wrap {
|
| 112 | 104 |
.snf-PC_fill {
|
| 113 | 105 |
display: block; |
| 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"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html | ||
|---|---|---|
| 26 | 26 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
| 27 | 27 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
| 28 | 28 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
| 29 |
<li><a href="" data-tooltip class="has-tip" title="Images" ><span class="snf-images"></span></a></li> |
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus"></span></a></li> |
|
| 29 | 32 |
</ul> |
| 30 | 33 |
</nav> |
| 31 | 34 |
<div class="login"> |
| ... | ... | |
| 42 | 45 |
</div> |
| 43 | 46 |
</header> |
| 44 | 47 |
<div class="overlay-wrapper"> |
| 45 |
<div class="overlay-area"> |
|
| 46 |
<div id="overlay1" class="overlay-div"> |
|
| 47 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 48 |
<p>Are you sure you want to reboot your machine?</p> |
|
| 49 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 50 |
</div> |
|
| 51 |
<div id="overlay2" class="overlay-div"> |
|
| 52 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 53 |
<p>Are you sure you want to shutdown your machine?</p> |
|
| 54 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 55 |
</div> |
|
| 56 |
<div id="overlay3" class="reveal-modal medium secondary-wizard"> |
|
| 57 |
<div></div> |
|
| 58 |
<h2>SSH keys</h2> |
|
| 59 |
<a class="close-reveal-modal close" title="close"><span class="snf-close"></span></a> |
|
| 60 |
<p>You can use SSH keys to establish a secure connection between your computer and your virtual machines.<br> |
|
| 61 |
Note: SSH keys are supported only for Linux machines.</p> |
|
| 62 |
<p>Click "generate new" to create a new SSH key pair.</p> |
|
| 63 |
<p>Click "import/add" to import your public key from your home machine or to copy/paste its contents to ~okeanos.</p> |
|
| 64 |
<p class="buttons"><a href="" class="btn4 generate-key-btn">generate</a><a href="" class="btn4 import-key-btn">add/import</a></p> |
|
| 65 |
<div class="generate-key-area"> |
|
| 66 |
<p>clock tba</p> |
|
| 67 |
<p> |
|
| 68 |
Your new public key has been added.<br> |
|
| 69 |
To download your *private key* click here. |
|
| 70 |
</p> |
|
| 71 |
<p> |
|
| 72 |
Note: We do not keep it! I f you don't download now you cannot access it in the future. |
|
| 73 |
</p> |
|
| 74 |
</div> |
|
| 75 |
<div class="import-key-area"> |
|
| 76 |
<div class="key-name"> |
|
| 77 |
<label>Key name</label> |
|
| 78 |
<input> |
|
| 79 |
<div class="error-msg"></div> |
|
| 80 |
</div> |
|
| 81 |
<div class="key-content"> |
|
| 82 |
<label>Key content</label> |
|
| 83 |
<div class="error-msg"></div> |
|
| 84 |
<input> |
|
| 85 |
</div> |
|
| 86 |
<div class="upload-key"> |
|
| 87 |
<label>Import from file (header maybe?)</label> |
|
| 88 |
<p class="buttons"> |
|
| 89 |
<a href="" class="browse-files dz-clickable">browse files</a> |
|
| 90 |
</p> |
|
| 91 |
<form action="#" class="dropzone" id="files-dropzone"> |
|
| 92 |
<p>sto plai?</p> |
|
| 93 |
<ul class="files dropzone-files"></ul> |
|
| 94 |
<div class="dz-default dz-message"><span></span></div> |
|
| 95 |
</form> |
|
| 96 |
<p class="buttons"><a href="" class="btn4">Cancel</a><a href="" class="btn4">Submit</a></p> |
|
| 97 |
</div> |
|
| 98 |
</div> |
|
| 99 |
<h3>Your SSH public keys</h3> |
|
| 100 |
<ul> |
|
| 101 |
<li><div>key name</div><div><a href="">show key</a><a href="">edit</a><a href="">remove</a></div></li> |
|
| 102 |
</ul> |
|
| 103 |
<p class="buttons"><a href="" class="btn4">OK</a></p> |
|
| 104 |
</div> |
|
| 48 |
<section class="overlay-area-custom"> |
|
| 105 | 49 |
<div id="vm-wizard" class="overlay-div wizard"> |
| 106 | 50 |
<div class="top"> |
| 107 | 51 |
<div class="numbers"> |
| ... | ... | |
| 182 | 126 |
<li class="public-images"> |
| 183 | 127 |
<div class="row"> |
| 184 | 128 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
| 185 |
<a href="" class="name-col">Kubuntu LTS</a> |
|
| 129 |
<a href="" class="name-col">Kubuntu LTS (by Kpal)</a>
|
|
| 186 | 130 |
<div class="size-col">10GB</div> |
| 187 | 131 |
<div class="btn-col"><a href="">details</a></div> |
| 188 | 132 |
</div> |
| ... | ... | |
| 209 | 153 |
<li class="public-images"> |
| 210 | 154 |
<div class="row"> |
| 211 | 155 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
| 212 |
<a href="" class="name-col">Fedora</a> |
|
| 156 |
<a href="" class="name-col">Fedora (by Athina)</a>
|
|
| 213 | 157 |
<div class="size-col">10GB</div> |
| 214 | 158 |
<div class="btn-col"><a href="">details</a></div> |
| 215 | 159 |
</div> |
| ... | ... | |
| 236 | 180 |
<li class="shared-images"> |
| 237 | 181 |
<div class="row"> |
| 238 | 182 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
| 239 |
<a href="" class="name-col">Fedora</a> |
|
| 183 |
<a href="" class="name-col">Fedora (by Athina)</a>
|
|
| 240 | 184 |
<div class="size-col">3.67 GB</div> |
| 241 | 185 |
<div class="btn-col"><a href="">details</a></div> |
| 242 | 186 |
</div> |
| ... | ... | |
| 474 | 418 |
<div class="step step-3" id="step-3" data-step=3> |
| 475 | 419 |
<div class="advanced-conf-step"> |
| 476 | 420 |
<div class="adv-main row"> |
| 477 |
<div class="vm-name">
|
|
| 421 |
<div class="name"> |
|
| 478 | 422 |
<h2>Machine name</h2> |
| 479 | 423 |
<span class="input"> |
| 480 | 424 |
<input type="text" placeholder="My Ubuntu Server" class="el7"> |
| ... | ... | |
| 513 | 457 |
</li> |
| 514 | 458 |
</ul> |
| 515 | 459 |
<div> |
| 516 |
<a href="" class="btn5" data-reveal-id="overlay3" title="set data-reveal-id: overlay3">manage ssh keys</a>
|
|
| 460 |
<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
|
|
| 517 | 461 |
</div> |
| 518 | 462 |
</div> |
| 519 | 463 |
</div> |
| ... | ... | |
| 721 | 665 |
</div> |
| 722 | 666 |
</div> |
| 723 | 667 |
</div> |
| 724 |
</div> |
|
| 725 |
|
|
| 668 |
</section> |
|
| 669 |
<section class="overlay-area-reveal"> |
|
| 670 |
<div id="sshkeys-wizard" class="reveal-modal medium secondary-wizard"> |
|
| 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 |
|
|
| 755 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 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> |
|
| 757 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
|
| 758 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
|
| 759 |
<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p> |
|
| 760 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 761 |
</div> |
|
| 762 |
<div id="start-confirm" class="reveal-modal medium"> |
|
| 763 |
<p class="message-forimg">Are you sure you want to turn on your machine?</p> |
|
| 764 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 765 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 766 |
</div> |
|
| 767 |
<div id="reboot-confirm" class="reveal-modal medium"> |
|
| 768 |
<p class="message-forimg">Are you sure you want to reboot your machine?</p> |
|
| 769 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 770 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 771 |
</div> |
|
| 772 |
<div id="shutdown-confirm" class="reveal-modal medium"> |
|
| 773 |
<p class="message-forimg">Are you sure you want to shutdown your machine?</p> |
|
| 774 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 775 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 776 |
</div> |
|
| 777 |
<div id="destroy-vm-confirm" class="reveal-modal medium"> |
|
| 778 |
<p class="message-forimg">Are you sure you want to destroy your machine?</p> |
|
| 779 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
|
| 780 |
<a class="close-reveal-modal" title="close window">X</a> |
|
| 781 |
</div> |
|
| 782 |
</section> |
|
| 726 | 783 |
<section class="actions-bar clearfix"> |
| 727 |
<h2>Virtual Machine Overview</h2>
|
|
| 784 |
<h2>Virtual Machines</h2>
|
|
| 728 | 785 |
<div class="view-type"> |
| 729 |
<a href="" class="list"><span class="snf-list"></span></a>
|
|
| 730 |
<a href="" class="grid"><span class="snf-layout current"></span></a>
|
|
| 786 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a>
|
|
| 787 |
<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a>
|
|
| 731 | 788 |
</div> |
| 732 | 789 |
<div class="filter-menu"> |
| 733 | 790 |
<a class="filter" href="">Filter</a> |
| ... | ... | |
| 746 | 803 |
</div> |
| 747 | 804 |
</section> |
| 748 | 805 |
<section class="main row"> |
| 749 |
<div class="vms entities"> |
|
| 806 |
<div class="vms entities grid-view">
|
|
| 750 | 807 |
<ul class="items-list"> |
| 751 |
<li data-status="add-new"> |
|
| 752 |
<div class="container" data-overlay-id="#vm-wizard"> |
|
| 808 |
<li data-status="add-new" class="add-new"> |
|
| 809 |
<div class="container" data-overlay-id="vm-wizard"> |
|
| 810 |
<div class="check"> |
|
| 811 |
<span class="snf-checkbox-unchecked"></span> |
|
| 812 |
</div> |
|
| 753 | 813 |
<div class="img-wrap"> |
| 754 | 814 |
<span class="snf-PC_fill"></span> |
| 755 | 815 |
<span class="os symbol">+</span> |
| ... | ... | |
| 758 | 818 |
</div> |
| 759 | 819 |
</li> |
| 760 | 820 |
</ul> |
| 821 |
<div class="lt-bar"> |
|
| 822 |
<ul class="lt-actions"> |
|
| 823 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li> |
|
| 824 |
<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li> |
|
| 825 |
<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li> |
|
| 826 |
<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li> |
|
| 827 |
<li class="off"><a href="#">Start</a></li> |
|
| 828 |
<!-- in case we want an action always activated |
|
| 829 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 830 |
</ul> |
|
| 831 |
</div> |
|
| 761 | 832 |
<div class="welcome">It seems you have not yet created a VM! Go ahead!</div> |
| 762 | 833 |
</div> |
| 763 | 834 |
</section> |
| 764 |
</div> |
|
| 765 |
|
|
| 766 |
<div id="vm-connect" class="reveal-modal medium"> |
|
| 767 |
<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> |
|
| 768 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
|
| 769 |
|
|
| 770 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
|
| 771 |
<p>Alternatively you can connect to your VM via <a href="#" title="">Console</a> (slow connection - meant only for troubleshooting.</p> |
|
| 772 |
<a class="close-reveal-modal" title="close window">×</a> |
|
| 773 | 835 |
</div> |
| 774 | 836 |
|
| 775 | 837 |
<script src="javascripts/vendor/jquery.js"></script> |
Also available in: Unified diff