Revision b3ffc710 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 369 | 369 |
<div class="adv-main row"> |
| 370 | 370 |
<div class="vm-name"> |
| 371 | 371 |
<h2>Machine name</h2> |
| 372 |
<span class="input"><input type="text" placeholder="My Ubuntu Server" class="el7"></span> |
|
| 372 |
<span class="input"> |
|
| 373 |
<input type="text" placeholder="My Ubuntu Server" class="el7"> |
|
| 374 |
</span> |
|
| 373 | 375 |
</div> |
| 374 | 376 |
<div class="expand-btn"> |
| 375 | 377 |
<a class="expand-link" href=""> |
| ... | ... | |
| 384 | 386 |
<h2>Public SSH keys</h2> |
| 385 | 387 |
<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> |
| 386 | 388 |
<ul> |
| 387 |
<li class="checkbox"><h3>My public key long name one </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li> |
|
| 388 |
<li class="checkbox"><h3>Other public key </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li> |
|
| 389 |
<li class="checkbox"><h3>My public key long name one </h3><a href="" class="check"><span class="snf-checkbox-unchecked"></span></a></li> |
|
| 389 |
<li class="checkbox"> |
|
| 390 |
<h3>My public key long name one </h3> |
|
| 391 |
<a href="" class="check"> |
|
| 392 |
<span class="snf-checkbox-unchecked"></span> |
|
| 393 |
</a> |
|
| 394 |
</li> |
|
| 395 |
<li class="checkbox"> |
|
| 396 |
<h3>Other public key </h3> |
|
| 397 |
<a href="" class="check"> |
|
| 398 |
<span class="snf-checkbox-unchecked"></span> |
|
| 399 |
</a> |
|
| 400 |
</li> |
|
| 401 |
<li class="checkbox"> |
|
| 402 |
<h3>My public key long name one </h3> |
|
| 403 |
<a href="" class="check"> |
|
| 404 |
<span class="snf-checkbox-unchecked"></span> |
|
| 405 |
</a> |
|
| 406 |
</li> |
|
| 390 | 407 |
</ul> |
| 391 | 408 |
<div> |
| 392 | 409 |
<a href="" class="btn5">... show more keys</a> |
| 393 | 410 |
</div> |
| 394 | 411 |
</div> |
| 395 | 412 |
</div> |
| 396 |
|
|
| 397 | 413 |
<div class="networks-area area"> |
| 398 | 414 |
<h2 class="row">Networks</h2> |
| 399 | 415 |
<ul> |
| 400 | 416 |
<li class="checkbox row has-more select-net"> |
| 401 |
<h3 class=""> |
|
| 402 |
<div class="net-icons"> |
|
| 403 |
<span class="snf-www"></span> |
|
| 404 |
<span class="snf-network_full"></span> |
|
| 405 |
</div> |
|
| 406 |
Public Network</h3> |
|
| 417 |
<h3 class=""> |
|
| 418 |
<div class="net-icons"> |
|
| 419 |
<span class="temp-line line1"></span> |
|
| 420 |
<span class="snf-www"></span> |
|
| 421 |
<span class="snf-network_full"></span> |
|
| 422 |
</div> |
|
| 423 |
Public Network |
|
| 424 |
</h3> |
|
| 407 | 425 |
<a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a> |
| 408 | 426 |
</li> |
| 409 | 427 |
<li class="more"> |
| ... | ... | |
| 426 | 444 |
</div> |
| 427 | 445 |
</li> |
| 428 | 446 |
<li class="checkbox row select-net"> |
| 429 |
<h3 class="net-name"> |
|
| 430 |
<div class="net-icons"> |
|
| 431 |
<span class="snf-www"></span> |
|
| 432 |
<span class="snf-modem"></span> |
|
| 433 |
<span class="snf-network_full"></span> |
|
| 434 |
</div> |
|
| 435 |
|
|
| 436 |
Routed Network</h3> |
|
| 437 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 447 |
<h3 class="net-name"> |
|
| 448 |
<div class="net-icons"> |
|
| 449 |
<span class="temp-line line1"></span> |
|
| 450 |
<span class="temp-line line2"></span> |
|
| 451 |
<span class="snf-www"></span> |
|
| 452 |
<span class="snf-modem"></span> |
|
| 453 |
<span class="snf-network_full"></span> |
|
| 454 |
</div> |
|
| 455 |
Routed Network |
|
| 456 |
</h3> |
|
| 457 |
<a href="" class="check"> |
|
| 458 |
<span class="snf-checkbox-unchecked"></span> |
|
| 459 |
</a> |
|
| 438 | 460 |
</li> |
| 439 | 461 |
<li class="checkbox row select-net"> |
| 440 |
<h3 class="net-name"> |
|
| 441 |
<div class="net-icons"> |
|
| 442 |
<span class="snf-network_full"></span> |
|
| 443 |
</div> |
|
| 444 |
Private Network 1</h3> |
|
| 445 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 462 |
<h3 class="net-name"> |
|
| 463 |
<div class="net-icons"> |
|
| 464 |
<span class="snf-network_full"></span> |
|
| 465 |
</div> |
|
| 466 |
Private Network 1 |
|
| 467 |
</h3> |
|
| 468 |
<a href="" class="check"> |
|
| 469 |
<span class="snf-checkbox-unchecked"></span> |
|
| 470 |
</a> |
|
| 446 | 471 |
</li> |
| 447 | 472 |
<li class="checkbox row select-net"> |
| 448 | 473 |
<h3 class="net-name"> |
| 449 |
<div class="net-icons"> |
|
| 450 |
<span class="snf-network_full"></span> |
|
| 451 |
</div> |
|
| 452 |
Private Network 2</h3> |
|
| 453 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 474 |
<div class="net-icons"> |
|
| 475 |
<span class="snf-network_full"></span> |
|
| 476 |
</div> |
|
| 477 |
Private Network 2 |
|
| 478 |
</h3> |
|
| 479 |
<a href="" class="check"> |
|
| 480 |
<span class="snf-checkbox-unchecked"></span> |
|
| 481 |
</a> |
|
| 454 | 482 |
</li> |
| 455 | 483 |
</ul> |
| 456 |
|
|
| 457 | 484 |
</div> |
| 458 | 485 |
<div class="tags-area area"> |
| 459 | 486 |
<div class="row"> |
| 460 | 487 |
<h2>Tags</h2> |
| 461 | 488 |
<p>Dude use your tags like you eat your cereal.<br>You can color code them as well</p> |
| 462 |
<span class="list-header"><h3>My Tags</h3><span>select</span></span> |
|
| 463 | 489 |
<ul> |
| 490 |
<li> |
|
| 491 |
<h3>My tags</h3> |
|
| 492 |
<span>select</span> |
|
| 493 |
</li> |
|
| 464 | 494 |
<li class="checkbox"> |
| 465 | 495 |
<h3> |
| 466 | 496 |
<span class="tag-demo tag4"></span> |
Also available in: Unified diff