Revision 969d4e10 snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
---|---|---|
78 | 78 |
<div class="middle"> |
79 | 79 |
<div class="steps"> |
80 | 80 |
<div class="step step-1 preselected current"> |
81 |
<ul class="row network_options">
|
|
81 |
<ul class="row network-options">
|
|
82 | 82 |
<li class="project-selection"> |
83 | 83 |
<form class="custom"> |
84 | 84 |
<select class="medium"> |
... | ... | |
94 | 94 |
<span class="input"><input class="el1" type="text" placeholder="My Network"></span> |
95 | 95 |
</div> |
96 | 96 |
</li> |
97 |
<li class="dhcp_option"><span>Assign IP addresses automatically:</span>
|
|
97 |
<li class="dhcp-option trigger-checkbox selected"><span>Assign IP addresses automatically:</span>
|
|
98 | 98 |
<a href="" class="check"> |
99 | 99 |
<span class="snf-checkbox-checked prechecked"></span> |
100 | 100 |
</a> |
... | ... | |
104 | 104 |
</li> |
105 | 105 |
<li> |
106 | 106 |
<span class="sub_title">Network subnet:</span> |
107 |
<ul class="subnet_options">
|
|
108 |
<li> |
|
107 |
<ul class="subnet-options">
|
|
108 |
<li class="trigger-radiobtn selected">
|
|
109 | 109 |
<span>Auto |
110 |
<a href="" class="radio_btn">
|
|
110 |
<a href="" class="radiobtn"> |
|
111 | 111 |
<span class="snf-radio-checked prechecked"></span> |
112 | 112 |
</a> |
113 | 113 |
</span> |
114 | 114 |
</li> |
115 |
<li class="manual"> |
|
115 |
<li class="manual trigger-radiobtn">
|
|
116 | 116 |
<form> |
117 | 117 |
<span>Manual |
118 |
<a href="" class="radio_btn manual">
|
|
118 |
<a href="" class="radiobtn">
|
|
119 | 119 |
<span class="snf-radio-unchecked"></span> |
120 | 120 |
</a> |
121 | 121 |
<span class="input"><input type="text" placeholder="192.168.32.0/24"></span> |
122 | 122 |
</span> |
123 | 123 |
</form> |
124 | 124 |
</li> |
125 |
<li> |
|
125 |
<li class="trigger-radiobtn">
|
|
126 | 126 |
<span>10.0.0.0/24 |
127 |
<a href="" class="radio_btn">
|
|
127 |
<a href="" class="radiobtn"> |
|
128 | 128 |
<span class="snf-radio-unchecked"></span> |
129 | 129 |
</a> |
130 | 130 |
</span> |
131 | 131 |
</li> |
132 |
<li> |
|
132 |
<li class="trigger-radiobtn">
|
|
133 | 133 |
<span>192.168.0.0/24 |
134 |
<a href="" class="radio_btn">
|
|
134 |
<a href="" class="radiobtn"> |
|
135 | 135 |
<span class="snf-radio-unchecked"></span> |
136 | 136 |
</a> |
137 | 137 |
</span> |
... | ... | |
183 | 183 |
<section class="main row"> |
184 | 184 |
<div class="networks entities grid-view"> |
185 | 185 |
<ul class="items-list"> |
186 |
<li data-status="add-new" class="add-new" data-overlay-id="network-wizard"> |
|
186 |
<li data-status="add-new" class="add-new not-selectable" data-overlay-id="network-wizard">
|
|
187 | 187 |
<div class="container"> |
188 | 188 |
<div class="check"></div> |
189 | 189 |
<div class="img-wrap"> |
... | ... | |
211 | 211 |
<div class="name">Network Name</div> |
212 | 212 |
</div> |
213 | 213 |
<div class="container"> |
214 |
<div class="check">
|
|
214 |
<a href="" class="check">
|
|
215 | 215 |
<span class="snf-checkbox-unchecked"></span> |
216 |
</div>
|
|
216 |
</a>
|
|
217 | 217 |
<div class="img-wrap"> |
218 | 218 |
<span class="snf-network-full snf-font"></span> |
219 | 219 |
</div> |
... | ... | |
245 | 245 |
<div class="name">Network Name</div> |
246 | 246 |
</div> |
247 | 247 |
<div class="container"> |
248 |
<div class="check">
|
|
248 |
<a href="" class="check">
|
|
249 | 249 |
<span class="snf-checkbox-unchecked"></span> |
250 |
</div>
|
|
250 |
</a>
|
|
251 | 251 |
<div class="img-wrap"> |
252 | 252 |
<span class="snf-network-full snf-font"></span> |
253 | 253 |
</div> |
... | ... | |
279 | 279 |
<div class="name">Network Name</div> |
280 | 280 |
</div> |
281 | 281 |
<div class="container"> |
282 |
<div class="check">
|
|
282 |
<a href="" class="check">
|
|
283 | 283 |
<span class="snf-checkbox-unchecked"></span> |
284 |
</div>
|
|
284 |
</a>
|
|
285 | 285 |
<div class="img-wrap"> |
286 | 286 |
<span class="snf-network-full snf-font"></span> |
287 | 287 |
</div> |
... | ... | |
297 | 297 |
</ul> |
298 | 298 |
<div class="lt-bar"> |
299 | 299 |
<ul> |
300 |
<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li> |
|
300 |
<li class="select trigger-checkbox"> |
|
301 |
<a href="" class="check"> |
|
302 |
<span class="snf-checkbox-unchecked checkbox"></span> |
|
303 |
</a> |
|
304 |
<em>Un</em>Select all |
|
305 |
</li> |
|
301 | 306 |
<li class="running"><a href="#" title="">Connect VM</a></li> |
302 | 307 |
<li class="permanent"><a href="#" class="active">Destroy</a></li> |
303 | 308 |
<li class="both"><a href="#" >Option i</a></li> |
... | ... | |
341 | 346 |
<script src="javascripts/common.js"></script> |
342 | 347 |
<script type="text/javascript" src="javascripts/wizard.js"></script> |
343 | 348 |
<script type="text/javascript" src="javascripts/sshkeys-wizard.js"></script> |
349 |
<script type="text/javascript" src="javascripts/checkboxes-radiobuttons.js"></script> |
|
344 | 350 |
<script> |
345 | 351 |
$(document).foundation(); |
346 | 352 |
</script> |
Also available in: Unified diff