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">&#215;</a>
773 835
	</div>
774 836

  
775 837
	<script src="javascripts/vendor/jquery.js"></script>

Also available in: Unified diff