Items editor images active

Author: AramManukyan

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

@@ -4,10 +4,10 @@ $(function(){
 	$('.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
-		filter: ".image-container.new",  // Selectors that do not lead to dragging (String or Function)
 		draggable: ".image-container" // Specifies which items inside the element should be sortable
 	});
 
+
 	$controlsButtons = $('.controls');
 
 	$controlsButtonsStar = $controlsButtons.find('.star');
@@ -16,9 +16,12 @@ $(function(){
 	$controlsButtonsStar.on('click',function(e){
 		e.preventDefault();
 
-		$controlsButtonsStar.removeClass('active')
+		$controlsButtonsStar.removeClass('active');
+		$controlsButtonsStar.parents('.image-container').removeClass('main');
 
 		$(this).addClass('active');
+
+		$(this).parents('.image-container').addClass('main');
 	})
 
 })

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

@@ -108,6 +108,10 @@
 			}
 		}
 
+		.image-container.main {
+			border-color: #FFB300; 
+		}
+
 		.image-container.new {
 			opacity: 0.6;
 			transition: opacity 0.3s ease;