Forms working with a single artist/genre. Closes #33

Author: aibarbetta

src/app/_services/album.service.ts

@@ -26,19 +26,28 @@ export class AlbumService {
         let formData:FormData = new FormData();
         Object.keys(album).forEach(key => {
             if(key === 'artists') {
-                album[key].forEach(artistId => {
-                    formData.append(key, String(artistId));
-                });
+                if (album[key].length === 1) {
+                    formData.append('artists[0]', String(album[key][0]));
+                } else {
+                    album[key].forEach(genre => {
+                        formData.append(key, String(genre));
+                    });
+                }
             } else if (key === 'genres') {
-                album[key].forEach(genre => {
-                    formData.append(key, String(genre));
-                });
+                if (album[key].length === 1) {
+                    formData.append('genres[0]', album[key][0]);
+                } else {
+                    album[key].forEach(genre => {
+                        formData.append(key, String(genre));
+                    });
+                }
             }
              else formData.append(key, album[key]);
         });
         let headers = new Headers();
         headers.append('Content-Type', 'multipart/form-data');
         let options = new RequestOptions({ headers: headers });
+        console.log(formData);
         return this.http.post(`${environment.apiUrl}/albums/`, formData, this.jwt())
             .map(res => res.json());
     }

src/app/_services/artist.service.ts

@@ -27,12 +27,17 @@ export class ArtistService {
         let formData:FormData = new FormData();
         Object.keys(artist).forEach(key => {
             if (key === 'genres') {
-                artist[key].forEach(genre => {
-                    formData.append(key, String(genre));
-                });
+                if (artist[key].length === 1) {
+                    formData.append('genres[0]', artist[key][0]);
+                } else {
+                    artist[key].forEach(genre => {
+                        formData.append(key, String(genre));
+                    });
+                }
             }
             else formData.append(key, artist[key]);
         });
+        console.log(formData);
         let headers = new Headers();
         headers.append('Content-Type', 'multipart/form-data');
         let options = new RequestOptions({ headers: headers });

src/app/_services/track.service.ts

@@ -27,9 +27,13 @@ export class TrackService {
         let formData:FormData = new FormData();
         Object.keys(track).forEach(key => {
             if(key === 'artists') {
-                track[key].forEach(artistId => {
-                    formData.append(key, String(artistId));
-                });
+                if (track[key].length === 1) {
+                    formData.append('artists[0]', String(track[key][0]));
+                } else {
+                    track[key].forEach(genre => {
+                        formData.append(key, String(genre));
+                    });
+                }
             }
             else formData.append(key, track[key]);
         });