/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 @ 164fdcd9

History | View | Annotate | Download (9.3 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	061cefb7	Athina Bekakou	<header class="header">
22	15948f00	Olga Brani	<nav>
23	15948f00	Olga Brani	<ul class="icons-nav">
24	15948f00	Olga Brani	<li><a href="vm_list.html" data-tooltip ="has-tip" title="Machines"><span class="snf-PC"></span></a></li>
25	061cefb7	Athina Bekakou	<li><a href="network_list.html" data-tooltip ="has-tip " title="Networks"><span class="snf-network_full"></span></a></li>
26	15948f00	Olga Brani	<li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
27	061cefb7	Athina Bekakou	<li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
28	15948f00	Olga Brani	</ul>
29	15948f00	Olga Brani	</nav>
30	061cefb7	Athina Bekakou	<div class="login">
31	061cefb7	Athina Bekakou	<a href=""><span class="snf-lock_open"></span></a>
32	061cefb7	Athina Bekakou	</div>
33	15948f00	Olga Brani	<div class="logo">
34	15948f00	Olga Brani	<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
35	15948f00	Olga Brani	</div>
36	15948f00	Olga Brani	</header>
37	6d7b9bc4	Athina Bekakou
38	15948f00	Olga Brani	<div class="overlay-wrapper">
39	6d7b9bc4	Athina Bekakou
40	6d7b9bc4	Athina Bekakou	<!-- overlays start -->
41	6d7b9bc4	Athina Bekakou	<div class="overlay-area">
42	45d9d315	Athina Bekakou
43	6d7b9bc4	Athina Bekakou	<div id="overlay1" class="overlay-div">
44	45d9d315	Athina Bekakou	<a href="" class="close"><span class="snf-close"></span></a>
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	937c0d49	Athina Bekakou	<div class="menus row">
56	05689a8e	Olga Brani	<a href="" class="close"><span class="snf-close"></span></a>
57	05689a8e	Olga Brani	<ul class="nums">
58	937c0d49	Athina Bekakou	<li class="preselected 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	</nav>
68	6d7b9bc4	Athina Bekakou	</div>
69	6d7b9bc4	Athina Bekakou	</div>
70	6d7b9bc4	Athina Bekakou	<div class="middle">
71	937c0d49	Athina Bekakou	<div class="steps">
72	937c0d49	Athina Bekakou	<div class="step step-1 preselected current">
73	937c0d49	Athina Bekakou	<ul class="row network_options">
74	6907afd3	Athina Bekakou	<li class="project-selection">
75	6907afd3	Athina Bekakou	<form class="custom">
76	6907afd3	Athina Bekakou	<select class="medium">
77	6907afd3	Athina Bekakou	<option class="el5">Basic Project</option>
78	6907afd3	Athina Bekakou	<option>Project 2</option>
79	6907afd3	Athina Bekakou	<option>Project 3</option>
80	6907afd3	Athina Bekakou	</select>
81	6907afd3	Athina Bekakou	</form>
82	6907afd3	Athina Bekakou	</li>
83	937c0d49	Athina Bekakou	<li>
84	937c0d49	Athina Bekakou	<div class="network-name">
85	937c0d49	Athina Bekakou	<h2>Network name</h2>
86	937c0d49	Athina Bekakou	<span class="input"><input class="el1" type="text" placeholder="My Network"></span>
87	937c0d49	Athina Bekakou	</div>
88	937c0d49	Athina Bekakou	</li>
89	937c0d49	Athina Bekakou	<li class="dhcp_option"><span>Assign IP addresses automatically:</span>
90	937c0d49	Athina Bekakou	<a href="" class="check">
91	937c0d49	Athina Bekakou	<span class="snf-checkbox-checked prechecked"></span>
92	937c0d49	Athina Bekakou	</a>
93	6907afd3	Athina Bekakou	</li>
94	6907afd3	Athina Bekakou	<li class="explanatory">
95	6907afd3	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.
96	937c0d49	Athina Bekakou	</li>
97	937c0d49	Athina Bekakou	<li>
98	937c0d49	Athina Bekakou	<span class="sub_title">Network subnet:</span>
99	937c0d49	Athina Bekakou	<ul class="subnet_options">
100	937c0d49	Athina Bekakou	<li>
101	937c0d49	Athina Bekakou	<span>Auto
102	937c0d49	Athina Bekakou	<a href="" class="radio_btn">
103	937c0d49	Athina Bekakou	<span class="snf-radio-checked prechecked"></span>
104	937c0d49	Athina Bekakou	</a>
105	937c0d49	Athina Bekakou	</span>
106	937c0d49	Athina Bekakou	</li>
107	937c0d49	Athina Bekakou	<li class="manual">
108	937c0d49	Athina Bekakou	<form>
109	937c0d49	Athina Bekakou	<span>Manual
110	937c0d49	Athina Bekakou	<a href="" class="radio_btn manual">
111	6d7b9bc4	Athina Bekakou	<span class="snf-radio-unchecked"></span>
112	6d7b9bc4	Athina Bekakou	</a>
113	937c0d49	Athina Bekakou	<span class="input"><input type="text" placeholder="192.168.32.0/24"></span>
114	6d7b9bc4	Athina Bekakou	</span>
115	937c0d49	Athina Bekakou	</form>
116	937c0d49	Athina Bekakou	</li>
117	937c0d49	Athina Bekakou	<li>
118	937c0d49	Athina Bekakou	<span>10.0.0.0/24
119	937c0d49	Athina Bekakou	<a href="" class="radio_btn">
120	937c0d49	Athina Bekakou	<span class="snf-radio-unchecked"></span>
121	937c0d49	Athina Bekakou	</a>
122	937c0d49	Athina Bekakou	</span>
123	937c0d49	Athina Bekakou	</li>
124	937c0d49	Athina Bekakou	<li>
125	937c0d49	Athina Bekakou	<span>192.168.0.0/24
126	937c0d49	Athina Bekakou	<a href="" class="radio_btn">
127	937c0d49	Athina Bekakou	<span class="snf-radio-unchecked"></span>
128	937c0d49	Athina Bekakou	</a>
129	937c0d49	Athina Bekakou	</span>
130	937c0d49	Athina Bekakou	</li>
131	937c0d49	Athina Bekakou	</ul>
132	937c0d49	Athina Bekakou	</li>
133	937c0d49	Athina Bekakou	</ul>
134	937c0d49	Athina Bekakou	</div>
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	937c0d49	Athina Bekakou	<a href="" class="nav next" data-next="el1"><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	6907afd3	Athina Bekakou	<section class="actions-bar clearfix">
153	6907afd3	Athina Bekakou	<h2>Virtual Machine Overview</h2>
154	775d43ea	Athina Bekakou	<div class="view-type">
155	775d43ea	Athina Bekakou	<a href="" class="list"><span class="snf-list"></span></a>
156	775d43ea	Athina Bekakou	<a href="" class="grid"><span class="snf-layout current"></span></a>
157	6907afd3	Athina Bekakou	</div>
158	6907afd3	Athina Bekakou	<div class="filter-menu">
159	6907afd3	Athina Bekakou	<a class="filter" href="">Filter</a>
160	6907afd3	Athina Bekakou	<ul class="options">
161	6907afd3	Athina Bekakou	<li><a href=""> set an option</a></li>
162	6907afd3	Athina Bekakou	<li><a href=""> set an option</a></li>
163	6907afd3	Athina Bekakou	<li><a href=""> set an option</a></li>
164	6907afd3	Athina Bekakou	<li><a href=""> set an option</a></li>
165	6907afd3	Athina Bekakou	</ul>
166	6907afd3	Athina Bekakou	</div>
167	6907afd3	Athina Bekakou	<div id="search-utility" class="search">
168	6907afd3	Athina Bekakou	<span class="snf-search"></span>
169	6907afd3	Athina Bekakou	<form>
170	6907afd3	Athina Bekakou	<input class="snf-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search">
171	6907afd3	Athina Bekakou	</form>
172	6907afd3	Athina Bekakou	</div>
173	0a9e1a04	Olga Brani	</section>
174	15948f00	Olga Brani	<section class="main row">
175	3b80225c	Athina Bekakou	<div class="networks entities">
176	06d0657a	Athina Bekakou	<ul class="items-list small-block-grid-2 large-block-grid-3">
177	06d0657a	Athina Bekakou	<li>
178	775d43ea	Athina Bekakou	<div class="add-new"><a data-overlay-id="#network-wizard" href="#">NEW<br>NETWORK</a></div>
179	775d43ea	Athina Bekakou	</li>
180	06d0657a	Athina Bekakou	<li>
181	9fad921d	Athina B	<div class="container">
182	9fad921d	Athina B	<div class="img-wrap">
183	09566b56	Olga Brani	<div class="img running">
184	692c5cea	Olga Brani	Network
185	9fad921d	Athina B	</div>
186	9fad921d	Athina B	</div>
187	9fad921d	Athina B	<p class="visible-info">
188	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
189	692c5cea	Olga Brani	<span class="title">
190	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
191	692c5cea	Olga Brani	</span>
192	9fad921d	Athina B	</p>
193	9fad921d	Athina B	</div>
194	9fad921d	Athina B	</li>
195	06d0657a	Athina Bekakou	<li>
196	9fad921d	Athina B	<div class="container">
197	9fad921d	Athina B	<div class="img-wrap">
198	09566b56	Olga Brani	<div class="img running">
199	9fad921d	Athina B	Network
200	9fad921d	Athina B	</div>
201	9fad921d	Athina B	</div>
202	9fad921d	Athina B	<p class="visible-info">
203	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
204	692c5cea	Olga Brani	<span class="title">
205	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
206	692c5cea	Olga Brani	</span>
207	9fad921d	Athina B	</p>
208	9fad921d	Athina B	</div>
209	9fad921d	Athina B	</li>
210	06d0657a	Athina Bekakou	<li>
211	9fad921d	Athina B	<div class="container">
212	9fad921d	Athina B	<div class="img-wrap">
213	09566b56	Olga Brani	<div class="img running">
214	9fad921d	Athina B	Network
215	9fad921d	Athina B	</div>
216	9fad921d	Athina B	</div>
217	9fad921d	Athina B	<p class="visible-info">
218	9fad921d	Athina B	<span><em>IPv4 83.212.97.127</em></span>
219	692c5cea	Olga Brani	<span class="title">
220	692c5cea	Olga Brani	<a href="network_details.html"><em>Network name</em></a>
221	692c5cea	Olga Brani	</span>
222	9fad921d	Athina B	</p>
223	9fad921d	Athina B	</div>
224	9fad921d	Athina B	</li>
225	9fad921d	Athina B	</ul>
226	9fad921d	Athina B	</div>
227	9fad921d	Athina B	</section>
228	9fad921d	Athina B	</div>
229	6d7b9bc4	Athina Bekakou
230	6bd1416f	Athina Bekakou
231	9fad921d	Athina B	<script src="javascripts/vendor/jquery.js"></script>
232	6bd1416f	Athina Bekakou	<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script>
233	6bd1416f	Athina Bekakou	<script src="javascripts/foundation/foundation.js"></script>
234	9fad921d	Athina B	<script src="javascripts/foundation/foundation.alerts.js"></script>
235	9fad921d	Athina B
236	9fad921d	Athina B	<script src="javascripts/foundation/foundation.clearing.js"></script>
237	9fad921d	Athina B
238	9fad921d	Athina B	<script src="javascripts/foundation/foundation.cookie.js"></script>
239	9fad921d	Athina B
240	9fad921d	Athina B	<script src="javascripts/foundation/foundation.dropdown.js"></script>
241	9fad921d	Athina B
242	9fad921d	Athina B	<script src="javascripts/foundation/foundation.forms.js"></script>
243	9fad921d	Athina B
244	9fad921d	Athina B	<script src="javascripts/foundation/foundation.joyride.js"></script>
245	9fad921d	Athina B
246	9fad921d	Athina B	<script src="javascripts/foundation/foundation.magellan.js"></script>
247	9fad921d	Athina B
248	9fad921d	Athina B	<script src="javascripts/foundation/foundation.orbit.js"></script>
249	9fad921d	Athina B
250	9fad921d	Athina B	<script src="javascripts/foundation/foundation.placeholder.js"></script>
251	9fad921d	Athina B
252	9fad921d	Athina B	<script src="javascripts/foundation/foundation.reveal.js"></script>
253	9fad921d	Athina B
254	9fad921d	Athina B	<script src="javascripts/foundation/foundation.section.js"></script>
255	9fad921d	Athina B
256	9fad921d	Athina B	<script src="javascripts/foundation/foundation.tooltips.js"></script>
257	9fad921d	Athina B
258	9fad921d	Athina B	<script src="javascripts/foundation/foundation.topbar.js"></script>
259	788833c7	Olga Brani	<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
260	788833c7	Olga Brani	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
261	06d0657a	Athina Bekakou	<!-- dropzone.js used for drag and drop files to upload them -->
262	5b99bf0a	Athina Bekakou	<script type="text/javascript" src="javascripts/dropzone.js"></script>
263	6bd1416f	Athina Bekakou	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
264	3820a3de	Athina Bekakou
265	6bd1416f	Athina Bekakou
266	f2380a69	Athina Bekakou	<script type="text/javascript" src="javascripts/ExpandingSearchBar/modernizr.custom.js"></script>
267	f2380a69	Athina Bekakou	<script type="text/javascript" src="javascripts/ExpandingSearchBar/classie.js"></script>
268	f2380a69	Athina Bekakou	<script type="text/javascript" src="javascripts/ExpandingSearchBar/uisearch.js"></script>
269	6bd1416f	Athina Bekakou	<script src="javascripts/common.js"></script>
270	937c0d49	Athina Bekakou	<script src="javascripts/wizard.js"></script>
271	6bd1416f	Athina Bekakou
272	6bd1416f	Athina Bekakou
273	9fad921d	Athina B	<script>
274	9fad921d	Athina B	$(document).foundation();
275	9fad921d	Athina B	</script>
276	9fad921d	Athina B	</body>
277	6bd1416f	Athina Bekakou	</html>