Revision 969d4e10 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
438 438 
												<h2>Public SSH keys</h2>
439 439 
												<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>
440 440 
												<ul>
441 
													<li class="with-checkbox">
441 
													<li class="trigger-checkbox">
442 442 
														<h3>My public key long name one </h3>
443 443 
														<a href="" class="check">
444 444 
															<span class="snf-checkbox-unchecked"></span>
445 445 
														</a>
446 446 
													</li>
447 
													<li class="with-checkbox">
447 
													<li class="trigger-checkbox">
448 448 
														<h3>Other public key </h3>
449 449 
														<a href="" class="check">
450 450 
															<span class="snf-checkbox-unchecked"></span>
451 451 
														</a>
452 452 
													</li>
453 
													<li class="with-checkbox">
453 
													<li class="trigger-checkbox">
454 454 
														<h3>My public key long name one </h3>
455 455 
														<a href="" class="check">
456 456 
															<span class="snf-checkbox-unchecked"></span>
......
465 465 
										<div class="networks-area area">
466 466 
											<h2 class="row">Networks</h2>
467 467 
											<ul>
468 
												<li class="with-checkbox row has-more select-net">
468 
												<li class="trigger-checkbox row has-more select-net">
469 469 
													<h3 class="">
470 470 
														<span class="net-icons">
471 471 
															<span class="temp-line line1"></span>
......
478 478 
												</li>
479 479 
												<li class="more">
480 480 
													<div class="row">
481 
														<div class="with-checkbox clearfix">
481 
														<div class="trigger-checkbox clearfix">
482 482 
															<h3>192.168.2.3</h3>
483 483 
															<a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a>
484 484 
														</div>
485 
														<div class="with-checkbox clearfix">
485 
														<div class="trigger-checkbox clearfix">
486 486 
															<h3>192.168.2.3</h3>
487 487 
															<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
488 488 
														</div>
489 
														<div class="with-checkbox clearfix">
489 
														<div class="trigger-checkbox clearfix">
490 490 
															<h3>192.168.2.3</h3>
491 491 
															<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
492 492 
														</div>
......
495 495 
														</div>
496 496 
													</div>
497 497 
												</li>
498 
												<li class="with-checkbox row select-net">
498 
												<li class="trigger-checkbox row select-net">
499 499 
													<h3 class="net-name">
500 500 
														<span class="net-icons">
501 501 
															<span class="temp-line line1"></span>
......
510 510 
														<span class="snf-checkbox-unchecked"></span>
511 511 
													</a>
512 512 
												</li>
513 
												<li class="with-checkbox row select-net">
513 
												<li class="trigger-checkbox row select-net">
514 514 
													<h3 class="net-name">
515 515 
														<span class="net-icons">
516 516 
															<span class="snf-network-full"></span>
......
521 521 
														<span class="snf-checkbox-unchecked"></span>
522 522 
													</a>
523 523 
												</li>
524 
												<li class="with-checkbox row select-net">
524 
												<li class="trigger-checkbox row select-net">
525 525 
													<h3 class="net-name">
526 526 
														<span class="net-icons">
527 527 
															<span class="snf-network-full"></span>
......
543 543 
														<h3>My tags</h3>
544 544 
														<span>select</span>
545 545 
													</li>
546 
													<li class="with-checkbox">
546 
													<li class="trigger-checkbox">
547 547 
														<h3>
548 548 
															<span class="tag-demo tag4"></span>
549 549 
															Operating system
550 550 
														</h3>
551 551 
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
552 552 
													</li>
553 
													<li class="with-checkbox">
553 
													<li class="trigger-checkbox">
554 554 
														<h3>
555 555 
															<span class="tag-demo tag5"></span>
556 556 
															Pirate PC1
557 557 
														</h3>
558 558 
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
559 559 
													</li>
560 
													<li class="with-checkbox">
560 
													<li class="trigger-checkbox">
561 561 
														<h3>
562 562 
															<span class="tag-demo tag6"></span>
563 563 
															Pirate PC1
......
789 789 
		<section class="main row">
790 790 
			<div class="vms entities grid-view">
791 791 
				<ul class="items-list">
792 
					<li data-status="add-new" class="add-new" data-overlay-id="vm-wizard">
792 
					<li data-status="add-new" class="add-new not-selectable" data-overlay-id="vm-wizard">
793 793 
						<div class="container">
794 794 
							<div class="check"></div>
795 795 
							<div class="img-wrap">
......
821 821 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
822 822 
						</div>
823 823 
						<div class="container">
824 
							<div class="check">
824 
							<a href="" class="check">
825 825 
								<span class="snf-checkbox-unchecked"></span>
826 
							</div>
826 
							</a>
827 827 
							<div class="img-wrap">
828 828 
								<span class="snf-pc-full snf-font incomplete"></span>
829 829 
								<span class="snf-pc-full snf-font complete"></span>
......
865 865 
							<div class="name">vm name 1</div>
866 866 
						</div>
