Revision 73486bc5 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
50 50
		<a href="#" class="close" title="hide message">close</a>
51 51
	</div>
52 52
	<div class="overlay-wrapper">
53
		<div id="start-confirm" class="reveal-modal medium">
54
			<p class="message-forimg">Are you sure you want to turn on your machine?</p>
55
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
56
			<a class="close-reveal-modal" title="close window">X</a>
57
		</div>
58
		<div id="reboot-confirm" class="reveal-modal medium">
59
			<p class="message-forimg">Are you sure you want to reboot your machine?</p>
60
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
61
			<a class="close-reveal-modal" title="close window">X</a>
62
		</div>
63
		<div id="shutdown-confirm" class="reveal-modal medium">
64
			<p class="message-forimg">Are you sure you want to shutdown your machine?</p>
65
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
66
			<a class="close-reveal-modal" title="close window">X</a>
67
		</div>
68
		<div id="destroy-vm-confirm" class="reveal-modal medium">
69
			<p class="message-forimg">Are you sure you want to destroy your machine?</p>
70
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
71
			<a class="close-reveal-modal" title="close window">X</a>
72
		</div>
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>
75
			<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
53
		<section class="overlay-area-reveal">
54
			<div id="start-confirm" class="reveal-modal medium">
55
				<p class="message-forimg">Are you sure you want to turn on your machine?</p>
56
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
57
				<a class="close-reveal-modal" title="close window">X</a>
58
			</div>
59
			<div id="reboot-confirm" class="reveal-modal medium">
60
				<p class="message-forimg">Are you sure you want to reboot your machine?</p>
61
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
62
				<a class="close-reveal-modal" title="close window">X</a>
63
			</div>
64
			<div id="shutdown-confirm" class="reveal-modal medium">
65
				<p class="message-forimg">Are you sure you want to shutdown your machine?</p>
66
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
67
				<a class="close-reveal-modal" title="close window">X</a>
68
			</div>
69
			<div id="destroy-vm-confirm" class="reveal-modal medium">
70
				<p class="message-forimg">Are you sure you want to destroy your machine?</p>
71
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
72
				<a class="close-reveal-modal" title="close window">X</a>
73
			</div>
74
			<div id="vm-connect" class="reveal-modal medium">
75
				<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>
76
				<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p>
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
	  		<a class="close-reveal-modal" title="close window">&#215;</a>
79
		</div>
78
				<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
79
				<a class="close-reveal-modal" title="close window">&#215;</a>
80
			</div>
81
			<div id="attach-volume" class="reveal-modal medium list-availables">
82
				<span>Available volumes:</span>
83
				<ul>
84
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">volume name</span><span class="numeric-data">10 GB</span><span>[Archipelago]</span></li>
85
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-HDD-full"></span><span class="name">another volume name</span><span class="numeric-data">25 GB</span><span>[DRBD]</span></li>
86
				</ul>
87
				<p class="buttons">
88
					<a href="" class="btn1">OK</a>
89
					<a href="" class="btn1">Cancel</a>
90
				</p>
91
			</div>
92
			<div id="connect-to-network" class="reveal-modal medium list-availables">
93
				<span>Available networks:</span>
94
				<ul>
95
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">network name</span><span>other data</span></li>
96
					<li><span class="font-icon snf-radio-unchecked"></span><span class="font-icon snf-network_full"></span><span class="name">another network name</span><span>connected machines: 10</span></li>
97
				</ul>
98
				<p class="buttons">
99
					<a href="" class="btn1">OK</a>
100
					<a href="" class="btn1">Cancel</a>
101
				</p>
102
			</div>
103
		</section>
80 104
		<section class="actions-bar clearfix">
81 105
			<h2><a href="vm_list.html">Virtual Machines</a> > My Awesome Network</h2>
82 106
			<div class="view-type">
......
435 459
						<div class="tabs">
436 460
							<ul>
437 461
								<li><a href="#info" class="active"><span class="snf-info_outline"></span></a></li>
438
								<li><a href="#disk-connected"><span class="snf-HDD"></span></a></li>
462
								<li><a href="#disk-connected"><span class="snf-HDD-full"></span></a></li>
439 463
								<li><a href="#network-connected"><span class="snf-network_full"></span></a></li>
440 464
							</ul>
441 465
						</div>
......
537 561
						</div>
538 562
					</section>
539 563
				</section>
540
				<section class="content connected" id="network-connected" style="display:none">
564
				<section class="content connected network" id="network-connected" style="display:none">
541 565
					<section class="item running">
542 566
						<div class="what">
543 567
							<div class="img-wrap">
......
617 641
												<h5 class="ip-data">ipv6</h5>
618 642
												<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p>
619 643
											</li>
620
											<li>
621
												<h5 class="ip-data">ipv4</h5>
622
												<p>001:648:2ffc</p>
623
											</li>
624 644
										</ul>
625 645
									</div>
626 646
								</li>
......
645 665
												<h5 class="ip-data">ipv6</h5>
646 666
												<p>001:648:2ffc:1112:a80c:eaff:fe15:baee </p>
647 667
											</li>
648
											<li>
649
												<h5 class="ip-data">ipv6</h5>
650
												<p>001:648:2ffc:1112:a80c:eaff:fe15:baee</p>
651
											</li>
652 668
										</ul>
653 669
									</div>
654 670
								</li>
......
681 697

  
682 698
						</div>
683 699
					</section>
684
					<section class="connect-new">
700
					<section class="connect-new network">
685 701
						<div class="img-wrap">
686
							<a href="">
702
							<a href="" data-reveal-id="connect-to-network">
687 703
								<span class="snf-network_full"></span>
688 704
							</a>
689 705
						</div>
690
						<p><a href="">Connect to Network</a></p>
706
						<p><a href="" data-reveal-id="connect-to-network">Connect to Network</a></p>
691 707
					</section>
692 708
				</section>
693
				<section class="content connected" id="disk-connected" style="display:none">
709
				<section class="content connected disk" id="disk-connected" style="display:none">
694 710
					<section class="item running">
695 711
						<div class="what">
696 712
							<div class="img-wrap">
......
702 718
							<ul class="connections">
703 719
								<li>
704 720
									<a href="#" class="act">act</a>
705
									<div class="icon"><span>?</span></div>
721
									<div class="icon"></div>
706 722
									<div class="data">
707 723
										<ul>
708 724
											<li>
......
730 746
							<ul class="connections">
731 747
								<li>
732 748
									<a href="#" class="act">act</a>
733
									<div class="icon"><span>?</span></div>
749
									<div class="icon"></div>
734 750
									<div class="data">
735 751
										<ul>
736 752
											<li>
......
748 764

  
749 765
						</div>
750 766
					</section>
751
					<section class="connect-new">
767
					<section class="connect-new disk">
752 768
						<div class="img-wrap">
753
							<a href="">
769
							<a href="" data-reveal-id="attach-volume">
754 770
								<span class="snf-HDD-full font-icon"></span>
755 771
							</a>
756 772
						</div>
757
						<p><a href="">Attach Volume</a></p>
773
						<p><a href="" data-reveal-id="attach-volume">Attach Volume</a></p>
758 774
					</section>
759 775
				</section>
760 776
				<div class="placeholder"></div>

Also available in: Unified diff