Revision 6d7b9bc4 snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
34 34
			<a href="">test@grnet.gr</a>
35 35
		</div>
36 36
	</header>
37
	
37 38
	<div class="overlay-wrapper">
39

  
40
	<!-- overlays start -->
41
	<div class="overlay-area">
42
		<a href="" class="close"><span class="snf-close"></span></a>
43
		<div id="overlay1" class="overlay-div">
44
			<p>Are you sure you want to reboot your machine?</p>
45
			<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
46
		</div>
47
		<div id="overlay2" class="overlay-div">
48
			<p>Are you sure you want to shutdown 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="network-wizard" class="overlay-div wizard">
52
				<div class="top">
53
					<div class="row">
54
						<a href="" class="close"><span class="snf-close"></span></a>
55
						<nav class="sub-menu" data-step="1">
56
							<ul>
57
								<li><a href="" class="current">Menu</a></li>
58
							<!--	<li><a href="">Menu Option</a></li>
59
								<li><a href="">Menu Option</a></li>
60
								<li><a href="">Menu Option</a></li> -->
61
							</ul>
62
						</nav>
63
						<nav class="sub-menu" data-step=2>
64
							<ul>
65
								<li><a href="" class="current" data-size="small">Small</a></li>
66
								<li><a href="" data-size="medium">Medium</a></li>
67
								<li><a href="" data-size="large">Large</a></li>
68
							</ul>
69
						</nav>
70
					</div>
71
				</div>
72
				<div class="middle">
73
					<div class="wizard-content">
74

  
75
						<div class="main">
76
							<ul class="network_options clearfix">
77
									<li>
78
										<div clas="row">
79
											<form><span >Network Name:</span><input type="text" name="network_name"></form>
80
										</div>
81
									</li>
82
									<li class="dhcp_option"><span>Assign IP addresses automatically:</span>
83
										<a href="" class="check">
84
											<span class="snf-checkbox-checked"></span>
85
										</a>
86
										<p>
87
											If you enable DHCP on the private network, connected virtual machines will automatically be assigned an IP address based on the given subnet. You may disable this option if you want to assign IP addresses to the connected virtual machines manually.
88
										</p>
89
									</li>
90
									<li>
91
										<span class="sub_title">Network subnet:</span>
92
										<ul class="subnet_options">
93
											<li>
94
												<span>Auto 
95
													<a href="" class="check">
96
														<span class="snf-radio-checked"></span>
97
													</a>
98
												</span>
99
											</li>
100
											<li class="manual">
101
												<form>
102
													<span>Manual
103
														<a href="" class="check manual">
104
															<span class="snf-radio-unchecked"></span>
105
														</a>
106
														<input class="manual_sub hidden" type="text" name="network_name">
107
													</span>
108
												</form>
109
											</li>
110
											<li>
111
												<span>10.0.0.0/24 
112
													<a href="" class="check">
113
														<span class="snf-radio-unchecked"></span>
114
													</a>
115
												</span>
116
											</li>
117
											<li>
118
												<span>192.168.0.0/24 
119
													<a href="" class="check">
120
														<span class="snf-radio-unchecked"></span>
121
													</a>
122
												</span>
123
											</li>
124
										</ul>
125
									</li>	
126
								</ul>
127
							</div>
128

  
129

  
130
					</div>
131
				</div>
132
			</div>
133

  
134
	</div>
135
	<!-- overlays end -->
136
	
137

  
38 138
		<section class="actions-bar clearfix">
39 139
			<div class="row">
40
				<div class="new-btn"><a href="network_create.html"><span>+</span> NEW NETWORK </a></div>
140
				<div class="new-btn">
141
					<a data-overlay-id="#network-wizard" href="#"><span>+</span> NEW NETWORK </a></div>
41 142
				<div class="main-actions">
42 143
					<ul>
43 144
						<li class="running" ><a href="">Reboot</a></li>
......
102 203
						</div>
103 204
					</li>
104 205
					<li data-order="3">
105
						<div class="add-new"><a href="network_create.html">NEW<br>NETWORK</a></div>	
206
						<div class="add-new"><a href="#">NEW<br>NETWORK</a></div>	
106 207
					</li>
107 208
				</ul>
108 209
			</div>
109 210
		</section>
110 211
	</div>
111
	<div id="vm-connect" class="reveal-modal medium">
112
  		<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>
113
		<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</spam></p>
114

  
115
		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
116
		<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p>
117
  		<a class="close-reveal-modal" title="close window">&#215;</a>
118
	</div>
212
	
119 213
 
120 214
  <script src="javascripts/vendor/jquery.js"></script>
121 215
  <script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>

Also available in: Unified diff