root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_list.html @ 1f440438
History | View | Annotate | Download (28.7 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 | VM list</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/temp.css" /> |
14 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
15 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
16 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
17 |
<link rel="stylesheet" href="stylesheets/magnific-popup.css" /> |
18 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
19 |
</head>
|
20 |
<body>
|
21 |
<header class="header"> |
22 |
<nav>
|
23 |
<ul class="icons-nav"> |
24 |
<li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li> |
25 |
<li><a href="vm_list.html" data-tooltip ="has-tip " title="Machines"><span class="snf-PC"></span></a></li> |
26 |
<li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
27 |
<li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><span class="snf-network"></span></a></li> |
28 |
<li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li> |
29 |
</ul>
|
30 |
</nav>
|
31 |
<div class="logo"> |
32 |
<a href="index.html"><img src="images/logo_01.png" alt="software logo"></a> |
33 |
</div>
|
34 |
<div class="login"> |
35 |
<a href="">test@grnet.gr</a> |
36 |
</div>
|
37 |
</header>
|
38 |
<div class="overlay-wrapper"> |
39 |
<div class="overlay-area"> |
40 |
<a href="" class="close"><span class="snf-close"></span></a> |
41 |
<div id="overlay1" class="overlay-div"> |
42 |
<p>Are you sure you want to reboot your machine?</p> |
43 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
44 |
</div>
|
45 |
<div id="overlay2" class="overlay-div"> |
46 |
<p>Are you sure you want to shutdown your machine?</p> |
47 |
<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p> |
48 |
</div>
|
49 |
<div id="vm-wizard" class="overlay-div wizard"> |
50 |
<div class="top"> |
51 |
<div class="row"> |
52 |
<a href="" class="close"><span class="snf-close"></span></a> |
53 |
<nav class="sub-menu" data-step="1"> |
54 |
<ul>
|
55 |
<li><a href="" class="current">System</a></li> |
56 |
<li><a href="">My images</a></li> |
57 |
<li><a href="">Shared with me</a></li> |
58 |
<li><a href="">Public</a></li> |
59 |
</ul>
|
60 |
</nav>
|
61 |
<nav class="sub-menu" data-step=2> |
62 |
<ul>
|
63 |
<li><a href="" class="current" data-size="small">Small</a></li> |
64 |
<li><a href="" data-size="medium">Medium</a></li> |
65 |
<li><a href="" data-size="large">Large</a></li> |
66 |
</ul>
|
67 |
</nav>
|
68 |
</div>
|
69 |
</div>
|
70 |
<div class="middle"> |
71 |
<div class="wizard-content"> |
72 |
<div class="vm-wizard-carousel"> |
73 |
<div class="step step-1"> |
74 |
<ul class="os"> |
75 |
<li>
|
76 |
<div class="row"> |
77 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
78 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
79 |
<div class="size-col">10GB</div> |
80 |
<div class="btn-col"><a href="">details</a></div> |
81 |
</div>
|
82 |
<div class="row"> |
83 |
<div class="details"> |
84 |
<h3>Image metadata</h3> |
85 |
<dl>
|
86 |
<dt>Owner</dt> |
87 |
<dd>system</dd> |
88 |
<dt>OS</dt> |
89 |
<dd>Kubuntu</dd> |
90 |
<dt>Kernel</dt> |
91 |
<dd>4.8.2</dd> |
92 |
<dt>Size</dt> |
93 |
<dd>2.51GB</dd> |
94 |
<dt>Users</dt> |
95 |
<dd>user</dd> |
96 |
<dt>Root partition</dt> |
97 |
<dd>1</dd> |
98 |
</dl>
|
99 |
</div>
|
100 |
</div>
|
101 |
</li>
|
102 |
<li>
|
103 |
<div class="row"> |
104 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
105 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
106 |
<div class="size-col">10GB</div> |
107 |
<div class="btn-col"><a href="">details</a></div> |
108 |
</div>
|
109 |
<div class="row"> |
110 |
<div class="details"> |
111 |
<h3>Image metadata</h3> |
112 |
<dl>
|
113 |
<dt>Owner</dt> |
114 |
<dd>system</dd> |
115 |
<dt>OS</dt> |
116 |
<dd>Kubuntu</dd> |
117 |
<dt>Kernel</dt> |
118 |
<dd>4.8.2</dd> |
119 |
<dt>Size</dt> |
120 |
<dd>2.51GB</dd> |
121 |
<dt>Users</dt> |
122 |
<dd>user</dd> |
123 |
<dt>Root partition</dt> |
124 |
<dd>1</dd> |
125 |
</dl>
|
126 |
</div>
|
127 |
</div>
|
128 |
</li>
|
129 |
<li>
|
130 |
<div class="row"> |
131 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
132 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
133 |
<div class="size-col">10GB</div> |
134 |
<div class="btn-col"><a href="">details</a></div> |
135 |
</div>
|
136 |
<div class="row"> |
137 |
<div class="details"> |
138 |
<h3>Image metadata</h3> |
139 |
<dl>
|
140 |
<dt>Owner</dt> |
141 |
<dd>system</dd> |
142 |
<dt>OS</dt> |
143 |
<dd>Kubuntu</dd> |
144 |
<dt>Kernel</dt> |
145 |
<dd>4.8.2</dd> |
146 |
<dt>Size</dt> |
147 |
<dd>2.51GB</dd> |
148 |
<dt>Users</dt> |
149 |
<dd>user</dd> |
150 |
<dt>Root partition</dt> |
151 |
<dd>1</dd> |
152 |
</dl>
|
153 |
</div>
|
154 |
</div>
|
155 |
</li>
|
156 |
<li class="current"> |
157 |
<div class="row"> |
158 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
159 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
160 |
<div class="size-col">10GB</div> |
161 |
<div class="btn-col"><a href="">details</a></div> |
162 |
</div>
|
163 |
<div class="row"> |
164 |
<div class="details"> |
165 |
<h3>Image metadata</h3> |
166 |
<dl>
|
167 |
<dt>Owner</dt> |
168 |
<dd>system</dd> |
169 |
<dt>OS</dt> |
170 |
<dd>Kubuntu</dd> |
171 |
<dt>Kernel</dt> |
172 |
<dd>4.8.2</dd> |
173 |
<dt>Size</dt> |
174 |
<dd>2.51GB</dd> |
175 |
<dt>Users</dt> |
176 |
<dd>user</dd> |
177 |
<dt>Root partition</dt> |
178 |
<dd>1</dd> |
179 |
</dl>
|
180 |
</div>
|
181 |
</div>
|
182 |
</li>
|
183 |
<li>
|
184 |
<div class="row"> |
185 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
186 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
187 |
<div class="size-col">10GB</div> |
188 |
<div class="btn-col"><a href="">details</a></div> |
189 |
</div>
|
190 |
<div class="row"> |
191 |
<div class="details"> |
192 |
<h3>Image metadata</h3> |
193 |
<dl>
|
194 |
<dt>Owner</dt> |
195 |
<dd>system</dd> |
196 |
<dt>OS</dt> |
197 |
<dd>Kubuntu</dd> |
198 |
<dt>Kernel</dt> |
199 |
<dd>4.8.2</dd> |
200 |
<dt>Size</dt> |
201 |
<dd>2.51GB</dd> |
202 |
<dt>Users</dt> |
203 |
<dd>user</dd> |
204 |
<dt>Root partition</dt> |
205 |
<dd>1</dd> |
206 |
</dl>
|
207 |
</div>
|
208 |
</div>
|
209 |
</li>
|
210 |
<li>
|
211 |
<div class="row"> |
212 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
213 |
<div class="name-col">Windows 2012</div> |
214 |
<div class="size-col">10GB</div> |
215 |
<div class="btn-col"><a href="">details</a></div> |
216 |
</div>
|
217 |
<div class="row"> |
218 |
<div class="details"> |
219 |
<h3>Image metadata</h3> |
220 |
<dl>
|
221 |
<dt>Owner</dt> |
222 |
<dd>system</dd> |
223 |
<dt>OS</dt> |
224 |
<dd>Kubuntu</dd> |
225 |
<dt>Kernel</dt> |
226 |
<dd>4.8.2</dd> |
227 |
<dt>Size</dt> |
228 |
<dd>2.51GB</dd> |
229 |
<dt>Users</dt> |
230 |
<dd>user</dd> |
231 |
<dt>Root partition</dt> |
232 |
<dd>1</dd> |
233 |
</dl>
|
234 |
</div>
|
235 |
</div>
|
236 |
</li>
|
237 |
<li>
|
238 |
<div class="row"> |
239 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
240 |
<div class="name-col">Kubuntu</div> |
241 |
<div class="size-col">10GB</div> |
242 |
<div class="btn-col"><a href="">details</a></div> |
243 |
</div>
|
244 |
<div class="row"> |
245 |
<div class="details"> |
246 |
<h3>Image metadata</h3> |
247 |
<dl>
|
248 |
<dt>Owner</dt> |
249 |
<dd>system</dd> |
250 |
<dt>OS</dt> |
251 |
<dd>Kubuntu</dd> |
252 |
<dt>Kernel</dt> |
253 |
<dd>4.8.2</dd> |
254 |
<dt>Size</dt> |
255 |
<dd>2.51GB</dd> |
256 |
<dt>Users</dt> |
257 |
<dd>user</dd> |
258 |
<dt>Root partition</dt> |
259 |
<dd>1</dd> |
260 |
</dl>
|
261 |
</div>
|
262 |
</div>
|
263 |
</li>
|
264 |
<li>
|
265 |
<div class="row"> |
266 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
267 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
268 |
<div class="size-col">10GB</div> |
269 |
<div class="btn-col"><a href="">details</a></div> |
270 |
</div>
|
271 |
<div class="row"> |
272 |
<div class="details"> |
273 |
<h3>Image metadata</h3> |
274 |
<dl>
|
275 |
<dt>Owner</dt> |
276 |
<dd>system</dd> |
277 |
<dt>OS</dt> |
278 |
<dd>Kubuntu</dd> |
279 |
<dt>Kernel</dt> |
280 |
<dd>4.8.2</dd> |
281 |
<dt>Size</dt> |
282 |
<dd>2.51GB</dd> |
283 |
<dt>Users</dt> |
284 |
<dd>user</dd> |
285 |
<dt>Root partition</dt> |
286 |
<dd>1</dd> |
287 |
</dl>
|
288 |
</div>
|
289 |
</div>
|
290 |
</li>
|
291 |
|
292 |
<li>
|
293 |
<div class="row"> |
294 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
295 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
296 |
<div class="size-col">10GB</div> |
297 |
<div class="btn-col"><a href="">details</a></div> |
298 |
</div>
|
299 |
<div class="row"> |
300 |
<div class="details"> |
301 |
<h3>Image metadata</h3> |
302 |
<dl>
|
303 |
<dt>Owner</dt> |
304 |
<dd>system</dd> |
305 |
<dt>OS</dt> |
306 |
<dd>Kubuntu</dd> |
307 |
<dt>Kernel</dt> |
308 |
<dd>4.8.2</dd> |
309 |
<dt>Size</dt> |
310 |
<dd>2.51GB</dd> |
311 |
<dt>Users</dt> |
312 |
<dd>user</dd> |
313 |
<dt>Root partition</dt> |
314 |
<dd>1</dd> |
315 |
</dl>
|
316 |
</div>
|
317 |
</div>
|
318 |
</li>
|
319 |
<li>
|
320 |
<div class="row"> |
321 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
322 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
323 |
<div class="size-col">10GB</div> |
324 |
<div class="btn-col"><a href="">details</a></div> |
325 |
</div>
|
326 |
<div class="row"> |
327 |
<div class="details"> |
328 |
<h3>Image metadata</h3> |
329 |
<dl>
|
330 |
<dt>Owner</dt> |
331 |
<dd>system</dd> |
332 |
<dt>OS</dt> |
333 |
<dd>Kubuntu</dd> |
334 |
<dt>Kernel</dt> |
335 |
<dd>4.8.2</dd> |
336 |
<dt>Size</dt> |
337 |
<dd>2.51GB</dd> |
338 |
<dt>Users</dt> |
339 |
<dd>user</dd> |
340 |
<dt>Root partition</dt> |
341 |
<dd>1</dd> |
342 |
</dl>
|
343 |
</div>
|
344 |
</div>
|
345 |
</li>
|
346 |
<li>
|
347 |
<div class="row"> |
348 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
349 |
<div class="name-col">Ubuntu Desktop LTS (Long Term Support)</div> |
350 |
<div class="size-col">10GB</div> |
351 |
<div class="btn-col"><a href="">details</a></div> |
352 |
</div>
|
353 |
<div class="row"> |
354 |
<div class="details"> |
355 |
<h3>Image metadata</h3> |
356 |
<dl>
|
357 |
<dt>Owner</dt> |
358 |
<dd>system</dd> |
359 |
<dt>OS</dt> |
360 |
<dd>Kubuntu</dd> |
361 |
<dt>Kernel</dt> |
362 |
<dd>4.8.2</dd> |
363 |
<dt>Size</dt> |
364 |
<dd>2.51GB</dd> |
365 |
<dt>Users</dt> |
366 |
<dd>user</dd> |
367 |
<dt>Root partition</dt> |
368 |
<dd>1</dd> |
369 |
</dl>
|
370 |
</div>
|
371 |
</div>
|
372 |
</li>
|
373 |
</ul>
|
374 |
</div>
|
375 |
<div class="step step-2"> |
376 |
<div class="row"> |
377 |
<ul class="flavor"> |
378 |
<li>
|
379 |
<div class="title"> |
380 |
<span class="snf-cpu icon"></span> |
381 |
<h2>CPU<span> (x cores)</span></h2> |
382 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
383 |
</div>
|
384 |
<div class="options-bar"> |
385 |
<div class="bar"> |
386 |
<div class="wrap"> |
387 |
<div class="container"> |
388 |
<!-- width percentages do not correspond to actual mesurements -->
|
389 |
<div class="total" style="width:60%"> |
390 |
<div class="current" style="width:30%"></div> |
391 |
<span>60%</span> |
392 |
</div>
|
393 |
</div>
|
394 |
</div>
|
395 |
</div>
|
396 |
<ul class="options with-flavor"> |
397 |
<li><a href="" class="small current">1</a></li> |
398 |
<li><a href="" class="medium">2</a></li> |
399 |
<li><a href="" class="large">3</a></li> |
400 |
<li><a href="">4</a></li> |
401 |
</ul>
|
402 |
</div>
|
403 |
</li>
|
404 |
<li>
|
405 |
<div class="title"> |
406 |
<span class="snf-ram icon"></span> |
407 |
<h2>Memory Size <span> (MB)</span></h2> |
408 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
409 |
</div>
|
410 |
<div class="options-bar"> |
411 |
<div class="bar"> |
412 |
<div class="wrap"> |
413 |
<div class="container"> |
414 |
<!-- width percentages do not correspond to actual mesurements -->
|
415 |
<div class="total" style="width:60%"> |
416 |
<div class="current" style="width:30%"></div> |
417 |
<span>60%</span> |
418 |
</div>
|
419 |
</div>
|
420 |
</div>
|
421 |
</div>
|
422 |
<ul class="options with-flavor"> |
423 |
<li><a href="" class="small current">1024</a></li> |
424 |
<li><a href="" class="medium">2048</a></li> |
425 |
<li><a href="" class="large">4096</a></li> |
426 |
</ul>
|
427 |
</div>
|
428 |
</li>
|
429 |
<li>
|
430 |
<div class="title"> |
431 |
<span class="snf-HDD icon"></span> |
432 |
<h2>Disk Size<span> (GB)</span></h2> |
433 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
434 |
</div>
|
435 |
<div class="options-bar"> |
436 |
<div class="bar"> |
437 |
<div class="wrap"> |
438 |
<div class="container"> |
439 |
<!-- width percentages do not correspond to actual mesurements -->
|
440 |
<div class="total" style="width:40%"> |
441 |
<div class="current" style="width:80%"></div> |
442 |
<span>40%</span> |
443 |
</div>
|
444 |
</div>
|
445 |
</div>
|
446 |
</div>
|
447 |
<ul class="options with-flavor"> |
448 |
<li><a href="" class="small current">10</a></li> |
449 |
<li><a href="" class="medium">20</a></li> |
450 |
<li><a href="" class="large">30</a></li> |
451 |
<li><a href="">40</a></li> |
452 |
</ul>
|
453 |
</div>
|
454 |
</li>
|
455 |
<li>
|
456 |
<div class="title"> |
457 |
<span class="snf-HDD icon"></span> |
458 |
<h2>Storage</h2> |
459 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
460 |
</div>
|
461 |
<div class="options-bar"> |
462 |
<div class="bar"> |
463 |
|
464 |
</div>
|
465 |
<ul class="options"> |
466 |
<li><a href="" class="current">DRDB</a></li> |
467 |
<li><a href="">Archipelago</a></li> |
468 |
</ul>
|
469 |
</div>
|
470 |
</li>
|
471 |
</ul>
|
472 |
</div>
|
473 |
</div>
|
474 |
<!--step 3 -->
|
475 |
<div class="step step-3"> |
476 |
<div class="advanced-conf-step"> |
477 |
<div class="adv-main row"> |
478 |
<div class="vm-name"> |
479 |
<label class="label-vm-name">Machine name</label> |
480 |
<input type="text" value="My Ubuntu Server"> |
481 |
</div>
|
482 |
<div class="expand-btn"> |
483 |
<a class="expand-link" href=""> |
484 |
Advanced Configuration |
485 |
<span class="snf-arrow-down"></span> |
486 |
</a>
|
487 |
</div>
|
488 |
</div>
|
489 |
<div class="advanced-conf-options"> |
490 |
<div class="ssh-keys-area area"> |
491 |
<div class="row"> |
492 |
<h2>Public SSH keys</h2> |
493 |
<p>Your account contains the following SSH public keys. Select one or more to activate in your new machine. You will then be able to ssh with the corresponding private key without a password."</p> |
494 |
<ul>
|
495 |
<li class="checkbox"><h3>My public key long name one </h3><span class="snf-checkbox-unchecked"></span></li> |
496 |
<li class="checkbox"><h3>Other public key </h3><span class="snf-checkbox-unchecked"></span></li> |
497 |
<li class="checkbox"><h3>My public key long name one </h3><span class="snf-checkbox-unchecked"></span></li> |
498 |
</ul>
|
499 |
<div>
|
500 |
<a href="" class="btn5">... show more keys</a> |
501 |
</div>
|
502 |
</div>
|
503 |
</div>
|
504 |
|
505 |
<div class="networks-area area"> |
506 |
<div class="row"> |
507 |
<h2>Networks</h2> |
508 |
<ul>
|
509 |
<li class="network-data"> |
510 |
<span class="net-icons"> |
511 |
<span class="snf-www icon"></span> |
512 |
<span class="snf-network_full icon"></span> |
513 |
</span>
|
514 |
<span>Public Network</span> |
515 |
<span>
|
516 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
517 |
</span>
|
518 |
<ul class="ips-list row"> |
519 |
<li>
|
520 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
521 |
</li>
|
522 |
<li>
|
523 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
524 |
</li>
|
525 |
<li>
|
526 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
527 |
</li>
|
528 |
</ul>
|
529 |
</li>
|
530 |
<li class="network-data"> |
531 |
<span class="net-icons"> |
532 |
<span class="snf-www icon"></span> |
533 |
<span class="snf-network_full icon"></span> |
534 |
<span class="snf-modem icon"></span> |
535 |
</span>
|
536 |
<span>Routed Network Network</span> |
537 |
<span>
|
538 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
539 |
</span>
|
540 |
<ul class="ips-list row"> |
541 |
<li>
|
542 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
543 |
</li>
|
544 |
<li>
|
545 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
546 |
</li>
|
547 |
<li>
|
548 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
549 |
</li>
|
550 |
</ul>
|
551 |
</li>
|
552 |
<li class="network-data"> |
553 |
<span class="net-icons"> |
554 |
<span class="snf-network_full icon"></span> |
555 |
</span>
|
556 |
<span>Private Network 1</span> |
557 |
<span>
|
558 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
559 |
</span>
|
560 |
<ul class="ips-list row"> |
561 |
<li>
|
562 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
563 |
</li> <li> |
564 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
565 |
</li>
|
566 |
<li>
|
567 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
568 |
</li>
|
569 |
</ul>
|
570 |
</li>
|
571 |
<li class="network-data"> |
572 |
<span class="net-icons"> |
573 |
<span class="snf-network_full icon"></span> |
574 |
</span>
|
575 |
<span>Private Network 2</span> |
576 |
<span>
|
577 |
<a class="select-network snf-checkbox-unchecked" href=""></a> |
578 |
</span>
|
579 |
<ul class="ips-list row"> |
580 |
<li>
|
581 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
582 |
</li>
|
583 |
<li>
|
584 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
585 |
</li>
|
586 |
<li>
|
587 |
192.168.2.3 <span class=""><a class ="select-ip snf-checkbox-unchecked"></a></span> |
588 |
</li>
|
589 |
|
590 |
</ul>
|
591 |
</li>
|
592 |
|
593 |
<li class="more-networks"> |
594 |
<span>...</span> |
595 |
</li>
|
596 |
</ul>
|
597 |
</div>
|
598 |
</div>
|
599 |
<div class="tags-area area"> |
600 |
<div class="row"> |
601 |
<h2>Tags</h2> |
602 |
<p>Dude use your tags like you eat your cereal. You can colour code them as well</p> |
603 |
<span>My tags</span><span>select</span> |
604 |
<ul>
|
605 |
<li>1</li> |
606 |
<li>2</li> |
607 |
<li>3</li> |
608 |
<li>... *na doume pos epektinetai an uparxoun perissotera ssh keys*</li> |
609 |
</ul>
|
610 |
</div>
|
611 |
</div>
|
612 |
</div>
|
613 |
</div>
|
614 |
<!-- end step 3 --> </div> |
615 |
<div class="step step-4">test4</div> |
616 |
</div>
|
617 |
</div>
|
618 |
</div>
|
619 |
<div class="bottom"> |
620 |
<div class="row"> |
621 |
<a href="" class="nav prev"><span>CANCEL</span></a> |
622 |
<a href="" class="nav next"><span>NEXT</span></a> |
623 |
<ul class="nums"> |
624 |
<li class="current"><a href="">1</a></li> |
625 |
<li><a href="">2</a></li> |
626 |
<li><a href="">3</a></li> |
627 |
<li><a href="">4</a></li> |
628 |
</ul>
|
629 |
</div>
|
630 |
</div>
|
631 |
</div>
|
632 |
</div>
|
633 |
|
634 |
<section class="actions-bar clearfix"> |
635 |
<div class="row"> |
636 |
<div class="new-btn"><a href="" data-overlay-id="#vm-wizard"><span>+</span> NEW MACHINE </a></div> |
637 |
<div class="main-actions"> |
638 |
<ul>
|
639 |
<li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li> |
640 |
<li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li> |
641 |
<li class="both"><a href="">Destroy</a></li> |
642 |
<li class="stopped"><a href="">Start</a></li> |
643 |
<!-- in case we want an action always activated
|
644 |
<li class="pernament"><a href="" class="active">Action</a></li> -->
|
645 |
</ul>
|
646 |
</div>
|
647 |
</div>
|
648 |
</section>
|
649 |
<section class="main row"> |
650 |
<div class="vms entities"> |
651 |
<ul class="items-list small-block-grid-2 large-block-grid-3 sortable"> |
652 |
<li data-order="0"> |
653 |
<div class="container"> |
654 |
<div class="img-wrap"> |
655 |
<div class="img running"> |
656 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
657 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
658 |
</div>
|
659 |
</div>
|
660 |
<p class="visible-info"> |
661 |
<span class="title"> |
662 |
<a href="vm_details.html"><em>vm name 1 really large name</em></a> |
663 |
</span>
|
664 |
</p>
|
665 |
<div class="tags"> |
666 |
<a href="" class="tag1" title="Server"> </a> |
667 |
<a href="" class="tag2" title="Experiment"> </a> |
668 |
</div>
|
669 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
670 |
</div>
|
671 |
</li>
|
672 |
<li data-order="1"> |
673 |
<div class="container"> |
674 |
<div class="img-wrap"> |
675 |
<div class="img running"> |
676 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
677 |
<span class="os fedora" data-reveal-id="vm-connect">fedora</span> |
678 |
</div>
|
679 |
</div>
|
680 |
<p class="visible-info"> |
681 |
<span class="title"> |
682 |
<a href="vm_details.html"><em>vm name 1 really large name</em></a> |
683 |
</span>
|
684 |
</p>
|
685 |
<div class="tags"> |
686 |
<a href="" class="tag3"> </a> |
687 |
<a href="" class="tag2"> </a> |
688 |
</div>
|
689 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
690 |
</div>
|
691 |
</li>
|
692 |
<li data-order="2"> |
693 |
<div class="container"> |
694 |
<div class="img-wrap"> |
695 |
<div class="img running"> |
696 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
697 |
<span class="os" data-reveal-id="vm-connect">unknown</span> |
698 |
</div>
|
699 |
</div>
|
700 |
<p class="visible-info"> |
701 |
<span class="title"> |
702 |
<a href="vm_details.html"><em>vm name 2</em></a> |
703 |
</span>
|
704 |
</p>
|
705 |
<div class="tags"> |
706 |
<a href="" class="tag2"> </a> |
707 |
</div>
|
708 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
709 |
</div>
|
710 |
</li>
|
711 |
<li data-order="3"> |
712 |
<div class="container"> |
713 |
<div class="img-wrap"> |
714 |
<div class="img stopped"> |
715 |
<span class="snf-PC_fill"></span> |
716 |
<span class="os fedora">fedora</span> |
717 |
</div>
|
718 |
</div>
|
719 |
<p class="visible-info"> |
720 |
<span class="title"> |
721 |
<a href="vm_details.html"><em>vm name 3</em></a> |
722 |
</span>
|
723 |
</p>
|
724 |
<div class="tags"> |
725 |
<a href="" class="tag1"> </a> |
726 |
<a href="" class="tag2"> </a> |
727 |
<a href="" class="tag3"> </a> |
728 |
</div>
|
729 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
730 |
</div>
|
731 |
</li>
|
732 |
<li data-order="4"> |
733 |
<div class="container"> |
734 |
<div class="img-wrap"> |
735 |
<div class="img running"> |
736 |
<span class="snf-PC_fill" data-reveal-id="vm-connect"></span> |
737 |
<span class="os kubuntu" data-reveal-id="vm-connect">kubuntu</span> |
738 |
</div>
|
739 |
</div>
|
740 |
<p class="visible-info"> |
741 |
<span class="title"> |
742 |
<a href="vm_details.html"><em>vm name 4</em></a> |
743 |
</span>
|
744 |
</p>
|
745 |
<div class="tags"> |
746 |
<a href="" class="tag1"> </a> |
747 |
<a href="" class="tag2"> </a> |
748 |
</div>
|
749 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
750 |
</div>
|
751 |
</li>
|
752 |
|
753 |
<li data-order="5"> |
754 |
<div class="add-new"><a href="vm_create_a.html">NEW<br>MACHINE</a></div> |
755 |
</li>
|
756 |
|
757 |
</ul>
|
758 |
</div>
|
759 |
</section>
|
760 |
</div>
|
761 |
|
762 |
<div id="vm-connect" class="reveal-modal medium"> |
763 |
<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> |
764 |
<p class="ssh"><span>ssh user@snf-38389.vm.okeanos.grnet.gr</span></p> |
765 |
|
766 |
<p class="info">Keep in mind that recently rebooted or created VMs may take up to 5 minutes to connect to them.</p> |
767 |
<p>Alternatively you can connect to your VM via <a href="">Console</a> (slow connection - meant only for troubleshooting.</p> |
768 |
<a class="close-reveal-modal" title="close window">×</a> |
769 |
</div>
|
770 |
|
771 |
<script src="javascripts/vendor/jquery.js"></script> |
772 |
<script src="javascripts/jquery-ui-1.10.3.custom.min.js"></script> |
773 |
<script src="javascripts/foundation/foundation.js"></script> |
774 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
775 |
|
776 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
777 |
|
778 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
779 |
|
780 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
781 |
|
782 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
783 |
|
784 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
785 |
|
786 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
787 |
|
788 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
789 |
|
790 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
791 |
|
792 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
793 |
|
794 |
<script src="javascripts/foundation/foundation.section.js"></script> |
795 |
|
796 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
797 |
|
798 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
799 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
800 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
801 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
802 |
<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script> |
803 |
<script src="javascripts/temp.js"></script> |
804 |
<script src="javascripts/common.js"></script> |
805 |
<script type="text/javascript" src="javascripts/vm-wizard.js"></script> |
806 |
|
807 |
|
808 |
<script>
|
809 |
$(document).foundation();
|
810 |
</script>
|
811 |
</body>
|
812 |
</html>
|