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"> </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