142 lines
3.8 KiB
XML
142 lines
3.8 KiB
XML
|
|
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<messages xmlns:if="Wt.WTemplate.conditions">
|
|
<!--FORMS message blocks-->
|
|
|
|
<message id="Lms.Explore.Tracks.template">
|
|
<div class="mb-3">
|
|
<ul class="nav nav-pills mb-2">
|
|
<li class="nav-item">
|
|
${random class="nav-link"}
|
|
</li>
|
|
<li class="nav-item">
|
|
${starred class="nav-link"}
|
|
</li>
|
|
<li class="nav-item">
|
|
${recently-played class="nav-link"}
|
|
</li>
|
|
<li class="nav-item">
|
|
${most-played class="nav-link"}
|
|
</li>
|
|
<li class="nav-item">
|
|
${recently-added class="nav-link"}
|
|
</li>
|
|
<li class="nav-item">
|
|
${all class="nav-link"}
|
|
</li>
|
|
</ul>
|
|
<div class="btn-group">
|
|
${play-btn class="btn btn-primary"}
|
|
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"/>
|
|
<ul class="dropdown-menu">
|
|
<li>${play-last class="dropdown-item"}</li>
|
|
<li>${play-shuffled class="dropdown-item"}</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
${tracks}
|
|
</message>
|
|
|
|
<message id="Lms.Explore.Tracks.template.entry">
|
|
<div class="d-flex align-items-center rounded Lms-bg-dark-hover mb-2">
|
|
<div class="p-1 Lms-cover-small">
|
|
${cover}
|
|
</div>
|
|
<div class="p-2 flex-fill text-truncate">
|
|
<div class="d-block text-truncate">${name}</div>
|
|
${<if-has-release>}${release class="text-decoration-none link-success text-truncate"}${</if-has-release>}
|
|
</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-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>
|
|
</div>
|
|
</message>
|
|
|
|
<message id="Lms.Explore.Tracks.template.entry-artist">
|
|
${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>
|