Revision 969d4e10 snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html
b/snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html | ||
---|---|---|
82 | 82 |
<div class="step step-1 preselected current"> |
83 | 83 |
<h2 class="row">Your Archipelago Machines:</h2> |
84 | 84 |
<ul class="row vms-list"> |
85 |
<li>
|
|
86 |
<div class="img-wrap">
|
|
87 |
<span class="snf-pc-outline snf-font"></span>
|
|
88 |
</div>
|
|
89 |
<div class="name">no machine</div>
|
|
90 |
<a href=""><span class="snf-radio-checked prechecked"></span></a>
|
|
91 |
</li>
|
|
92 |
<li>
|
|
93 |
<div class="img-wrap">
|
|
94 |
<span class="snf-pc-full snf-font"></span>
|
|
95 |
<span class="os">unknown</span>
|
|
96 |
</div>
|
|
97 |
<div class="name">Machine Name</div>
|
|
98 |
<a href=""><span class="snf-radio-unchecked"></span></a>
|
|
99 |
</li>
|
|
100 |
<li>
|
|
101 |
<div class="img-wrap">
|
|
102 |
<span class="snf-pc-full snf-font"></span>
|
|
103 |
<span class="os">unknown</span>
|
|
104 |
</div>
|
|
105 |
<div class="name">A Longer Machine Name</div>
|
|
106 |
<a href=""><span class="snf-radio-unchecked"></span></a>
|
|
107 |
</li>
|
|
108 |
<li>
|
|
109 |
<div class="img-wrap">
|
|
110 |
<span class="snf-pc-full snf-font"></span>
|
|
111 |
<span class="os">unknown</span>
|
|
112 |
</div>
|
|
113 |
<div class="name">Shorty</div>
|
|
114 |
<a href=""><span class="snf-radio-unchecked"></span></a>
|
|
115 |
</li>
|
|
116 |
</ul>
|
|
85 |
<li class="trigger-radiobtn selected">
|
|
86 |
<div class="img-wrap"> |
|
87 |
<span class="snf-pc-outline snf-font"></span> |
|
88 |
</div> |
|
89 |
<div class="name">no machine</div> |
|
90 |
<a href="" class="radiobtn"><span class="snf-radio-checked prechecked"></span></a>
|
|
91 |
</li> |
|
92 |
<li class="trigger-radiobtn">
|
|
93 |
<div class="img-wrap"> |
|
94 |
<span class="snf-pc-full snf-font"></span> |
|
95 |
<span class="os">unknown</span> |
|
96 |
</div> |
|
97 |
<div class="name">Machine Name</div> |
|
98 |
<a href="" class="radiobtn"><span class="snf-radio-unchecked"></span></a>
|
|
99 |
</li> |
|
100 |
<li class="trigger-radiobtn">
|
|
101 |
<div class="img-wrap"> |
|
102 |
<span class="snf-pc-full snf-font"></span> |
|
103 |
<span class="os">unknown</span> |
|
104 |
</div> |
|
105 |
<div class="name">A Longer Machine Name</div> |
|
106 |
<a href="" class="radiobtn"><span class="snf-radio-unchecked"></span></a>
|
|
107 |
</li> |
|
108 |
<li class="trigger-radiobtn">
|
|
109 |
<div class="img-wrap"> |
|
110 |
<span class="snf-pc-full snf-font"></span> |
|
111 |
<span class="os">unknown</span> |
|
112 |
</div> |
|
113 |
<div class="name">Shorty</div> |
|
114 |
<a href="" class="radiobtn"><span class="snf-radio-unchecked"></span></a>
|
|
115 |
</li> |
|
116 |
</ul> |
|
117 | 117 |
</div> |
118 | 118 |
</div> |
119 | 119 |
</div> |
... | ... | |
158 | 158 |
<section class="main row"> |
159 | 159 |
<div class="snapshots entities grid-view"> |
160 | 160 |
<ul class="items-list"> |
161 |
<li data-status="add-new" class="add-new" data-overlay-id="snapshot-wizard"> |
|
161 |
<li data-status="add-new" class="add-new not-selectable" data-overlay-id="snapshot-wizard">
|
|
162 | 162 |
<div class="container"> |
163 | 163 |
<div class="check"></div> |
164 | 164 |
<div class="img-wrap"> |
... | ... | |
189 | 189 |
<div class="name">Snapshot Name</div> |
190 | 190 |
</div> |
191 | 191 |
<div class="container"> |
192 |
<div class="check">
|
|
192 |
<a href="" class="check">
|
|
193 | 193 |
<span class="snf-checkbox-unchecked"></span> |
194 |
</div>
|
|
194 |
</a>
|
|
195 | 195 |
<div class="img-wrap"> |
196 | 196 |
<span class="snf-font snf-snapshot-full"></span> |
197 | 197 |
</div> |
... | ... | |
226 | 226 |
<div class="name">Snapshot Name</div> |
227 | 227 |
</div> |
228 | 228 |
<div class="container"> |
229 |
<div class="check">
|
|
229 |
<a href="" class="check">
|
|
230 | 230 |
<span class="snf-checkbox-unchecked"></span> |
231 |
</div>
|
|
231 |
</a>
|
|
232 | 232 |
<div class="img-wrap"> |
233 | 233 |
<span class="snf-font snf-snapshot-full"></span> |
234 | 234 |
</div> |
... | ... | |
244 | 244 |
</ul> |
245 | 245 |
<div class="lt-bar"> |
246 | 246 |
<ul> |
247 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>select all</li> |
|
247 |
<li class="select trigger-checkbox"> |
|
248 |
<a href="" class="check"> |
|
249 |
<span class="snf-checkbox-unchecked checkbox"></span> |
|
250 |
</a> |
|
251 |
<em>Un</em>select all |
|
252 |
</li> |
|
248 | 253 |
<li class="running"><a href="#" title="">Destroy</a></li> |
249 | 254 |
<!-- in case we want an action always activated |
250 | 255 |
<li class="pernament"><a href="" class="active">Action</a></li> --> |
... | ... | |
286 | 291 |
<script src="javascripts/common.js"></script> |
287 | 292 |
<script type="text/javascript" src="javascripts/wizard.js"></script> |
288 | 293 |
<script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
294 |
<script type="text/javascript" src="javascripts/checkboxes-radiobuttons.js"></script> |
|
289 | 295 |
<script> |
290 | 296 |
$(document).foundation(); |
291 | 297 |
</script> |
Also available in: Unified diff