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

Still converting to bootstrap 5

Browse Source
This commit is contained in:
emeric
2022-04-10 14:30:00 +02:00
parent 80f28153bc
commit 9b1e78c662
5 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
approot/explore.xml
+2 -2
View File
@@ -5,8 +5,8 @@
${contents}
</message>
<message id="Lms.Explore.template.more-btn"><i class="fa fa-2x fa-plus-circle"></i></message>
<message id="Lms.Explore.template.play-btn"><i class="fa fa-2x fa-play-circle"></i></message>
<message id="Lms.Explore.template.more-btn"><i class="fa fa-fw fa-ellipsis-v"></i></message>
<message id="Lms.Explore.template.play-btn"><i class="fa fa-fw fa-play"></i></message>
<message id="Lms.Explore.template.filters">
${add-filter class="btn-sm btn-info me-1"}${clusters class="d-inline-block"}
approot/release.xml
+11 -17
View File
@@ -8,17 +8,17 @@
<message id="Lms.Explore.Release.template">
<div class="row mb-3">
<div class="col-md-4">
<div class="col-lg-4">
${cover class="Lms-explore-release-cover"}
</div>
<div class="col-md-8">
<div class="col-lg-8">
<div class="mb-3">
${name}
${<if-has-release-artists>}${artists}${</if-has-release-artists>}
${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
<small>${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}</small>
${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}
${clusters class="mb-2"}
${play-btn class="me-2"}${more-btn}
${play-btn class="btn btn-dark me-2"}${more-btn class="btn btn-dark"}
</div>
${container class="d-grid gap-3"}
</div>
@@ -55,27 +55,21 @@
</message>
<message id="Lms.Explore.Release.template.entry">
<div class="row ${is-playing} align-items-center">
<div class="col-1 col-sm-1 text-end">
<div class="d-flex align-items-center">
<div class="p-2 text-muted text-end" style="min-width: 2.1rem;">
${<if-has-track-number>}${track-number}${</if-has-track-number>}
</div>
<div class="col-7 col-sm-9">
<div class="p-2 flex-fill">
${name}
${<if-has-artists>}${artists}${</if-has-artists>}
${<if-has-artists>}<div><div style="display: inline-block;" onclick="Wt.stopPropagation(event)">${artists}</div></div>${</if-has-artists>}
</div>
<div class="col-4 col-sm-2">
<div class="Lms-explore-release-entry-controls">
${play-btn class="me-2"}${more-btn}
</div>
<div class="Lms-explore-release-entry-track-duration">
<div class="p-2 d-none d-sm-block text-muted">
${duration}
</div>
<div class="p-2" onclick="Wt.stopPropagation(event)">
${more-btn class="btn btn-sm btn-outline-secondary border-0"}
</div>
</div>
</message>
<message id="Lms.Explore.Release.template.entry-artist">
${artist}
</message>
</messages>
approot/tracks.xml
+3 -3
View File
@@ -12,16 +12,16 @@
</message>
<message id="Lms.Explore.Tracks.template.entry">
<div class="row Lms-vertical-align Lms-explore-entry-list Lms-explore-tracks-entry ${is-playing}">
<div class="row Lms-vertical-align Lms-explore-entry-list Lms-explore-tracks-entry">
<div class="col-3 col-sm-2 col-md-2">
<div class="Lms-responsive-square Lms-cover-container">
${cover}
</div>
</div>
<div class="col-7 col-sm-8 col-md-8 Lms-explore-entry-list-text-container">
<div class="Lms-trackname text-primary"><h5>${name}</h5></div>
${name}
${<if-has-artists-or-release>}
${<if-has-release>}<small>${release class="Lms-btn Lms-releasename text-primary"}</small>${</if-has-release>}
${<if-has-release>}${release}${</if-has-release>}
${<if-has-artists>}${artists}${</if-has-artists>}
${</if-has-artists-or-release>}
</div>
src/lms/ui/LmsApplication.cpp
+1
View File
@@ -452,6 +452,7 @@ LmsApplication::createHome()
_coverResource = std::make_shared<CoverResource>();
declareJavaScriptFunction("onLoadCover", "function(id) { id.className += \" Lms-cover-loaded\"}");
declareJavaScriptFunction("stopPropagation", "function(event) { event.stopPropagation() }");
doJavaScript("$('body').tooltip({ selector: '[data-toggle=\"tooltip\"]'})");
Wt::WTemplate* main {root()->addWidget(std::make_unique<Wt::WTemplate>(Wt::WString::tr("Lms.main.template")))};
src/lms/ui/explore/ReleaseView.cpp
+15 -12
View File
@@ -22,6 +22,7 @@
#include <Wt/WAnchor.h>
#include <Wt/WApplication.h>
#include <Wt/WImage.h>
#include <Wt/WPushButton.h>
#include <Wt/WTemplate.h>
#include <Wt/WText.h>
@@ -159,7 +160,7 @@ Release::refreshView()
}
{
Wt::WText* playBtn {bindNew<Wt::WText>("play-btn", Wt::WString::tr("Lms.Explore.template.play-btn"), Wt::TextFormat::XHTML)};
Wt::WPushButton* playBtn {bindNew<Wt::WPushButton>("play-btn", Wt::WString::tr("Lms.Explore.template.play-btn"), Wt::TextFormat::XHTML)};
playBtn->clicked().connect([=]
{
releasesAction.emit(PlayQueueAction::Play, {*releaseId});
@@ -167,7 +168,7 @@ Release::refreshView()
}
{
Wt::WText* moreBtn {bindNew<Wt::WText>("more-btn", Wt::WString::tr("Lms.Explore.template.more-btn"), Wt::TextFormat::XHTML)};
Wt::WPushButton* moreBtn {bindNew<Wt::WPushButton>("more-btn", Wt::WString::tr("Lms.Explore.template.more-btn"), Wt::TextFormat::XHTML)};
moreBtn->clicked().connect([=]
{
displayReleasePopupMenu(*moreBtn, *releaseId, releasesAction);
@@ -218,6 +219,11 @@ Release::refreshView()
Wt::WTemplate* entry {container->addNew<Wt::WTemplate>(Wt::WString::tr("Lms.Explore.Release.template.entry"))};
entry->clicked().connect([=]
{
tracksAction.emit(PlayQueueAction::Play, {trackId});
});
entry->bindString("name", Wt::WString::fromUTF8(track->getName()), Wt::TextFormat::Plain);
const auto artists {track->getArtists({TrackArtistLinkType::Artist})};
@@ -226,10 +232,13 @@ Release::refreshView()
entry->setCondition("if-has-artists", true);
Wt::WContainerWidget* artistsContainer {entry->bindNew<Wt::WContainerWidget>("artists")};
bool firstArtist {true};
for (const auto& artist : artists)
{
Wt::WTemplate *t {artistsContainer->addNew<Wt::WTemplate>(Wt::WString::tr("Lms.Explore.Release.template.entry-artist"))};
t->bindWidget("artist", LmsApplication::createArtistAnchor(artist));
if (!firstArtist)
artistsContainer->addNew<Wt::WText>(" · ");
artistsContainer->addWidget(LmsApplication::createArtistAnchor(artist));
firstArtist = false;
}
}
@@ -240,14 +249,8 @@ Release::refreshView()
entry->bindInt("track-number", *trackNumber);
}
Wt::WText* playBtn {entry->bindNew<Wt::WText>("play-btn", Wt::WString::tr("Lms.Explore.template.play-btn"), Wt::TextFormat::XHTML)};
playBtn->clicked().connect([=]()
{
tracksAction.emit(PlayQueueAction::Play, {trackId});
});
Wt::WText* moreBtn {entry->bindNew<Wt::WText>("more-btn", Wt::WString::tr("Lms.Explore.template.more-btn"), Wt::TextFormat::XHTML)};
moreBtn->clicked().connect([=]()
Wt::WPushButton* moreBtn {entry->bindNew<Wt::WPushButton>("more-btn", Wt::WString::tr("Lms.Explore.template.more-btn"), Wt::TextFormat::XHTML)};
moreBtn->clicked().connect([=]
{
displayTrackPopupMenu(*moreBtn, trackId, tracksAction);
});