Revision 9ac09101 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
10 10
    <title>Synnefo | VM list</title>
11 11
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
12 12
    <link rel="stylesheet" href="stylesheets/normalize.css" />
13
    <link rel="stylesheet" href="stylesheets/temp.css" />
13 14
    <link rel="stylesheet" href="stylesheets/app.css" />
14 15
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
15 16
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
......
36 37
	</header>
37 38
	<div class="overlay-wrapper">
38 39
		<div class="overlay-area">
39
			<a href="" class="close"><a href="" class="close"><span class="snf-close"></span></a></a>
40
			<a href="" class="close"><span class="snf-close"></span></a>
40 41
			<div id="overlay1" class="overlay-div">
41 42
				<p>Are you sure you want to reboot your machine?</p>
42 43
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
......
454 455
										<li>
455 456
											<div class="title">
456 457
												<span class="snf-HDD icon"></span>
457
												<h2>Storage</span></h2>
458
												<h2>Storage</h2>
458 459
												<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p>
459 460
											</div>
460 461
											<div class="options-bar">
......
478 479
									</ul>
479 480
								</div>
480 481
							</div>
481
							<!--step 3 -->
482
<!--step 3 -->
482 483
							<div class="step step-3">
483 484
								<div class="advanced-conf-step">
484
									<div class="adv-main row">
485
										<div class="vm-name">Machine name</div>
485
									<div class="adv-main">
486
										<div class="vm-name">
487
										<label class="label-vm-name">Machine name</label>
486 488
										<input type="text" value="My Ubuntu Server">
487
										<div><a class="btn5" href="">Advanced Configuration</a></div>
489
									</div>
490
									<div class="expand-btn">
491
										<a class="expand-link" href="">
492
											Advanced Configuration 
493
											<span class="snf-arrow-down"></span>
494
										</a>
495
									</div>
488 496
									</div>
489 497
									<div class="advanced-conf-options">
490 498
										<div class="ssh-keys-area area">
491 499
											<div class="row">
492
												<h2>Public SSH</h2>
500
												<h2>Public SSH keys</h2>
493 501
												<p>Your account contains the following SSH public keys. Select one or more to activate in your new machine. You will then be able to ssh with the corresponding private key without a password."</p>
494 502
												<ul>
495
													<li>My public key long name one <span class="snf-checkbox-unchecked"></span></li>
496
													<li>My public key long name one <span class="snf-checkbox-unchecked"></span></li>
497
													<li>My public key long name one <span class="snf-checkbox-unchecked"></span></li>
503
													<li><label class="checkbox-label">My public key long name one </label><span class="snf-checkbox-unchecked"></span></li>
504
													<li><label class="checkbox-label">My public key long name one </label><span class="snf-checkbox-unchecked"></span></li>
505
													<li><label class="checkbox-label">My public key long name one </label><span class="snf-checkbox-unchecked"></span></li>
498 506
												</ul>
499
												<div><a href="" class="btn5">...show more keys<a/></div>
507
												<div>
508
													<a href="" class="btn5">... show more keys</a>
509
												</div>
500 510
											</div>
501 511
										</div>
512

  
502 513
										<div class="networks-area area">
503 514
											<div class="row">
504 515
												<h2>Networks</h2>
505 516
												<ul>
506 517
													<li class="network-data">
518
														<span class="net-icons">
519
															<span class="snf-www icon"></span>
520
															<span class="snf-network_full icon"></span>
521
														</span>
507 522
														<span>Public Network</span>
508
														<span><a class="select-network snf-checkbox-unchecked" href=""></a></span>
523
														<span>
524
															<a class="select-network snf-checkbox-unchecked" href=""></a>
525
														</span>
509 526
														<ul class="ips-list row">
510 527
															<li>
511 528
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
......
519 536
														</ul>
520 537
													</li>
521 538
													<li class="network-data">
522
														<span>Public Network</span>
523
														<span><a class="select-network snf-checkbox-unchecked" href=""></a></span>
539
														<span class="net-icons">
540
															<span class="snf-www icon"></span>
541
															<span class="snf-network_full icon"></span>
542
															<span class="snf-modem icon"></span>
543
														</span>
544
														<span>Routed Network Network</span>
545
														<span>
546
															<a class="select-network snf-checkbox-unchecked" href=""></a>
547
														</span>
524 548
														<ul class="ips-list row">
525 549
															<li>
526 550
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
......
534 558
														</ul>
535 559
													</li>
536 560
													<li class="network-data">
537
														<span>Public Network</span>
538
														<span><a class="select-network snf-checkbox-unchecked" href=""></a></span>
561
														<span class="net-icons">
562
															<span class="snf-network_full icon"></span>
563
														</span>
564
														<span>Private Network 1</span>
565
														<span>
566
															<a class="select-network snf-checkbox-unchecked" href=""></a>
567
														</span>
539 568
														<ul class="ips-list row">
540 569
															<li>
541 570
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
......
548 577
														</ul>
549 578
													</li>
550 579
													<li class="network-data">
551
														<span>Public Network</span>
552
														<span><a class="select-network snf-checkbox-unchecked" href=""></a></span>
553
														<ul class="ips-list row">
554
															<li>
555
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
556
															</li>
557
															<li>
558
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
559
															</li>
560
															<li>
561
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
562
															</li>
563

  
564
														</ul>
565
													</li>
566
													<li class="network-data">
567
														<span>Public Network</span>
568
														<span><a class="select-network snf-checkbox-unchecked" href=""></a></span>
580
														<span class="net-icons">
581
															<span class="snf-network_full icon"></span>
582
														</span>
583
														<span>Private Network 2</span>
584
														<span>
585
															<a class="select-network snf-checkbox-unchecked" href=""></a>
586
														</span>
569 587
														<ul class="ips-list row">
570 588
															<li>
571 589
																192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span>
......
579 597

  
580 598
														</ul>
581 599
													</li>
600
												
582 601
													<li class="more-networks">
583 602
														<span>...</span>
584 603
													</li>
......
600 619
										</div>
601 620
									</div>
602 621
								</div>
603
<!--step 3 -->				</div>
622
<!-- end step 3 -->				</div>
604 623
							<div class="step step-4">test4</div>
605 624
						</div>
606 625
					</div>
......
619 638
				</div>
620 639
			</div>
621 640
		</div>
641
		
622 642
		<section class="actions-bar clearfix">
623 643
			<div class="row">
624 644
				<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div>
......
745 765
				</ul>
746 766
			</div>
747 767
		</section>
748
	</div>
768
		</div>
769
	
749 770
	<div id="vm-connect" class="reveal-modal medium">
750 771
  		<p>A direct connection to this machine can be established using the <a target=​"_blank" href="http://en.wikipedia.org/wiki/Secure_Shell">​SSH Protocol</a>. To do so open a terminal and type the following at the prompt to connect to your machine:</p>
751 772
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
......
754 775
		<p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p>
755 776
  		<a class="close-reveal-modal" title="close window">&#215;</a>
756 777
	</div>
778

  
757 779
	<script src="javascripts/vendor/jquery.js"></script>
758 780
	<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
759 781
	<script src="javascripts/foundation/foundation.js"></script>
......
786 808
	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
787 809
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
788 810
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
789
	<script src="javascripts/common.js"></script>
790 811
	<script src="javascripts/temp.js"></script>
812
	<script src="javascripts/common.js"></script>
791 813
	<script type="text/javascript" src="javascripts/vm-wizard.js"></script>
792 814
	
793 815
	  

Also available in: Unified diff