Revision 06d0657a

/dev/null
1
<?xml version="1.0" encoding="utf-8"?>
2
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
	 width="1000px" height="1000px" viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
6
<style type="text/css">
7
<![CDATA[
8
	.st0{fill:none;stroke:#FFFFFF;}
9
	.st1{font-family:'OpenSans-Light';}
10
	.st2{fill:#FEFDEE;}
11
	.st3{font-size:14;}
12
]]>
13
</style>
14
<g>
15
	<circle class="st0" cx="321.335" cy="364.04" r="14.232"/>
16
	<g>
17
		<text transform="matrix(1.0253 0 0 1 317.6167 368.7578)" class="st2 st1 st3">X</text>
18
	</g>
19
</g>
20
</svg>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
213 213
    });
214 214
}
215 215

  
216
// when user moves a vm or network icon (list view)
217
ui.placementByUser = function() {
218
    if($('.sortable').length != 0) {
219
        $( ".sortable" ).sortable({
220
            items: "> li:not(:last)",
221
            stop: function(event, ui) {
222
                $.map($(this).find('li'), function(el) {
223
                            return $(el).attr('data-order', $(el).index());
224
                        });
225
            }
226
        });
227

  
228
        $( ".sortable" ).disableSelection(); //i think unnecessary
229
    }
230
}
231

  
232 216
function goToByScroll(id){
233 217
      // Remove "link" from the ID
234 218
    id = id.replace("link", "");
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
173 173
		</section>
174 174
		<section class="main row">
175 175
			<div class="networks entities">
176
				<ul class="items-list small-block-grid-2 large-block-grid-3 sortable">
177
					<li data-order="0">
176
				<ul class="items-list small-block-grid-2 large-block-grid-3">
177
					<li>
178 178
						<div class="add-new"><a data-overlay-id="#network-wizard" href="#">NEW<br>NETWORK</a></div>
179 179
					</li>
180
					<li data-order="1">
180
					<li>
181 181
						<div class="container">
182 182
							<div class="img-wrap">
183 183
								<div class="img running">
......
192 192
							</p>
193 193
						</div>
194 194
					</li>
195
					<li data-order="2">
195
					<li>
196 196
						<div class="container">
197 197
							<div class="img-wrap">
198 198
								<div class="img running">
......
207 207
							</p>
208 208
						</div>
209 209
					</li>
210
					<li data-order="3">
210
					<li>
211 211
						<div class="container">
212 212
							<div class="img-wrap">
213 213
								<div class="img running">
......
258 258
	<script src="javascripts/foundation/foundation.topbar.js"></script>
259 259
	<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
260 260
	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
261
	<!-- dropzone.js used for drag and drop files to upload them --> 
261 262
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
262 263
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
263 264
	
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
747 747
		</section>
748 748
		<section class="main row">
749 749
			<div class="vms entities">
750
				<ul class="items-list sortable">
750
				<ul class="items-list">
751 751
					<li data-status="add-new">
752 752
						<div class="container">
753 753
							<div class="img-wrap">
......
1174 1174
	<script type="text/javascript" src="javascripts/jquery.easing.1.3.js"></script>
1175 1175
	<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
1176 1176
	<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
1177
	<!-- dropzone.js used for drag and drop files to upload them --> 
1177 1178
	<script type="text/javascript" src="javascripts/dropzone.js"></script>
1178 1179
	<script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
1180
	<!-- fabrastic.js used for the color picker --> 
1179 1181
	<script type="text/javascript" src="javascripts/farbtastic.js"></script>
1180 1182
	<script type="text/javascript" src="javascripts/jquery.scrollintoview.js"></script>
1181 1183
	<script src="javascripts/common.js"></script>

Also available in: Unified diff