[UI/MOBILE] merging Guillaume's work on track list

This commit is contained in:
emeric
2015-12-15 23:47:02 +01:00
parent 5e60dc9987
commit dc8fc46e21
3 changed files with 16 additions and 2 deletions
+9 -1
View File
@@ -487,7 +487,15 @@
</message> </message>
<message id="wa-track"> <message id="wa-track">
<div class="menu-item list-group-item ">${track-name}<span class="badge">${btn}</span></div> <div class="menu-item list-group-item ">
<div class="row">
<div class="vertical-align">
<div class="col-xs-2" style="margin-top:3px">${cover}</div>
<div class="col-xs-8">${artist-name}<br/>${track-name}</div>
<div class="col-xs-2" style="margin-top:3px"><span class="badge">${btn}</span></div>
</div>
</div>
</div>
</message> </message>
+1
View File
@@ -12,6 +12,7 @@
div.contents { div.contents {
padding: 0px 12px 6px; padding: 0px 12px 6px;
margin-bottom: 64px;
} }
.playqueue { .playqueue {
+6 -1
View File
@@ -109,8 +109,13 @@ TrackSearch::addResults(size_t nb)
Wt::WTemplate* trackRes = new Wt::WTemplate(_container); Wt::WTemplate* trackRes = new Wt::WTemplate(_container);
trackRes->setTemplateText(Wt::WString::tr("wa-track")); trackRes->setTemplateText(Wt::WString::tr("wa-track"));
Wt::WImage *cover = new Wt::WImage();
cover->setStyleClass ("center-block img-responsive");
cover->setImageLink(Wt::WLink(LmsApplication::instance()->getCoverResource()->getTrackUrl(track.id(), 128)));
trackRes->bindWidget("cover", cover);
trackRes->bindString("track-name", Wt::WString::fromUTF8(track->getName()), Wt::PlainText); trackRes->bindString("track-name", Wt::WString::fromUTF8(track->getName()), Wt::PlainText);
// TODO, display artist name for compilation releases? trackRes->bindString("artist-name", Wt::WString::fromUTF8(track->getArtist()->getName()), Wt::PlainText);
Wt::WText *playBtn = new Wt::WText("Play", Wt::PlainText); Wt::WText *playBtn = new Wt::WText("Play", Wt::PlainText);
playBtn->setStyleClass("center-block"); // TODO move to CSS? playBtn->setStyleClass("center-block"); // TODO move to CSS?