Merge pull request #749 from 4gray/feat/custom-sorting-for-playlists

Feat/custom-sorting-for-playlists

apps/web/src/app/shared/components/filter-sort-menu/filter-sort-menu.component.html

@@ -112,6 +112,26 @@
                 >check</mat-icon
             >
         </button>
+        <button
+            mat-menu-item
+            (click)="
+                setSortOptions(SortBy.CUSTOM, SortOrder.ASC);
+                $event.stopPropagation()
+            "
+            [class.active-option]="isSortActive(SortBy.CUSTOM, SortOrder.ASC)"
+        >
+            <mat-icon>drag_indicator</mat-icon>
+            <span class="menu-item-text">{{
+                'HOME.SORT_OPTIONS.CUSTOM_ORDER' | translate
+            }}</span>
+            <mat-icon
+                class="check-icon"
+                [class.check-visible]="
+                    isSortActive(SortBy.CUSTOM, SortOrder.ASC)
+                "
+                >check</mat-icon
+            >
+        </button>
     </section>
 
     <!-- Close button -->

apps/web/src/assets/i18n/en.json

@@ -129,7 +129,8 @@
             "NAME_ASC": "Name (A-Z)",
             "NAME_DESC": "Name (Z-A)",
             "NEWEST": "Date added (Newest first)",
-            "OLDEST": "Date added (Oldest first)"
+            "OLDEST": "Date added (Oldest first)",
+            "CUSTOM_ORDER": "Custom order (Drag & Drop)"
         },
         "PLAYLIST_TYPES": {
             "M3U": "M3U (local, url, text)",