Revision dfc437e3
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html | ||
|---|---|---|
| 27 | 27 |
<ul> |
| 28 | 28 |
<li><a href="vm_list.html">VMs list page</a></li> |
| 29 | 29 |
<li><a href="vm_list_no_vms.html">VMs list with no machine</a></li> |
| 30 |
<li><a href="vm_details.html">VM Details</a></li> |
|
| 30 | 31 |
<li><a href="network_list.html">Networks list page</a></li> |
| 32 |
<li><a href="network_details.html">Network Details</a></li> |
|
| 33 |
<li><a href="volumes_list.html">Volumes list</a></li> |
|
| 34 |
<li><a href="images_list.html">Images list</a></li> |
|
| 35 |
<li><a href="snapshots_list.html">Snapshots list</a></li> |
|
| 31 | 36 |
</ul> |
| 32 |
<!-- |
|
| 33 |
<h2>Kpal designs with our suggestions</h2> |
|
| 34 |
<ul> |
|
| 35 |
<li><a href="vm_list_v2.html">VMs list page</a> (kpal with our suggestions)</li> |
|
| 36 |
|
|
| 37 |
</ul> |
|
| 38 |
--> |
|
| 39 |
</div> |
|
| 37 |
</div> |
|
| 40 | 38 |
|
| 41 | 39 |
<script> |
| 42 | 40 |
document.write('<script src=' +
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_details.scss | ||
|---|---|---|
| 188 | 188 |
top: $header-height + $bar-height + 35px; |
| 189 | 189 |
left: 50%; |
| 190 | 190 |
margin-left: - ($row-width/2 - emCalc(10px)); |
| 191 |
border: 1px solid white; |
|
| 191 | 192 |
|
| 192 | 193 |
} |
| 193 | 194 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8259 | 8259 |
top: 145px; |
| 8260 | 8260 |
left: 50%; |
| 8261 | 8261 |
margin-left: -30.625em; |
| 8262 |
border: 1px solid white; |
|
| 8262 | 8263 |
} |
| 8263 | 8264 |
|
| 8264 |
/* line 196, ../sass/_details.scss */
|
|
| 8265 |
/* line 197, ../sass/_details.scss */
|
|
| 8265 | 8266 |
.list-availables > span {
|
| 8266 | 8267 |
margin-bottom: 1em; |
| 8267 | 8268 |
display: inline-block; |
| 8268 | 8269 |
} |
| 8269 |
/* line 200, ../sass/_details.scss */
|
|
| 8270 |
/* line 201, ../sass/_details.scss */
|
|
| 8270 | 8271 |
.list-availables ul {
|
| 8271 | 8272 |
list-style-type: none; |
| 8272 | 8273 |
} |
| 8273 |
/* line 202, ../sass/_details.scss */
|
|
| 8274 |
/* line 203, ../sass/_details.scss */
|
|
| 8274 | 8275 |
.list-availables ul li {
|
| 8275 | 8276 |
line-height: 2.5em; |
| 8276 | 8277 |
} |
| 8277 |
/* line 204, ../sass/_details.scss */
|
|
| 8278 |
/* line 205, ../sass/_details.scss */
|
|
| 8278 | 8279 |
.list-availables ul li span {
|
| 8279 | 8280 |
display: inline-block; |
| 8280 | 8281 |
} |
| 8281 |
/* line 206, ../sass/_details.scss */
|
|
| 8282 |
/* line 207, ../sass/_details.scss */
|
|
| 8282 | 8283 |
.list-availables ul li span:not(:last-child), .list-availables ul li span span:not(:first-child) {
|
| 8283 | 8284 |
margin-right: 20px; |
| 8284 | 8285 |
} |
| 8285 |
/* line 209, ../sass/_details.scss */
|
|
| 8286 |
/* line 210, ../sass/_details.scss */
|
|
| 8286 | 8287 |
.list-availables ul li span:first-child {
|
| 8287 | 8288 |
margin-right: 30px; |
| 8288 | 8289 |
} |
| 8289 |
/* line 212, ../sass/_details.scss */
|
|
| 8290 |
/* line 213, ../sass/_details.scss */
|
|
| 8290 | 8291 |
.list-availables ul li span.snf-font {
|
| 8291 | 8292 |
vertical-align: middle; |
| 8292 | 8293 |
} |
| 8293 |
/* line 214, ../sass/_details.scss */
|
|
| 8294 |
/* line 215, ../sass/_details.scss */
|
|
| 8294 | 8295 |
.list-availables ul li span.snf-font.snf-network-full, .list-availables ul li span.snf-font.snf-volume-full {
|
| 8295 | 8296 |
font-size: 24px; |
| 8296 | 8297 |
color: #30c79e; |
| 8297 | 8298 |
} |
| 8298 |
/* line 219, ../sass/_details.scss */
|
|
| 8299 |
/* line 220, ../sass/_details.scss */
|
|
| 8299 | 8300 |
.list-availables ul li span.name {
|
| 8300 | 8301 |
width: 50%; |
| 8301 | 8302 |
} |
| 8302 | 8303 |
|
| 8303 |
/* line 228, ../sass/_details.scss */
|
|
| 8304 |
/* line 229, ../sass/_details.scss */
|
|
| 8304 | 8305 |
.select-list {
|
| 8305 | 8306 |
border: 0 !important; |
| 8306 | 8307 |
/*Removes border*/ |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html | ||
|---|---|---|
| 7 | 7 |
<head> |
| 8 | 8 |
<meta charset="utf-8" /> |
| 9 | 9 |
<meta name="viewport" content="width=device-width" /> |
| 10 |
<title>Synnefo | VM list</title>
|
|
| 10 |
<title>VMs list</title>
|
|
| 11 | 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 | 12 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 13 | 13 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
| ... | ... | |
| 24 | 24 |
<ul class="icons-nav"> |
| 25 | 25 |
<li><a href="vm_list.html" data-tooltip class="has-tip current" title="Machines"><span class="snf-pc-outline"></span></a></li> |
| 26 | 26 |
<li><a href="network_list.html" data-tooltip class="has-tip" title="Networks"><span class="snf-network-outline"></span></a></li> |
| 27 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><span class="snf-volume-outline"></span></a></li> |
|
| 28 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li>
|
|
| 29 |
<li><a href="" data-tooltip class="has-tip" title="Images" ><span class="snf-image-outline"></span></a></li>
|
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot-outline"></span></a></li>
|
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li>
|
|
| 27 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-volume-outline"></span></a></li>
|
|
| 28 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
|
| 29 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
| 30 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li>
|
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 32 | 32 |
</ul> |
| 33 | 33 |
</nav> |
| 34 | 34 |
<div class="login"> |
| ... | ... | |
| 457 | 457 |
</li> |
| 458 | 458 |
</ul> |
| 459 | 459 |
<div> |
| 460 |
<a href="" class="btn5" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a> |
|
| 460 |
<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
|
|
| 461 | 461 |
</div> |
| 462 | 462 |
</div> |
| 463 | 463 |
</div> |
| ... | ... | |
| 684 | 684 |
<p> |
| 685 | 685 |
Note: We do not keep it! I f you don't download now you cannot access it in the future. |
| 686 | 686 |
</p> |
| 687 |
<p class="buttons"><a href="" class="btn4">ok</a></p> |
|
| 687 | 688 |
</div> |
| 688 | 689 |
<div class="import-key-area"> |
| 689 | 690 |
<div class="key-name"> |
| ... | ... | |
| 719 | 720 |
<a href="" class="edit">edit</a> |
| 720 | 721 |
<a href="">remove</a> |
| 721 | 722 |
</div> |
| 722 |
<div class="import-key-area"> |
|
| 723 |
<div class="key-name"> |
|
| 724 |
<label>key name 1</label> |
|
| 725 |
<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
|
| 726 |
</div> |
|
| 727 |
<div class="error-msg"></div> |
|
| 728 |
<div class="key-content"> |
|
| 729 |
<textarea></textarea> |
|
| 730 |
</div> |
|
| 731 | 723 |
</li> |
| 732 | 724 |
<li> |
| 733 | 725 |
<div class="name-col">key name 2</div> |
| ... | ... | |
| 737 | 729 |
<a href="" class="edit">edit</a> |
| 738 | 730 |
<a href="">remove</a> |
| 739 | 731 |
</div> |
| 740 |
<div class="import-key-area"> |
|
| 741 |
<div class="key-name"> |
|
| 742 |
<label>key name 2</label> |
|
| 743 |
<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
|
| 744 |
</div> |
|
| 745 |
<div class="error-msg"></div> |
|
| 746 |
<div class="key-content"> |
|
| 747 |
<label>Key name</label> |
|
| 748 |
<textarea></textarea> |
|
| 749 |
</div> |
|
| 750 | 732 |
</li> |
| 751 | 733 |
</ul> |
| 752 |
<p class="buttons"><a href="" class="btn4">OK</a></p>
|
|
| 734 |
<p class="buttons"><a href="" class="btn4 close-reveal-modal">close</a></p>
|
|
| 753 | 735 |
</div> |
| 754 | 736 |
|
| 755 | 737 |
<div id="vm-connect" class="reveal-modal medium"> |
| ... | ... | |
| 783 | 765 |
<section class="actions-bar clearfix"> |
| 784 | 766 |
<h2>Virtual Machines</h2> |
| 785 | 767 |
<div class="view-type"> |
| 786 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
|
| 787 | 768 |
<a href="" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
| 769 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
|
| 770 |
<a href="vm_details.html" class="single" title="single view"></a> |
|
| 788 | 771 |
</div> |
| 789 | 772 |
<div class="filter-menu"> |
| 790 | 773 |
<div><a class="filter" href="">Filter</a></div> |
| ... | ... | |
| 811 | 794 |
<span class="snf-checkbox-unchecked"></span> |
| 812 | 795 |
</div> |
| 813 | 796 |
<div class="img-wrap"> |
| 814 |
<span class="snf-pc-full"></span> |
|
| 815 |
<span class="os symbol">+</span> |
|
| 797 |
<span class="snf-pc-create-full snf-font"></span> |
|
| 816 | 798 |
</div> |
| 817 |
<h4 tilte="create new machine">New Machine</h4>
|
|
| 799 |
<h4>New Machine</h4> |
|
| 818 | 800 |
</div> |
| 819 | 801 |
</li> |
| 820 | 802 |
</ul> |
| 803 |
<div class="communication-error"> |
|
| 804 |
<p>Sorry! Something went wrong!<br>Try again, but if you keep seeing this message please contact us through the feedback form.</p> |
|
| 805 |
<p class="buttons"> |
|
| 806 |
<a class="btn5" href="">feedback</a> |
|
| 807 |
<a href="" class="btn5">close</a> |
|
| 808 |
</p> |
|
| 809 |
</div> |
|
| 821 | 810 |
<div class="lt-bar"> |
| 822 | 811 |
<ul class="lt-actions"> |
| 823 | 812 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li> |
Also available in: Unified diff