Revision 9ea77c4b snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html

b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
102 102
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>
103 103
											<a href="" class="name-col el1">Kubuntu</a>
104 104
											<div class="size-col">3.13 GB</div>
105
											<div class="btn-col"><a href="">details</a></div>
105
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
106 106
										</div>
107 107
										<div class="details">
108 108
											<div class="row">
......
129 129
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>
130 130
											<a href="" class="name-col">Kubuntu LTS (by Kpal)</a>
131 131
											<div class="size-col">10GB</div>
132
											<div class="btn-col"><a href="">details</a></div>
132
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
133 133
										</div>
134 134
										<div class="details">
135 135
											<div class="row">
......
156 156
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
157 157
											<a href="" class="name-col">Fedora (by Athina)</a>
158 158
											<div class="size-col">10GB</div>
159
											<div class="btn-col"><a href="">details</a></div>
159
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
160 160
										</div>
161 161
										<div class="details">
162 162
											<div class="row">
......
183 183
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
184 184
											<a href="" class="name-col">Fedora (by Athina)</a>
185 185
											<div class="size-col">3.67 GB</div>
186
											<div class="btn-col"><a href="">details</a></div>
186
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
187 187
										</div>
188 188
										<div class="details">
189 189
											<div class="row">
......
210 210
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
211 211
											<a href="" class="name-col">Windows Server 2012</a>
212 212
											<div class="size-col">13.66 GB</div>
213
											<div class="btn-col"><a href="">details</a></div>
213
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
214 214
										</div>
215 215
										<div class="details">
216 216
											<div class="row">
......
237 237
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
238 238
											<a href="" class="name-col">Windows Server 2012</a>
239 239
											<div class="size-col">13.66 GB</div>
240
											<div class="btn-col"><a href="">details</a></div>
240
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
241 241
										</div>
242 242
										<div class="details">
243 243
											<div class="row">
......
264 264
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
265 265
											<a href="" class="name-col">Windows Server 2008</a>
266 266
											<div class="size-col">10.79 GB</div>
267
											<div class="btn-col"><a href="" data-next="el3">details</a></div>
267
											<div class="btn-col"><a href="" class="wrap-a" data-next="el3">details</a></div>
268 268
										</div>
269 269
										<div class="details">
270 270
											<div class="row">
......
321 321
													</div>
322 322
												</div>
323 323
												<ul class="options with-flavor">
324
													<li><a href="" class="small current preselected " data-help="help text for 1">1</a></li>
325
													<li><a href="" class="medium" data-help="help text for 2">2</a></li>
326
													<li><a href="" class="large disabled" data-help="help text for 3">3</a></li>
327
													<li><a href="" class="disabled" data-help="help text for 4">4</a></li>
324
													<li><a href="" class="small current preselected  wrap-a" data-help="help text for 1">1</a></li>
325
													<li><a href="" class="medium wrap-a" data-help="help text for 2">2</a></li>
326
													<li><a href="" class="large disabled wrap-a" data-help="help text for 3">3</a></li>
327
													<li><a href="" class="disabled wrap-a" data-help="help text for 4">4</a></li>
328 328
												</ul>
329 329
											</div>
330 330
										</li>
......
351 351
													</div>
352 352
												</div>
353 353
												<ul class="options with-flavor">
354
													<li><a href="" class="small current preselected">1024</a></li>
355
													<li><a href="" class="medium">2048</a></li>
356
													<li><a href="" class="large">4096</a></li>
354
													<li><a href="" class="small current preselected wrap-a">1024</a></li>
355
													<li><a href="" class="medium wrap-a">2048</a></li>
356
													<li><a href="" class="large wrap-a">4096</a></li>
357 357
												</ul>
358 358
											</div>
359 359
										</li>
......
379 379
													</div>
380 380
												</div>
381 381
												<ul class="options with-flavor">
382
													<li><a href="" class="small current preselected">10</a></li>
383
													<li><a href="" class="medium">20</a></li>
384
													<li><a href="" class="large">30</a></li>
385
													<li><a href="">40</a></li>
382
													<li><a href="" class="small current preselected wrap-a">10</a></li>
383
													<li><a href="" class="medium wrap-a">20</a></li>
384
													<li><a href="" class="large wrap-a">30</a></li>
385
													<li><a href="" class="wrap-a">40</a></li>
386 386
												</ul>
387 387
											</div>
388 388
										</li>
......
408 408
													</div>
409 409
												</div>
410 410
												<ul class="options vm-storage-selection">
411
													<li><a href="" class="current preselected">DRBD</a></li>
412
													<li><a href="" data-next="el3">Archipelago</a></li>
411
													<li><a href="" class="current preselected wrap-a">DRBD</a></li>
412
													<li><a href="" data-next="el3" class="wrap-a">Archipelago</a></li>
413 413
												</ul>
414 414
											</div>
415 415
										</li>
......
458 458
													</li>
459 459
												</ul>
460 460
												<div>
461
													<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
461
													<a href="" class="btn5 wrap-a" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
462 462
												</div>
463 463
											</div>
464 464
										</div>
......
491 491
															<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
492 492
														</div>
493 493
														<div>
494
															<a href="" class="btn5">allocate ip</a>
494
															<a href="" class="btn5 wrap-a">allocate ip</a>
495 495
														</div>
496 496
													</div>
497 497
												</li>
......
565 565
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
566 566
													</li>
567 567
												</ul>
568
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add new Tag</a></div>
568
												<div ><a class="btn5 show-add-tag wrap-a" href="" id="show-add-tag">add new Tag</a></div>
569 569
												<div class="snf-color-picker">
570 570
													<form action="#" method="post">
571 571
														<div id="picker">
......
583 583
														</div>
584 584
													</form>									
585 585
													<div class="btns">
586
														<a class="btn5" href="">OK</a>
587
														<a class="btn5 hide-add-tag" href="">CANCEL</a>
586
														<a class="btn5 wrap-a" href="">OK</a>
587
														<a class="btn5 hide-add-tag wrap-a" href="">CANCEL</a>
588 588
													</div>
589 589
													<a href="" id="hide-add-tag-dummy" style="position:relative;top:50px">&nbsp;</a>
590 590
												</div>
......
744 744
			</div>
745 745
			<div id="start-confirm" class="reveal-modal medium">
746 746
				<p class="message-forimg">Are you sure you want to turn on your machine?</p>
747
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
747
				<p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p>
748 748
				<a class="close-reveal-modal" title="close window">x</a>
749 749
			</div>
750 750
			<div id="reboot-confirm" class="reveal-modal medium">
751 751
				<p class="message-forimg">Are you sure you want to reboot your machine?</p>
752
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
752
				<p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p>
753 753
				<a class="close-reveal-modal" title="close window">x</a>
754 754
			</div>
755 755
			<div id="shutdown-confirm" class="reveal-modal medium">
756 756
				<p class="message-forimg">Are you sure you want to shutdown your machine?</p>
757
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
757
				<p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p>
758 758
				<a class="close-reveal-modal" title="close window">x</a>
759 759
			</div>
760 760
			<div id="destroy-vm-confirm" class="reveal-modal medium">
761 761
				<p class="message-forimg">Are you sure you want to destroy your machine?</p>
762
				<p class="buttons"><a href="" class="btn4">YES</a><a href="" class="btn4">NO</a></p>
762
				<p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p>
763 763
				<a class="close-reveal-modal" title="close window">x</a>
764 764
			</div>
765 765
		</section>

Also available in: Unified diff