Reorder ghost effect, loading effect (on save)

assets/cp.scripts.js

@@ -7636,7 +7636,6 @@
 						action: action,
 						data: JSON.stringify(orderData),
 					},
-					dataType: 'json'
 				}).done(function(data) {
 					if(IsDebugMode()) console.log('done', data);
 					AjaxDone(data);

assets/cp.styles.css

@@ -1027,6 +1027,22 @@ ul.pagination {
 	fill: currentColor;
 }
 
+#list-images .attached-img.sortable-ghost {
+	opacity: 0.1;
+}
+
+#list-images.loading {
+	background: #fff url('/assets/cp/img-load.gif') no-repeat 50% 50%;
+}
+
+#list-images.loading .attached-img {
+	opacity: 0.1;
+}
+
+#list-images.loading .attached-img a.remove {
+	display: none;
+}
+
 #upload-msg {
 	position: absolute;
 	background: white;

modules/module_shop.go

@@ -1055,7 +1055,7 @@ func (this *Modules) RegisterModule_Shop() *Module {
 							`</div>` +
 							`</div>` +
 							`</div>` +
-							`<script>WaitForFave(function(){Sortable.create(document.getElementById('list-images'),{animation:0,onEnd:function(evt){var orderData=[];$('#list-images div.attached-img').each(function(i,v){orderData.push({Id:$(v).data('id'),Order:i+1});});fave.ShopProductsImageReorder('shop-images-reorder',{Items:orderData});},});});</script>`
+							`<script>WaitForFave(function(){Sortable.create(document.getElementById('list-images'),{animation:0,onEnd:function(evt){var orderData=[];$('#list-images div.attached-img').each(function(i,v){orderData.push({Id:$(v).data('id'),Order:i+1});});$('#list-images').addClass('loading');fave.ShopProductsImageReorder('shop-images-reorder',{Items:orderData});},});});</script>`
 					},
 				},
 				{

modules/module_shop_act_images_reorder.go

@@ -48,5 +48,8 @@ func (this *Modules) RegisterAction_ShopImagesReorder() *Action {
 		wrap.RecreateProductXmlFile()
 
 		wrap.ResetCacheBlocks()
+
+		// Remove loading effect
+		wrap.Write(`$('#list-images').removeClass('loading');`)
 	})
 }