root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_create.html @ 989de44a
History | View | Annotate | Download (5.3 kB)
1 |
|
---|---|
2 |
<!DOCTYPE html>
|
3 |
<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
|
4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
6 |
|
7 |
<head>
|
8 |
<meta charset="utf-8" /> |
9 |
<meta name="viewport" content="width=device-width" /> |
10 |
<title>Synnefo | Create Network</title> |
11 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
12 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
13 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
15 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
16 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
17 |
</head>
|
18 |
<body>
|
19 |
<header class="header"> |
20 |
<nav>
|
21 |
<ul class="icons-nav"> |
22 |
<li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
23 |
<li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
24 |
<li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
25 |
<li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li> |
26 |
<li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
27 |
</ul>
|
28 |
</nav>
|
29 |
<div class="logo"> |
30 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
31 |
</div>
|
32 |
<div class="login"> |
33 |
<a href="">test@grnet.gr</a> |
34 |
</div>
|
35 |
</header>
|
36 |
<div class="overlay-wrapper"> |
37 |
<div class="overlay create-vm create-network"> |
38 |
<div class="lt-sidebar nav"> |
39 |
tba...? |
40 |
</div>
|
41 |
<div class="main"> |
42 |
<a href="network_list.html" class="close close_char" title="cancel network creation"><span class="snf-cancel-circled-outline"></span></a> |
43 |
<div>
|
44 |
<ul class="network_options clearfix"> |
45 |
<li>
|
46 |
<form><span >Network Name:</span><input type="text" name="network_name"></form> |
47 |
</li>
|
48 |
<li class="dhcp_option"><span>Assign IP addresses automatically:</span> |
49 |
<a href="" class="check"> |
50 |
<span class="snf-checkbox-checked"></span> |
51 |
</a>
|
52 |
<p>
|
53 |
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. |
54 |
</p>
|
55 |
</li>
|
56 |
<li>
|
57 |
<span class="sub_title">Network subnet:</span> |
58 |
<ul class="subnet_options"> |
59 |
<li>
|
60 |
<span>Auto
|
61 |
<a href="" class="check"> |
62 |
<span class="snf-checkbox-checked"></span> |
63 |
</a>
|
64 |
</span>
|
65 |
</li>
|
66 |
<li class="manual"> |
67 |
<form>
|
68 |
<span>Manual
|
69 |
<a href="" class="check manual"> |
70 |
<span class="snf-checkbox-unchecked"></span> |
71 |
</a>
|
72 |
<input class="manual_sub hidden" type="text" name="network_name"> |
73 |
</span>
|
74 |
</form>
|
75 |
</li>
|
76 |
<li>
|
77 |
<span>10.0.0.0/24
|
78 |
<a href="" class="check"> |
79 |
<span class="snf-checkbox-unchecked"></span> |
80 |
</a>
|
81 |
</span>
|
82 |
</li>
|
83 |
<li>
|
84 |
<span>192.168.0.0/24
|
85 |
<a href="" class="check"> |
86 |
<span class="snf-checkbox-unchecked"></span> |
87 |
</a>
|
88 |
</span>
|
89 |
</li>
|
90 |
</ul>
|
91 |
</li>
|
92 |
</ul>
|
93 |
</div>
|
94 |
<div class="navigation clearfix"> |
95 |
<a class="rt btn2" href="network_list.html" title="Create your private network">Create Network</a> |
96 |
</div>
|
97 |
</div>
|
98 |
</div>
|
99 |
</div>
|
100 |
|
101 |
<script src="javascripts/vendor/jquery.js"></script> |
102 |
<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
103 |
<script src="javascripts/foundation/foundation.js"></script> |
104 |
|
105 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
106 |
|
107 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
108 |
|
109 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
110 |
|
111 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
112 |
|
113 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
114 |
|
115 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
116 |
|
117 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
118 |
|
119 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
120 |
|
121 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
122 |
|
123 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
124 |
|
125 |
<script src="javascripts/foundation/foundation.section.js"></script> |
126 |
|
127 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
128 |
|
129 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
130 |
|
131 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
132 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
133 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
134 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
135 |
|
136 |
<script src="javascripts/common.js"></script> |
137 |
|
138 |
|
139 |
|
140 |
<script>
|
141 |
$(document).foundation();
|
142 |
</script>
|
143 |
</body>
|
144 |
</html>
|