Revision 775d43ea snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
|---|---|---|
| 142 | 142 |
|
| 143 | 143 |
|
| 144 | 144 |
<section class="actions-bar clearfix"> |
| 145 |
<div class="row"> |
|
| 146 |
<div class="new-btn"> |
|
| 147 |
<a data-overlay-id="#network-wizard" href="#"><span>+</span> NEW NETWORK </a></div> |
|
| 148 |
<div class="main-actions"> |
|
| 149 |
<ul> |
|
| 150 |
<li class="running" ><a href="">Reboot</a></li> |
|
| 151 |
<li class="running"><a href="">Shutdown</a></li> |
|
| 152 |
<li class="both"><a href="">Destroy</a></li> |
|
| 153 |
<li class="stopped"><a href="">Start</a></li> |
|
| 154 |
<!-- in case we want an action always activated |
|
| 155 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
|
| 156 |
</ul> |
|
| 157 |
</div> |
|
| 145 |
<h2>Network Overview</h2> |
|
| 146 |
<div id="search-utility" class="search"> |
|
| 147 |
<span class="snf-search"></span> |
|
| 148 |
<form> |
|
| 149 |
<input class="snf-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
|
| 150 |
</form> |
|
| 158 | 151 |
</div> |
| 159 |
<div class="border-dashed"></div> |
|
| 152 |
<div class="filter-menu"> |
|
| 153 |
<a class="filter" href="">Filter</a> |
|
| 154 |
<ul class="options"> |
|
| 155 |
<li><a href=""> set an option</a></li> |
|
| 156 |
<li><a href=""> set an option</a></li> |
|
| 157 |
<li><a href=""> set an option</a></li> |
|
| 158 |
<li><a href=""> set an option</a></li> |
|
| 159 |
</ul> |
|
| 160 |
</div> |
|
| 161 |
<div class="view-type"> |
|
| 162 |
<a href="" class="list"><span class="snf-list"></span></a> |
|
| 163 |
<a href="" class="grid"><span class="snf-layout current"></span></a> |
|
| 164 |
</div> |
|
| 160 | 165 |
</section> |
| 161 | 166 |
<section class="main row"> |
| 162 | 167 |
<div class="networks entities"> |
| 163 | 168 |
<ul class="items-list small-block-grid-2 large-block-grid-3 sortable"> |
| 164 | 169 |
<li data-order="0"> |
| 170 |
<div class="add-new"><a data-overlay-id="#network-wizard" href="#">NEW<br>NETWORK</a></div> |
|
| 171 |
</li> |
|
| 172 |
<li data-order="1"> |
|
| 165 | 173 |
<div class="container"> |
| 166 | 174 |
<div class="img-wrap"> |
| 167 | 175 |
<div class="img running"> |
| ... | ... | |
| 177 | 185 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
| 178 | 186 |
</div> |
| 179 | 187 |
</li> |
| 180 |
<li data-order="1">
|
|
| 188 |
<li data-order="2">
|
|
| 181 | 189 |
<div class="container"> |
| 182 | 190 |
<div class="img-wrap"> |
| 183 | 191 |
<div class="img running"> |
| ... | ... | |
| 193 | 201 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
| 194 | 202 |
</div> |
| 195 | 203 |
</li> |
| 196 |
<li data-order="2">
|
|
| 204 |
<li data-order="3">
|
|
| 197 | 205 |
<div class="container"> |
| 198 | 206 |
<div class="img-wrap"> |
| 199 | 207 |
<div class="img running"> |
| ... | ... | |
| 209 | 217 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
| 210 | 218 |
</div> |
| 211 | 219 |
</li> |
| 212 |
<li data-order="3"> |
|
| 213 |
<div class="add-new"><a data-overlay-id="#network-wizard" href="#">NEW<br>NETWORK</a></div> |
|
| 214 |
</li> |
|
| 215 | 220 |
</ul> |
| 216 | 221 |
</div> |
| 217 | 222 |
</section> |
Also available in: Unified diff