Merge branch 'fix/communicate-file-too-large' into 'marietje-zuid'

Draft: fix(songs): handle HTTP 413 and remove redundant .json() calls

Closes #76 and #84

See merge request technicie/MarietjeDjango!90

marietje/queues/templates/queues/queue.html

@@ -611,6 +611,7 @@
                             tata.error('', "An unknown exception occurred.")
                         }
                     });
+                    queue_vue.refresh();
                 },
 
                 report_song(song_id) {

marietje/songs/templates/songs/upload.html

@@ -179,13 +179,14 @@
                         }).catch(e => {
                             console.log(e);
                             if (e instanceof Response) {
-                                try {
-                                    e.json().then(data => {
-                                        this.fileObjects[i].error_message = data.errorMessage;
-                                        this.fileObjects[i].success = false;
-                                    });
-                                } catch {
-                                    this.fileObjects[i].error_message = "An exception occurred while uploading this file, please try again.";
+                                // Intercept an HTTP 413 error (entity too large), as this might
+                                // be thrown by a (reverse) proxy server and its payload is not
+                                // nicely formatted as the code below expects.
+                                if (e.status === 413) {
+                                    this.fileObjects[i].error_message = "The song you tried to upload is too large in size. (HTTP 413 error)";
+                                    this.fileObjects[i].success = false;
+                                } else {
+                                    this.fileObjects[i].error_message = `${e.statusText} (${e.status})`;
                                     this.fileObjects[i].success = false;
                                 }
                             } else {