Added ability to randomize playlists

Missing videos now show a more verbose error in the logs

backend/app.js

@@ -2399,14 +2399,17 @@ app.get('/api/stream', optionalJwt, async (req, res) => {
     let uid = decodeURIComponent(req.query.uid);
 
     let file_path = null;
+    let file_obj = null;
 
     const multiUserMode = config_api.getConfigItem('ytdl_multi_user_mode');
     if (!multiUserMode || req.isAuthenticated() || req.can_watch) {
-        const file_obj = await db_api.getVideo(uid, uuid, sub_id);
+        file_obj = await db_api.getVideo(uid, uuid, sub_id);
         if (file_obj) file_path = file_obj['path'];
         else file_path = null;
     }
-
+    if (!fs.existsSync(file_path)) {
+        logger.error(`File ${file_path} could not be found! UID: ${uid}, ID: ${file_obj.id}`);
+    }
     const stat = fs.statSync(file_path)
     const fileSize = stat.size
     const range = req.headers.range

backend/db.js

@@ -413,6 +413,7 @@ exports.createPlaylist = async (playlist_name, uids, type, thumbnail_url, user_u
         thumbnailURL: thumbnail_url,
         type: type,
         registered: Date.now(),
+        randomize_order: false
     };
 
     const duration = await exports.calculatePlaylistDuration(new_playlist, user_uid);

src/app/dialogs/modify-playlist/modify-playlist.component.html

@@ -9,6 +9,10 @@
             </mat-form-field>
         </div>
 
+        <div>
+            <mat-checkbox [(ngModel)]="playlist.randomize_order"><ng-container i18n="Randomize order when playing checkbox label">Randomize order when playing</ng-container></mat-checkbox>
+        </div>
+
         <div style="margin-bottom: 10px; height: 40px;">
             <div style="float: left">
                 <span *ngIf="reverse_order === false" i18n="Normal order">Normal order&nbsp;</span>

src/app/dialogs/modify-playlist/modify-playlist.component.ts

@@ -85,6 +85,7 @@ export class ModifyPlaylistComponent implements OnInit {
       index = this.playlist_file_objs.length - 1 - index;
     }
     this.playlist_file_objs.splice(index, 1);
+    this.playlist.uids.splice(index, 1);
     this.processFiles();
   }
 

src/app/player/player.component.html

@@ -55,13 +55,13 @@
                         </ng-container>
                     </mat-drawer>
 
-                    <div class="update-playlist-button-div" *ngIf="id && playlistChanged()">
+                    <!-- <div class="update-playlist-button-div" *ngIf="id && playlistChanged()">
                         <div class="spinner-div">
                             <mat-spinner *ngIf="playlist_updating" [diameter]="25"></mat-spinner>
                         </div>
                         <button color="primary" [disabled]="playlist_updating" (click)="updatePlaylist()" mat-raised-button><ng-container i18n="Playlist save changes button">Save changes</ng-container>&nbsp;<mat-icon>update</mat-icon></button>
                         
-                    </div>
+                    </div> -->
                 </mat-drawer-container>
             </div>
     </div>

src/app/player/player.component.ts

@@ -233,6 +233,9 @@ export class PlayerComponent implements OnInit, AfterViewInit, OnDestroy {
       }
       this.playlist.push(mediaObject);
     }
+    if (this.db_playlist && this.db_playlist['randomize_order']) {
+      this.shuffleArray(this.playlist);
+    }
     this.currentItem = this.playlist[this.currentIndex];
     this.original_playlist = JSON.stringify(this.playlist);
     this.show_player = true;
@@ -409,6 +412,13 @@ export class PlayerComponent implements OnInit, AfterViewInit, OnDestroy {
     this.api.playbackRate = speed;
   }
 
+  shuffleArray(array) {
+    for (let i = array.length - 1; i > 0; i--) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [array[i], array[j]] = [array[j], array[i]];
+    }
+  }
+
   // snackbar helper
   public openSnackBar(message: string, action: string) {
     this.snackBar.open(message, action, {