Revision de9b2b51 snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
|---|---|---|
| 20 | 20 |
<nav> |
| 21 | 21 |
<ul class="icons-nav"> |
| 22 | 22 |
<li><a href="vm_list.html" data-tooltip class="has-tip" title="Machines"><span class="snf-PC"></span></a></li> |
| 23 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network_full"></span></a></li>
|
|
| 23 |
<li><a href="network_list.html" data-tooltip class="has-tip current" title="Networks"><span class="snf-network-full"></span></a></li>
|
|
| 24 | 24 |
<li><a href="volumes_list.html" data-tooltip class="has-tip" title="Disks"><span class="snf-HDD"></span></a></li> |
| 25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-Pithos"></span></a></li>
|
|
| 26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-images"></span></a></li>
|
|
| 25 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li>
|
|
| 26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li>
|
|
| 27 | 27 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot"></span></a></li> |
| 28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus"></span></a></li> |
|
| 28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
| 29 | 29 |
</ul> |
| 30 | 30 |
</nav> |
| 31 | 31 |
<div class="login"> |
| ... | ... | |
| 79 | 79 |
<span class="snf-checkbox-unchecked"></span> |
| 80 | 80 |
</div> |
| 81 | 81 |
<div class="img-wrap"> |
| 82 |
<span class="snf-network_full font-icon"></span>
|
|
| 82 |
<span class="snf-network-full snf-font"></span>
|
|
| 83 | 83 |
</div> |
| 84 | 84 |
<h4>vm name 1 really large name vm name vm 1 really large name vm</h4> |
| 85 | 85 |
<div class="actions"> |
| 86 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
| 87 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
| 86 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
| 87 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
| 88 | 88 |
</div> |
| 89 | 89 |
<div class= "status"> |
| 90 | 90 |
<span class="state"></span> |
| ... | ... | |
| 104 | 104 |
<span class="snf-checkbox-unchecked"></span> |
| 105 | 105 |
</div> |
| 106 | 106 |
<div class="img-wrap"> |
| 107 |
<span class="snf-network_full font-icon"></span>
|
|
| 107 |
<span class="snf-network-full snf-font"></span>
|
|
| 108 | 108 |
</div> |
| 109 | 109 |
<h4>Private Network</h4> |
| 110 | 110 |
<div class="actions"> |
| 111 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-lightning"></span></a>
|
|
| 112 |
<a href="vm_details.html" title="view vm details" class="snf-info_outline"></a>
|
|
| 111 |
<a href="" data-reveal-id="vm-connect" title="connect" class="connect"><span class="snf-thunder-full"></span></a>
|
|
| 112 |
<a href="vm_details.html" title="view vm details" class="snf-info-outline"></a>
|
|
| 113 | 113 |
</div> |
| 114 | 114 |
<div class= "status"> |
| 115 | 115 |
<span class="state">Error</span> |
| ... | ... | |
| 126 | 126 |
<section class="top"> |
| 127 | 127 |
<div class="lt"> |
| 128 | 128 |
<div class="img-wrap"> |
| 129 |
<span class="snf-network_full"></span>
|
|
| 129 |
<span class="snf-network-full"></span>
|
|
| 130 | 130 |
</div> |
| 131 | 131 |
</div> |
| 132 | 132 |
<div class="rt"> |
| ... | ... | |
| 141 | 141 |
</div> |
| 142 | 142 |
<div class="tabs"> |
| 143 | 143 |
<ul> |
| 144 |
<li><a href="#info"><span class="snf-info_outline"></span></a></li>
|
|
| 145 |
<li><a href="#vm-connected" class="active"><span class="snf-PC_fill font-icon"></span></a></li>
|
|
| 144 |
<li><a href="#info"><span class="snf-info-outline"></span></a></li>
|
|
| 145 |
<li><a href="#vm-connected" class="active"><span class="snf-pc-full snf-font"></span></a></li>
|
|
| 146 | 146 |
</ul> |
| 147 | 147 |
</div> |
| 148 | 148 |
</div> |
| ... | ... | |
| 151 | 151 |
<section class="info-block"> |
| 152 | 152 |
<h2>info</h2> |
| 153 | 153 |
<dl> |
| 154 |
<dt><span class="font-icon"></span>Project</dt>
|
|
| 154 |
<dt><span class="snf-font"></span>Project</dt>
|
|
| 155 | 155 |
<dd>Basic Project</dd> |
| 156 |
<dt><span class="font-icon"></span>Name</dt>
|
|
| 156 |
<dt><span class="snf-font"></span>Name</dt>
|
|
| 157 | 157 |
<dd>Public Network</dd> |
| 158 |
<dt><span class="snf-PC_fill font-icon"></span>Connected Machines</dt>
|
|
| 158 |
<dt><span class="snf-pc-full snf-font"></span>Connected Machines</dt>
|
|
| 159 | 159 |
<dd>4</dd> |
| 160 | 160 |
</dl> |
| 161 | 161 |
</section> |
| ... | ... | |
| 164 | 164 |
<section class="item error"> |
| 165 | 165 |
<div class="what"> |
| 166 | 166 |
<div class="img-wrap"> |
| 167 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 167 |
<span class="snf-pc-full snf-font"></span>
|
|
| 168 | 168 |
<span class="os fedora">fedora</span> |
| 169 | 169 |
</div> |
| 170 | 170 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| ... | ... | |
| 203 | 203 |
<section class="item running"> |
| 204 | 204 |
<div class="what"> |
| 205 | 205 |
<div class="img-wrap"> |
| 206 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 206 |
<span class="snf-pc-full snf-font"></span>
|
|
| 207 | 207 |
<span class="os fedora">fedora</span> |
| 208 | 208 |
</div> |
| 209 | 209 |
<h4>My Awesome Machine</h4> |
| ... | ... | |
| 266 | 266 |
<section class="item running"> |
| 267 | 267 |
<div class="what"> |
| 268 | 268 |
<div class="img-wrap"> |
| 269 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 269 |
<span class="snf-pc-full snf-font"></span>
|
|
| 270 | 270 |
<span class="os fedora">fedora</span> |
| 271 | 271 |
</div> |
| 272 | 272 |
<h4>My Awesome Machine<span class="status">BUILDING 798.56 MB of 4.33 GB (18%)</span></h4> |
| ... | ... | |
| 305 | 305 |
<section class="connect-new"> |
| 306 | 306 |
<div class="img-wrap"> |
| 307 | 307 |
<a href=""> |
| 308 |
<span class="snf-PC_fill font-icon"></span>
|
|
| 308 |
<span class="snf-pc-full snf-font"></span>
|
|
| 309 | 309 |
</a> |
| 310 | 310 |
</div> |
| 311 | 311 |
<p><a href="">Connect Machine</a></p> |
Also available in: Unified diff