Revision db1f3b94 snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 84 | 84 |
<section class="main onecol"> |
| 85 | 85 |
|
| 86 | 86 |
<div class="vms entities"> |
| 87 |
<ul class="items-list small-block-grid-2 large-block-grid-3"> |
|
| 87 |
<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
|
|
| 88 | 88 |
<li data-order="0"> |
| 89 | 89 |
<div class="container"> |
| 90 | 90 |
<div class="options"> |
| 91 | 91 |
<div class="wrap"> |
| 92 |
|
|
| 93 |
<div class="details"> |
|
| 94 |
<a href="vm_details.html">details</a> |
|
| 95 |
<div class="info-box"> |
|
| 96 |
<h2>VM full name</h2> |
|
| 97 |
<p>blah blah</p> |
|
| 98 |
<dl> |
|
| 99 |
<dt>Status</dt> |
|
| 100 |
<dd>running</dd> |
|
| 101 |
<dt>OS</dt> |
|
| 102 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 103 |
<dt>IPv4</dt> |
|
| 104 |
<dd>83.212.97.127</dd> |
|
| 105 |
</dl> |
|
| 106 |
</div> |
|
| 107 |
</div> |
|
| 92 |
<a href="vm_details.html" class="details">details</a> |
|
| 108 | 93 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 109 | 94 |
</div> |
| 110 | 95 |
</div> |
| ... | ... | |
| 120 | 105 |
<span class="title"><em>vm name 1 really large name</em></span> |
| 121 | 106 |
</p> |
| 122 | 107 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 123 |
|
|
| 108 |
<div class="info-box"> |
|
| 109 |
<h2>VM full name</h2> |
|
| 110 |
<p>blah blah</p> |
|
| 111 |
<dl> |
|
| 112 |
<dt>Status</dt> |
|
| 113 |
<dd>running</dd> |
|
| 114 |
<dt>OS</dt> |
|
| 115 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 116 |
<dt>IPv4</dt> |
|
| 117 |
<dd>83.212.97.127</dd> |
|
| 118 |
</dl> |
|
| 119 |
</div> |
|
| 124 | 120 |
</div> |
| 125 | 121 |
</li> |
| 126 | 122 |
<li data-order="1"> |
| ... | ... | |
| 128 | 124 |
<div class="options"> |
| 129 | 125 |
<div class="wrap"> |
| 130 | 126 |
|
| 131 |
<a href="vm_details.html">details</a> |
|
| 127 |
<a href="vm_details.html" class="details">details</a>
|
|
| 132 | 128 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 133 | 129 |
</div> |
| 134 | 130 |
</div> |
| ... | ... | |
| 144 | 140 |
<span class="title"><em>vm name 2</em></span> |
| 145 | 141 |
</p> |
| 146 | 142 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 147 |
|
|
| 143 |
<div class="info-box"> |
|
| 144 |
<h2>VM full name</h2> |
|
| 145 |
<p>blah blah</p> |
|
| 146 |
<dl> |
|
| 147 |
<dt>Status</dt> |
|
| 148 |
<dd>running</dd> |
|
| 149 |
<dt>OS</dt> |
|
| 150 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 151 |
<dt>IPv4</dt> |
|
| 152 |
<dd>83.212.97.127</dd> |
|
| 153 |
</dl> |
|
| 154 |
</div> |
|
| 148 | 155 |
</div> |
| 149 | 156 |
</li> |
| 150 | 157 |
<li data-order="2"> |
| ... | ... | |
| 152 | 159 |
<div class="options"> |
| 153 | 160 |
<div class="wrap"> |
| 154 | 161 |
|
| 155 |
<a href="vm_details.html">details</a> |
|
| 162 |
<a href="vm_details.html" class="details">details</a>
|
|
| 156 | 163 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 157 | 164 |
</div> |
| 158 | 165 |
</div> |
| ... | ... | |
| 168 | 175 |
<span class="title"><em>vm name 3</em></span> |
| 169 | 176 |
</p> |
| 170 | 177 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 171 |
|
|
| 178 |
<div class="info-box"> |
|
| 179 |
<h2>VM full name</h2> |
|
| 180 |
<p>blah blah</p> |
|
| 181 |
<dl> |
|
| 182 |
<dt>Status</dt> |
|
| 183 |
<dd>running</dd> |
|
| 184 |
<dt>OS</dt> |
|
| 185 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 186 |
<dt>IPv4</dt> |
|
| 187 |
<dd>83.212.97.127</dd> |
|
| 188 |
</dl> |
|
| 189 |
</div> |
|
| 172 | 190 |
</div> |
| 173 | 191 |
</li> |
| 174 | 192 |
<li data-order="3"> |
| ... | ... | |
| 176 | 194 |
<div class="options"> |
| 177 | 195 |
<div class="wrap"> |
| 178 | 196 |
|
| 179 |
<a href="vm_details.html">details</a> |
|
| 197 |
<a href="vm_details.html" class="details">details</a>
|
|
| 180 | 198 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 181 | 199 |
</div> |
| 182 | 200 |
</div> |
| ... | ... | |
| 192 | 210 |
<span class="title"><em>vm name 4</em></span> |
| 193 | 211 |
</p> |
| 194 | 212 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 195 |
|
|
| 213 |
<div class="info-box"> |
|
| 214 |
<h2>VM full name</h2> |
|
| 215 |
<p>blah blah</p> |
|
| 216 |
<dl> |
|
| 217 |
<dt>Status</dt> |
|
| 218 |
<dd>running</dd> |
|
| 219 |
<dt>OS</dt> |
|
| 220 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 221 |
<dt>IPv4</dt> |
|
| 222 |
<dd>83.212.97.127</dd> |
|
| 223 |
</dl> |
|
| 224 |
</div> |
|
| 196 | 225 |
</div> |
| 197 | 226 |
</li> |
| 198 | 227 |
<li data-order="4"> |
| ... | ... | |
| 200 | 229 |
<div class="options"> |
| 201 | 230 |
<div class="wrap"> |
| 202 | 231 |
|
| 203 |
<a href="vm_details.html">details</a> |
|
| 232 |
<a href="vm_details.html" class="details">details</a>
|
|
| 204 | 233 |
<a href="#" data-reveal-id="vm-connect" class="connect">connect</a> |
| 205 | 234 |
</div> |
| 206 | 235 |
</div> |
| ... | ... | |
| 216 | 245 |
<span class="title"><em>vm name 5</em></span> |
| 217 | 246 |
</p> |
| 218 | 247 |
<a href="" class="check"><span class="custom_checkbox snf-custom-checkbox">a</span></a> |
| 219 |
|
|
| 248 |
<div class="info-box"> |
|
| 249 |
<h2>VM full name</h2> |
|
| 250 |
<p>blah blah</p> |
|
| 251 |
<dl> |
|
| 252 |
<dt>Status</dt> |
|
| 253 |
<dd>running</dd> |
|
| 254 |
<dt>OS</dt> |
|
| 255 |
<dd><img class="txt_size" src="images/os-windows.png"> Windows</dd> |
|
| 256 |
<dt>IPv4</dt> |
|
| 257 |
<dd>83.212.97.127</dd> |
|
| 258 |
</dl> |
|
| 259 |
</div> |
|
| 220 | 260 |
</div> |
| 221 | 261 |
</li> |
| 222 | 262 |
|
| ... | ... | |
| 272 | 312 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
| 273 | 313 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
| 274 | 314 |
<script type="text/javascript" src="javascripts/dropzone.js"></script> |
| 275 |
<<<<<<< HEAD |
|
| 276 |
======= |
|
| 277 |
|
|
| 278 |
>>>>>>> new ui: responsive design for entities list pages |
|
| 279 | 315 |
<script src="javascripts/common.js"></script> |
| 280 | 316 |
<script src="javascripts/glafkopis.js"></script> |
| 281 | 317 |
|
Also available in: Unified diff