/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html - Annotate - Synnefo - Greek Research and Technology Network's projects

| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_list.html @ 05689a8e

History | View | Annotate | Download (9 kB)

1	9fad921d	Athina B
2	6bd1416f	Athina Bekakou
3	9fad921d	Athina B	<!DOCTYPE html>
4	9fad921d	Athina B	<!--[if lte IE 7]><script src="javascripts/lte-ie7.js"></script><![endif]-->
5	9fad921d	Athina B	<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6	9fad921d	Athina B	<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7	9fad921d	Athina B
8	9fad921d	Athina B	<head>
9	9fad921d	Athina B	<meta charset="utf-8" />
10	9fad921d	Athina B	<meta name="viewport" content="width=device-width" />
11	3b80225c	Athina Bekakou	<title>Synnefo \| Network list</title>
12	9fad921d	Athina B	<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
13	9fad921d	Athina B	<link rel="stylesheet" href="stylesheets/normalize.css" />
14	9fad921d	Athina B	<link rel="stylesheet" href="stylesheets/app.css" />
15	c9d873e8	Olga Brani	<link rel="stylesheet" href="stylesheets/font_custom.css" />
16	9fad921d	Athina B	<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
17	c9d873e8	Olga Brani	<link rel="stylesheet" href="stylesheets/magnific-popup.css" />
18	9fad921d	Athina B	<script src="javascripts/vendor/custom.modernizr.js"></script>
19	9fad921d	Athina B	</head>
20	9fad921d	Athina B	<body>
21	15948f00	Olga Brani	<header class="header">
22	15948f00	Olga Brani	<nav>
23	15948f00	Olga Brani	<ul class="icons-nav">
24	15948f00	Olga Brani	<li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
25	15948f00	Olga Brani	<li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
26	15948f00	Olga Brani	<li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27	15948f00	Olga Brani	<li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network"></span></a></li>
28	15948f00	Olga Brani	<li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
29	15948f00	Olga Brani	</ul>
30	15948f00	Olga Brani	</nav>
31	15948f00	Olga Brani	<div class="logo">
32	15948f00	Olga Brani	<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
33	15948f00	Olga Brani	</div>
34	15948f00	Olga Brani	<div class="login">
35	15948f00	Olga Brani	<a href="">test@grnet.gr</a>
36	15948f00	Olga Brani	</div>
37	15948f00	Olga Brani	</header>
38	6d7b9bc4	Athina Bekakou
39	15948f00	Olga Brani	<div class="overlay-wrapper">
40	6d7b9bc4	Athina Bekakou
41	6d7b9bc4	Athina Bekakou	<!-- overlays start -->
42	6d7b9bc4	Athina Bekakou	<div class="overlay-area">
43	6d7b9bc4	Athina Bekakou	<a href="" class="close"><span class="snf-close"></span></a>
44	6d7b9bc4	Athina Bekakou	<div id="overlay1" class="overlay-div">
45	6d7b9bc4	Athina Bekakou	<p>Are you sure you want to reboot your machine?</p>
46	6d7b9bc4	Athina Bekakou	<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
47	6d7b9bc4	Athina Bekakou	</div>
48	6d7b9bc4	Athina Bekakou	<div id="overlay2" class="overlay-div">
49	6d7b9bc4	Athina Bekakou	<p>Are you sure you want to shutdown your machine?</p>
50	6d7b9bc4	Athina Bekakou	<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
51	6d7b9bc4	Athina Bekakou	</div>
52	6d7b9bc4	Athina Bekakou	<div id="network-wizard" class="overlay-div wizard">
53	6d7b9bc4	Athina Bekakou	<div class="top">
54	05689a8e	Olga Brani	<div class="numbers">
55	05689a8e	Olga Brani	<div class="row">
56	05689a8e	Olga Brani	<a href="" class="close"><span class="snf-close"></span></a>
57	05689a8e	Olga Brani	<ul class="nums">
58	05689a8e	Olga Brani	<li class="current">
59	05689a8e	Olga Brani	<em><span href="">1</span></em>
60	05689a8e	Olga Brani	<p><strong>Create new private network</strong></p>
61	05689a8e	Olga Brani	</li>
62	6d7b9bc4	Athina Bekakou	</ul>
63	05689a8e	Olga Brani	</div>
64	05689a8e	Olga Brani	</div>
65	05689a8e	Olga Brani	<div class="row">
66	05689a8e	Olga Brani	<nav class="sub-menu" data-step=1>
67	6d7b9bc4	Athina Bekakou	<ul>
68	05689a8e	Olga Brani	<li><a href="" class="current">System</a></li>
69	05689a8e	Olga Brani	<li><a href="">My images</a></li>
70	05689a8e	Olga Brani	<li><a href="">Shared with me</a></li>
71	05689a8e	Olga Brani	<li><a href="">Public</a></li>
72	6d7b9bc4	Athina Bekakou	</ul>
73	6d7b9bc4	Athina Bekakou	</nav>
74	6d7b9bc4	Athina Bekakou	</div>
75	6d7b9bc4	Athina Bekakou	</div>
76	6d7b9bc4	Athina Bekakou	<div class="middle">
77	6d7b9bc4	Athina Bekakou	<div class="wizard-content">
78	6d7b9bc4	Athina Bekakou
79	6bd1416f	Athina Bekakou	<div class="row main">
80	6d7b9bc4	Athina Bekakou	<ul class="network_options clearfix">
81	6d7b9bc4	Athina Bekakou	<li>
82	05689a8e	Olga Brani	<div class="network-name">
83	05689a8e	Olga Brani	<h2>Network name</h2>
84	05689a8e	Olga Brani	<span class="input"><input type="text" placeholder="My Network"></span>
85	6d7b9bc4	Athina Bekakou	</div>
86	6d7b9bc4	Athina Bekakou	</li>
87	6d7b9bc4	Athina Bekakou	<li class="dhcp_option"><span>Assign IP addresses automatically:</span>
88	6d7b9bc4	Athina Bekakou	<a href="" class="check">
89	6d7b9bc4	Athina Bekakou	<span class="snf-checkbox-checked"></span>
90	6d7b9bc4	Athina Bekakou	</a>
91	6d7b9bc4	Athina Bekakou	<p>
92	6d7b9bc4	Athina Bekakou	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.
93	6d7b9bc4	Athina Bekakou	</p>
94	6d7b9bc4	Athina Bekakou	</li>
95	6d7b9bc4	Athina Bekakou	<li>
96	6d7b9bc4	Athina Bekakou	<span class="sub_title">Network subnet:</span>
97	6d7b9bc4	Athina Bekakou	<ul class="subnet_options">
98	6d7b9bc4	Athina Bekakou	<li>
99	6d7b9bc4	Athina Bekakou	<span>Auto
100	6bd1416f	Athina Bekakou	<a href="" class="radio_btn">
101	6d7b9bc4	Athina Bekakou	<span class="snf-radio-checked"></span>
102	6d7b9bc4	Athina Bekakou	</a>
103	6d7b9bc4	Athina Bekakou	</span>
104	6d7b9bc4	Athina Bekakou	</li>
105	6d7b9bc4	Athina Bekakou	<li class="manual">
106	6d7b9bc4	Athina Bekakou	<form>
107	6d7b9bc4	Athina Bekakou	<span>Manual
108	6bd1416f	Athina Bekakou	<a href="" class="radio_btn manual">
109	6d7b9bc4	Athina Bekakou	<span class="snf-radio-unchecked"></span>
110	6d7b9bc4	Athina Bekakou	</a>
111	6d7b9bc4	Athina Bekakou	<input class="manual_sub hidden" type="text" name="network_name">
112	6d7b9bc4	Athina Bekakou	</span>
113	6d7b9bc4	Athina Bekakou	</form>
114	6d7b9bc4	Athina Bekakou	</li>
115	6d7b9bc4	Athina Bekakou	<li>
116	6d7b9bc4	Athina Bekakou	<span>10.0.0.0/24
117	6bd1416f	Athina Bekakou	<a href="" class="radio_btn">
118	6d7b9bc4	Athina Bekakou	<span class="snf-radio-unchecked"></span>
119	6d7b9bc4	Athina Bekakou	</a>
120	6d7b9bc4	Athina Bekakou	</span>
121	6d7b9bc4	Athina Bekakou	</li>
122	6d7b9bc4	Athina Bekakou	<li>
123	6d7b9bc4	Athina Bekakou	<span>192.168.0.0/24
124	6bd1416f	Athina Bekakou	<a href="" class="radio_btn">
125	6d7b9bc4	Athina Bekakou	<span class="snf-radio-unchecked"></span>
126	6d7b9bc4	Athina Bekakou	</a>
127	6d7b9bc4	Athina Bekakou	</span>
128	6d7b9bc4	Athina Bekakou	</li>
129	6d7b9bc4	Athina Bekakou	</ul>
130	6d7b9bc4	Athina Bekakou	</li>
131	6d7b9bc4	Athina Bekakou	</ul>
132	6d7b9bc4	Athina Bekakou	</div>
133	6d7b9bc4	Athina Bekakou
134	6d7b9bc4	Athina Bekakou
135	6d7b9bc4	Athina Bekakou	</div>
136	6d7b9bc4	Athina Bekakou	</div>
137	6bd1416f	Athina Bekakou	<!-- new tba start -->
138	6bd1416f	Athina Bekakou	<div class="bottom">
139	6bd1416f	Athina Bekakou	<div class="row">
140	6bd1416f	Athina Bekakou	<a href="" class="nav prev"><span>CANCEL</span></a>
141	6bd1416f	Athina Bekakou	<a href="" class="nav next"><span>CREATE</span></a>
142	6bd1416f	Athina Bekakou
143	6bd1416f	Athina Bekakou	</div>
144	6bd1416f	Athina Bekakou	</div>
145	6bd1416f	Athina Bekakou	<!-- new tba end -->
146	6bd1416f	Athina Bekakou
147	6d7b9bc4	Athina Bekakou	</div>
148	6d7b9bc4	Athina Bekakou
149	6d7b9bc4	Athina Bekakou	</div>
150	6d7b9bc4	Athina Bekakou	<!-- overlays end -->
151	6d7b9bc4	Athina Bekakou
152	6d7b9bc4	Athina Bekakou
153	0a9e1a04	Olga Brani	<section class="actions-bar clearfix">
154	0a9e1a04	Olga Brani	<div class="row">
155	6d7b9bc4	Athina Bekakou	<div class="new-btn">
156	6d7b9bc4	Athina Bekakou	<a data-overlay-id="#network-wizard" href="#"><span>+</span> NEW NETWORK </a></div>
157	0a9e1a04	Olga Brani	<div class="main-actions">
158	0a9e1a04	Olga Brani	<ul>
159	0a9e1a04	Olga Brani	<li class="running" ><a href="">Reboot</a></li>
160	0a9e1a04	Olga Brani	<li class="running"><a href="">Shutdown</a></li>
161	0a9e1a04	Olga Brani	<li class="both"><a href="">Destroy</a></li>
162	0a9e1a04	Olga Brani	<li class="stopped"><a href="">Start</a></li>
163	0a9e1a04	Olga Brani	<!-- in case we want an action always activated
164	0a9e1a04	Olga Brani	<li class="pernament"><a href="" class="active">Action</a></li> -->
165	0a9e1a04	Olga Brani	</ul>
166	0a9e1a04	Olga Brani	</div>
167	0a9e1a04	Olga Brani	</div>
168	0a9e1a04	Olga Brani	</section>
169	15948f00	Olga Brani	<section class="main row">
170	3b80225c	Athina Bekakou	<div class="networks entities">
171	db1f3b94	Olga Brani	<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
172	5b99bf0a	Athina Bekakou	<li data-order="0">
173	9fad921d	Athina B	<div class="container">
174	9fad921d	Athina B	<div class="img-wrap">
175	09566b56	Olga Brani	<div class="img running">
176	692c5cea	Olga Brani	Network
177	9fad921d	Athina B	</div>
178	9fad921d	Athina B	</div>
179	9fad921d	Athina B	<p class="visible-info">
180	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
181	692c5cea	Olga Brani	<span class="title">
182	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
183	692c5cea	Olga Brani	</span>
184	9fad921d	Athina B	</p>
185	8db75456	Athina Bekakou	<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
186	9fad921d	Athina B	</div>
187	9fad921d	Athina B	</li>
188	5b99bf0a	Athina Bekakou	<li data-order="1">
189	9fad921d	Athina B	<div class="container">
190	9fad921d	Athina B	<div class="img-wrap">
191	09566b56	Olga Brani	<div class="img running">
192	9fad921d	Athina B	Network
193	9fad921d	Athina B	</div>
194	9fad921d	Athina B	</div>
195	9fad921d	Athina B	<p class="visible-info">
196	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
197	692c5cea	Olga Brani	<span class="title">
198	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
199	692c5cea	Olga Brani	</span>
200	9fad921d	Athina B	</p>
201	8db75456	Athina Bekakou	<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
202	9fad921d	Athina B	</div>
203	9fad921d	Athina B	</li>
204	5b99bf0a	Athina Bekakou	<li data-order="2">
205	9fad921d	Athina B	<div class="container">
206	9fad921d	Athina B	<div class="img-wrap">
207	09566b56	Olga Brani	<div class="img running">
208	9fad921d	Athina B	Network
209	9fad921d	Athina B	</div>
210	9fad921d	Athina B	</div>
211	9fad921d	Athina B	<p class="visible-info">
212	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
213	692c5cea	Olga Brani	<span class="title">
214	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
215	692c5cea	Olga Brani	</span>
216	9fad921d	Athina B	</p>
217	8db75456	Athina Bekakou	<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
218	9fad921d	Athina B	</div>
219	9fad921d	Athina B	</li>
220	5b99bf0a	Athina Bekakou	<li data-order="3">
221	6d7b9bc4	Athina Bekakou	<div class="add-new"><a href="#">NEW<br>NETWORK</a></div>
222	9fad921d	Athina B	</li>
223	9fad921d	Athina B	</ul>
224	9fad921d	Athina B	</div>
225	9fad921d	Athina B	</section>
226	9fad921d	Athina B	</div>
227	6d7b9bc4	Athina Bekakou
228	6bd1416f	Athina Bekakou
229	9fad921d	Athina B	<script src="javascripts/vendor/jquery.js"></script>
230	6bd1416f	Athina Bekakou	<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
231	6bd1416f	Athina Bekakou	<script src="javascripts/foundation/foundation.js"></script>
232	9fad921d	Athina B	<script src="javascripts/foundation/foundation.alerts.js"></script>
233	9fad921d	Athina B
234	9fad921d	Athina B	<script src="javascripts/foundation/foundation.clearing.js"></script>
235	9fad921d	Athina B
236	9fad921d	Athina B	<script src="javascripts/foundation/foundation.cookie.js"></script>
237	9fad921d	Athina B
238	9fad921d	Athina B	<script src="javascripts/foundation/foundation.dropdown.js"></script>
239	9fad921d	Athina B
240	9fad921d	Athina B	<script src="javascripts/foundation/foundation.forms.js"></script>
241	9fad921d	Athina B
242	9fad921d	Athina B	<script src="javascripts/foundation/foundation.joyride.js"></script>
243	9fad921d	Athina B
244	9fad921d	Athina B	<script src="javascripts/foundation/foundation.magellan.js"></script>
245	9fad921d	Athina B
246	9fad921d	Athina B	<script src="javascripts/foundation/foundation.orbit.js"></script>
247	9fad921d	Athina B
248	9fad921d	Athina B	<script src="javascripts/foundation/foundation.placeholder.js"></script>
249	9fad921d	Athina B
250	9fad921d	Athina B	<script src="javascripts/foundation/foundation.reveal.js"></script>
251	9fad921d	Athina B
252	9fad921d	Athina B	<script src="javascripts/foundation/foundation.section.js"></script>
253	9fad921d	Athina B
254	9fad921d	Athina B	<script src="javascripts/foundation/foundation.tooltips.js"></script>
255	9fad921d	Athina B
256	9fad921d	Athina B	<script src="javascripts/foundation/foundation.topbar.js"></script>
257	788833c7	Olga Brani	<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
258	788833c7	Olga Brani	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
259	5b99bf0a	Athina Bekakou	<script type="text/javascript" src="javascripts/dropzone.js"></script>
260	6bd1416f	Athina Bekakou	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
261	3820a3de	Athina Bekakou
262	6bd1416f	Athina Bekakou
263	6bd1416f	Athina Bekakou	<script src="javascripts/common.js"></script>
264	6bd1416f	Athina Bekakou	<script src="javascripts/network-wizard.js"></script>
265	6bd1416f	Athina Bekakou	<!-- <script src="javascripts/vm-wizard.js"></script> -->
266	6bd1416f	Athina Bekakou
267	6bd1416f	Athina Bekakou
268	9fad921d	Athina B	<script>
269	9fad921d	Athina B	$(document).foundation();
270	9fad921d	Athina B	</script>
271	9fad921d	Athina B	</body>
272	6bd1416f	Athina Bekakou	</html>