playlist: Minor fix

FNZCM/FNZCM.BlazorWasm/UI/Views/Default/Playlist/PlaylistTableItem.razor

@@ -25,9 +25,12 @@
                 }
             </button>
         </td>
-        <td class="text-left w-100 align-middle" colspan="2" @onclick="()=>{IsExpand=!IsExpand;}">
+        <td class="text-left w-100 align-middle" @onclick="()=>{IsExpand=!IsExpand;}" colspan="2">
             @Playlist.Value.Value
         </td>
+        <td class=" align-middle">
+            @DataSet.AllTracks.Where(p=>arr.Contains(p.Path)).Sum(p=>p.Tag?.Duration??0).SecondToDur()
+        </td>
         <td>
             <button type="button" class="btn btn-primary p-2" @onclick="()=>DownloadPlaylist(Playlist.Value.Key)">
                 <i class="bi bi-download"></i>
@@ -62,9 +65,9 @@
                         <td><img src="@track.Disc.CoverPath" style="height:50px" /></td>
                         <td class="align-middle w-100 ">
                             <div class="text-nowrap">@((track.Tag?.Title).NullOrEmptyEscape(track.Name))</div>
-                            <small class="text-nowrap text-muted">@track.Tag?.Duration.SecondToDur() @track.Tag?.Artist</small>
+                            <div class="text-nowrap text-muted"> @track.Tag?.Artist</div>
                         </td>
-                        <td></td>
+                        <td>@track.Tag?.Duration.SecondToDur()</td>
                         <td></td>
                         <td>
                             <button type="button" class="btn btn-primary p-2" @onclick="()=>Remove(Playlist.Value.Key, item.index,item.item)">
@@ -72,14 +75,23 @@
                             </button>
                         </td>
                         <td></td>
+                        <td></td>
                     </tr>
                 }
                 else
                 {
+                    var uri = new Uri(item.item);
+                    var paths = uri.AbsolutePath.Split('/').Skip(2).ToArray();
                     <tr>
                         <td></td>
                         <td><img src="blazor-192.png" style="height:50px" /></td>
-                        <td class="align-middle w-100"> - broken reference - </td>
+                        <td class="align-middle w-100">
+                            <div class="text-nowrap">- broken reference -</div>
+                            @foreach (var p in paths)
+                            {
+                                <div class="text-nowrap text-muted">@Uri.UnescapeDataString(p)</div>
+                            }
+                        </td>
                         <td></td>
                         <td></td>
                         <td>
@@ -88,6 +100,7 @@
                             </button>
                         </td>
                         <td></td>
+                        <td></td>
                     </tr>
                 }
             }
@@ -96,7 +109,10 @@
                 <tr>
                     <td></td>
                     <td></td>
-                    <td class="align-middle w-100"> - empty - </td>
+                    <td class="align-middle w-100">
+                        <div class="text-nowrap">- empty -</div>
+                    </td>
+                    <td></td>
                     <td></td>
                     <td></td>
                     <td></td>