Order the playlists by name in the navigation pane

Also, we now navigate automatically to any newly created or renamed playlist.
This way, it will be easier for the user to see, where did her playlist go
after giving the name.

refs #1083

CHANGELOG.md

@@ -14,6 +14,8 @@
   * As a side-effect, any UI settings (like volume, view modes) from the previous version get discarded upon the SW update
   * Also, volume settings in the Share and Files embedded players are now distint from the volume in the main app
 - Small optimization on the size of the `collection.json` loaded by the web front-end
+- Order the playlists by name in the navigation pane, navigate automatically to the created or renamed playlist
+  [#1083](https://github.com/owncloud/music/issues/1083)
 
 ### Fixed
 - Subsonic: Unhandled exception when attempting to delete a non-existent bookmark

js/app/controllers/navigationcontroller.js

@@ -95,6 +95,8 @@ angular.module('Music').controller('NavigationController', [
 					playlist.updated = result.updated;
 				});
 				$scope.showEditForm = null;
+				libraryService.sortPlaylists();
+				$timeout(() => $scope.navigateTo(`#playlist/${playlist.id}`));
 			}
 		};
 
@@ -323,6 +325,7 @@ angular.module('Music').controller('NavigationController', [
 			};
 			Restangular.all('playlists').post(args).then(function(playlist) {
 				libraryService.addPlaylist(playlist);
+				$timeout(() => $scope.navigateTo(`#playlist/${playlist.id}`));
 			});
 		}
 

js/app/services/libraryservice.ts

@@ -363,6 +363,7 @@ export class LibraryService {
 	}
 	setPlaylists(lists : any[]) : void {
 		this.#playlists = _.map(lists, (list) => this.#wrapPlaylist(list));
+		this.sortPlaylists();
 	}
 	setSmartList(list : any) : void {
 		if (!list) {
@@ -472,8 +473,12 @@ export class LibraryService {
 		let idx = _.findIndex(this.#podcastChannels, { id: channel.id });
 		this.#podcastChannels.splice(idx, 1);
 	}
+	sortPlaylists() : void {
+		this.#sortByTextField(this.#playlists, 'name');
+	}
 	addPlaylist(playlist : any) : void {
 		this.#playlists.push(this.#wrapPlaylist(playlist));
+		this.sortPlaylists();
 	}
 	removePlaylist(playlist : any) : void {
 		this.#playlists.splice(this.#playlists.indexOf(playlist), 1);