Fixed:Item editor page: images sorting.

Author: AramManukyan

src/app/items/editor/item-editor-page.hbs

@@ -78,7 +78,7 @@ images:
 							<div class="image" style="background-image:url('{{this.url}}')"></div>
 						</div>
 					{{/each}}
-					<a href="" data-toggle="modal" data-target="#modal-media">
+					<a href="#" class="add-image" data-toggle="modal" data-target="#modal-media">
 						<div class="image-container new">
 							<div class="image" >
 								<i class="fa fa-plus"></i>

src/app/items/editor/item-editor.js

@@ -2,9 +2,16 @@ $(function(){
 
 	// set sortable options
 	$('.images-container').sortable({
-		animation: 150,  // ms, animation speed moving items when sorting, `0` — without animation
-		handle: ".control-btn.move",  // Drag handle selector within list items
-		draggable: ".image-container" // Specifies which items inside the element should be sortable
+		animation: 150,
+		handle: ".control-btn.move",
+		draggable: ".image-container",
+		onMove: function (evt) {
+			var $relatedElem = $(evt.related);
+
+	        if ($relatedElem.hasClass('add-image')) {
+	        	return false;
+	        }
+	    }
 	});