Dedicated view for tracklist

approot/tracklists.xml

@@ -3,51 +3,26 @@
 <messages xmlns:if="Wt.WTemplate.conditions">
 
 <message id="Lms.Explore.TrackLists.template">
+	<div class="mb-3">
+		<ul class="nav nav-pills">
+			<li class="nav-item">
+				${recently-modified class="nav-link"}
+			</li>
+			<li class="nav-item">
+				${all class="nav-link"}
+			</li>
+		</ul>
+	</div>
 	${tracklists}
 </message>
 
 <message id="Lms.Explore.TrackLists.template.entry">
-	<div class="d-flex align-items-center rounded Lms-bg-dark-hover mb-2">
-		<div class="p-2 flex-fill text-truncate">
-			<div class="d-block text-truncate">${name}</div>
-		</div>
-		<div class="p-2 d-none d-sm-block text-muted">
-			${duration}
-		</div>
-		<div class="p-2 d-flex">
-			${play-btn class="btn btn-sm btn-outline-secondary border-0"}
-			<div class="dropdown d-inline-block">
-				${more-btn data-bs-toggle="dropdown" aria-expanded="false" class="btn btn-sm btn-outline-secondary border-0"}
-				<ul class="dropdown-menu" aria-labelledby="${id:more-btn}">
-					<li>${play-shuffled class="dropdown-item"}</li>
-					<li>${play-last class="dropdown-item"}</li>
-					<li>${download class="dropdown-item"}</li>
-					<li>${delete class="dropdown-item"}</li>
-				</ul>
-			</div>
-		</div>
-	</div>
+	${name class="text-decoration-none link-secondary"}
 </message>
 
 <message id="Lms.Explore.TrackLists.template.container">
-	${elements}
+	${elements class="d-grid gap-3"}
 	${loading-indicator}
 </message>
 
-<message id="Lms.Explore.TrackLists.template.delete-tracklist">
-	<div class="modal fade" tabindex="-1">
-		<div class="modal-dialog">
-			<div class="modal-content">
-				<div class="modal-header">
-					<h5 class="modal-title">${tr:Lms.Explore.TrackLists.del-tracklist-confirm}</h5>
-					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-				</div>
-				<div class="modal-footer">
-					${del-btn class="btn btn-danger me-1"}${cancel-btn class="btn btn-secondary"}
-				</div>
-			</div>
-		</div>
-	</div>
-</message>
-
 </messages>