owen/lms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a message box to display some track information. closes #276

Browse Source
This commit is contained in:
emeric
2022-11-21 21:04:23 +01:00
parent a2b1199e87
commit 2b7d3bfaf4
35 changed files with 573 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
approot/tracks.xml
+71
View File
@@ -57,6 +57,7 @@
<li>${play-last class="dropdown-item"}</li>
<li>${star class="dropdown-item"}</li>
<li>${download class="dropdown-item"}</li>
<li>${track-info class="dropdown-item"}</li>
</ul>
</div>
</div>
@@ -67,4 +68,74 @@
${artist class="text-decoration-none link-secondary"}
</message>
<message id="Lms.Explore.Tracks.template.track-info">
<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.track-info}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container-fluid d-grid gap-1">
${<if-has-clusters>}
<div class="row align-items-center">
<div class="col-4">
${tr:Lms.clusters}
</div>
<div class="col-8">
${clusters}
</div>
</div>
${</if-has-clusters>}
${artist-table class="d-grid gap-1"}
<div class="row align-items-center">
<div class="col-4">
${tr:Lms.Explore.duration}
</div>
<div class="col-8">
${duration}
</div>
</div>
${<if-has-codec>}
<div class="row align-items-center">
<div class="col-4">
${tr:Lms.Explore.codec}
</div>
<div class="col-8">
${codec}
</div>
</div>
${</if-has-codec>}
${<if-has-bitrate>}
<div class="row align-items-center">
<div class="col-4">
${tr:Lms.Explore.bitrate}
</div>
<div class="col-8">
${bitrate}
</div>
</div>
${</if-has-bitrate>}
</div>
</div>
<div class="modal-footer">
${ok-btn class="btn btn-primary"}
</div>
</div>
</div>
</div>
</message>
<message id="Lms.Explore.Tracks.template.track-info.artists">
<div class="row align-items-center">
<div class="col-4">
${type}
</div>
<div class="col-8">
${artist-container data-bs-dismiss="modal"}
</div>
</div>
</message>
</messages>