Fix sorting.

frontend/app/features/content/shared/assets-editor.component.html

@@ -20,18 +20,51 @@
     </div>
 
     <div class="body">
-        <div class="row no-gutters" [class.unrow]="snapshot.isListView">
+        <ng-container *ngIf="!snapshot.isListView; else listTemplate">
-            <sqx-asset *ngFor="let file of snapshot.assetFiles" [assetFile]="file" 
+            <div class="row no-gutters">
-                (loadError)="removeLoadingAsset(file)"
+                <sqx-asset *ngFor="let file of snapshot.assetFiles" [assetFile]="file" 
-                (load)="addAsset(file, $event)">
+                    (loadError)="removeLoadingAsset(file)"
-            </sqx-asset>
+                    (load)="addAsset(file, $event)">
-            <sqx-asset *ngFor="let asset of snapshot.assets; trackBy: trackByAsset" [asset]="asset" 
+                </sqx-asset>
-                [isCompact]="isCompact" removeMode="true"
+                <sqx-asset *ngFor="let asset of snapshot.assets; trackBy: trackByAsset" 
-                [isListView]="snapshot.isListView"
+                    [asset]="asset"
-                (update)="notifyOthers(asset)"
+                    (update)="notifyOthers(asset)"
-                (remove)="removeLoadedAsset(asset)">
+                    [removeMode]="true"
-            </sqx-asset>
+                    (remove)="removeLoadedAsset(asset)"
-        </div>
+                    [isCompact]="isCompact">
+                </sqx-asset>
+            </div>
+        </ng-container>
+    
+        <ng-template #listTemplate>
+            <div class="list-view">
+                <sqx-asset *ngFor="let file of snapshot.assetFiles" [assetFile]="file"
+                    [isListView]="true" 
+                    (loadError)="removeLoadingAsset(file)"
+                    (load)="addAsset(file, $event)">
+                </sqx-asset>
+                
+                <div
+                    cdkDropList
+                    [cdkDropListDisabled]="snapshot.isDisabled"
+                    [cdkDropListData]="snapshot.assets"
+                    (cdkDropListDropped)="sortAssets($event)">
+                    <div *ngFor="let asset of snapshot.assets; trackBy: trackByAsset"
+                        class="table-drag"
+                        cdkDrag
+                        cdkDragLockAxis="y">
+                        <sqx-asset 
+                            [asset]="asset"
+                            [isListView]="true"
+                            [isCompact]="isCompact"
+                            (update)="notifyOthers(asset)"
+                            [removeMode]="true" 
+                            (remove)="removeLoadedAsset(asset)">
+                        </sqx-asset>
+                    </div>
+                </div>
+            </div>
+        </ng-template>
     </div>
 </div>