867 867 
						<div class="container">
868 
							<div class="check">
868 
							<a href="" class="check">
869 869 
								<span class="snf-checkbox-unchecked"></span>
870 
							</div>
870 
							</a>
871 871 
							<div class="img-wrap">
872 872 
								<span class="snf-pc-full snf-font"></span>
873 873 
								<span class="os">unknown</span>
......
908 908 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
909 909 
						</div>
910 910 
						<div class="container">
911 
							<div class="check">
911 
							<a href="" class="check">
912 912 
								<span class="snf-checkbox-unchecked"></span>
913 
							</div>
913 
							</a>
914 914 
							<div class="img-wrap">
915 915 
								<span class="snf-pc-full snf-font"></span>
916 916 
								<span class="os fedora">fedora</span>
......
950 950 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
951 951 
						</div>
952 952 
						<div class="container">
953 
							<div class="check">
953 
							<a href="" class="check">
954 954 
								<span class="snf-checkbox-unchecked"></span>
955 
							</div>
955 
							</a>
956 956 
							<div class="img-wrap">
957 957 
								<span class="snf-pc-full snf-font"></span>
958 958 
								<span class="os kubuntu">kubuntu</span>
......
994 994 
							<div class="name">vm name 1 </div>
995 995 
						</div>
996 996 
						<div class="container">
997 
							<div class="check">
997 
							<a href="" class="check">
998 998 
								<span class="snf-checkbox-unchecked"></span>
999 
							</div>
999 
							</a>
1000 1000 
							<div class="img-wrap">
1001 1001 
								<span class="snf-pc-full snf-font"></span>
1002 1002 
								<span class="os kubuntu">kubuntu</span>
......
1036 1036 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1037 1037 
						</div>
1038 1038 
						<div class="container">
1039 
							<div class="check">
1039 
							<a href="" class="check">
1040 1040 
								<span class="snf-checkbox-unchecked"></span>
1041 
							</div>
1041 
							</a>
1042 1042 
							<div class="img-wrap">
1043 1043 
								<div class="img running">
1044 1044 
									<span class="snf-pc-full snf-font"></span>
......
1082 1082 
							<div class="name">short name</div>
1083 1083 
						</div>
1084 1084 
						<div class="container">
1085 
							<div class="check">
1085 
							<a href="" class="check">
1086 1086 
								<span class="snf-checkbox-unchecked"></span>
1087 
							</div>
1087 
							</a>
1088 1088 
							<div class="img-wrap">
1089 1089 
								<span class="snf-pc-full snf-font"></span>
1090 1090 
								<span class="os kubuntu">kubuntu</span>
......
1127 1127 
							<div class="name">short name</div>
1128 1128 
						</div>
1129 1129 
						<div class="container">
1130 
							<div class="check">
1130 
							<a href="" class="check">
1131 1131 
								<span class="snf-checkbox-unchecked"></span>
1132 
							</div>
1132 
							</a>
1133 1133 
							<div class="img-wrap">
1134 1134 
								<span class="snf-pc-full snf-font"></span>
1135 1135 
								<span class="os fedora">fedora</span>
......
1168 1168 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1169 1169 
						</div>
1170 1170 
						<div class="container">
1171 
							<div class="check">
1171 
							<a href="" class="check">
1172 1172 
								<span class="snf-checkbox-unchecked"></span>
1173 
							</div>
1173 
							</a>
1174 1174 
							<div class="img-wrap">
1175 1175 
								<span class="snf-pc-full snf-font"></span>
1176 1176 
								<span class="os fedora">fedora</span>
......
1210 1210 
							<div class="name">vm name 1 really large name vm name vm 1 really large name vm</div>
1211 1211 
						</div>
1212 1212 
						<div class="container">
1213 
							<div class="check">
1213 
							<a href="" class="check">
1214 1214 
								<span class="snf-checkbox-unchecked"></span>
1215 
							</div>
1215 
							</a>
1216 1216 
							<div class="img-wrap">
1217 1217 
								<span class="snf-pc-full snf-font"></span>
1218 1218 
								<span class="os fedora">fedora</span>
......
1241 1241 
				</div>
1242 1242 
				<div class="lt-bar">
1243 1243 
					<ul class="lt-actions">
1244 
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
1244 
						<li class="select trigger-checkbox">
1245 
							<a href="" class="check">
1246 
								<span class="snf-checkbox-unchecked checkbox"></span>
1247 
							</a>
1248 
							<em>Un</em>Select all
1249 
						</li>
1245 1250 
						<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li>
1246 1251 
						<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li>
1247 1252 
						<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li>
......
1297 1302
1298 1303 
	<script type="text/javascript" src="javascripts/wizard.js"></script>
1299 1304 
	<script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script>
1305 
	<script type="text/javascript" src="javascripts/checkboxes-radiobuttons.js"></script>
1300 1306 
  <script>
1301 1307 
    $(document).foundation();
1302 1308 
    $(document).ready(function() {

Also available in: Unified diff