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

New UI layout and UI improvements. Fixes #50

Browse Source
This commit is contained in:
emeric
2020-05-10 13:11:43 +02:00
parent 8277b9c82b
commit 74fc4e058e
79 changed files with 3003 additions and 1987 deletions
Download Patch File Download Diff File Expand all files Collapse all files
approot/admin-users.xml
+1 -1
View File
@@ -2,7 +2,7 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Admin.Users.template">
<div class="page-header">
<div class="Lms-header">
<h2>${tr:Lms.Admin.Users.users}</h2>
</div>
${users}
approot/artist.xml
+15 -5
View File
@@ -3,12 +3,22 @@
<!--FORMS message blocks-->
<message id="Lms.Explore.Artist.template">
<div class="page-header">
<h2><div class="Lms-artistname text-primary">${name}</div></h2>
${clusters}
${play-btn}${add-btn}
<div class="row">
<div class="col-md-8">
<div class="Lms-header">
<h2><div class="Lms-artistname text-primary">${name}</div></h2>
${clusters}
${play-btn}${add-btn}
</div>
${releases class="Lms-explore-artist-entries-container"}
</div>
<div class="col-md-4">
<div class="well well-sm">
<h3>${tr:Lms.Explore.Artist.similar-artists}</h3>
${similar-artists}
</div>
</div>
</div>
${releases}
</message>
<message id="Lms.Explore.Artist.template.entry">
approot/artistinfo.xml
-10
View File
@@ -1,10 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.Explore.ArtistInfo.template">
<h3>${tr:Lms.Explore.ArtistInfo.similar-artists}</h3>
${similar-artists}
</message>
</messages>
approot/artistlink.xml
-13
View File
@@ -1,13 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.Explore.ArtistLink.template">
<div class="row Lms-explore-artistlink Lms-entry-hoverable Lms-vertical-align">
<div class="col-xs-12">
${name class="Lms-artistname text-primary"}
</div>
</div>
</message>
</messages>
approot/artists.xml
+12 -11
View File
@@ -3,21 +3,14 @@
<!--FORMS message blocks-->
<message id="Lms.Explore.Artists.template">
<div class="page-header">
<div class="Lms-header">
<h2>${tr:Lms.Explore.artists}</h2>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3">
<div class="Lms-explore-artists-input">
${mode class="nav nav-pills Lms-explore-mode-container"}
<div class="row">
<div class="col-sm-2">
${link-type}
</div>
</div>
<div class="col-xs-12 col-sm-9">
<div class="input-group Lms-explore-artists-input">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
${search}
</div>
</div>
</div>
${artists}
<div class="row">
@@ -35,4 +28,12 @@
</div>
</message>
<message id="Lms.Explore.Artists.template.entry-small">
<div class="row Lms-explore-artists-entry-small Lms-entry-hoverable Lms-vertical-align">
<div class="col-xs-12">
${name class="Lms-artistname text-primary"}
</div>
</div>
</message>
</messages>
approot/artistsinfo.xml
-12
View File
@@ -1,12 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.Explore.ArtistsInfo.template">
<h3>${tr:Lms.Explore.ArtistsInfo.most-played}</h3>
${most-played}
<h3>${tr:Lms.Explore.ArtistsInfo.recently-added}</h3>
${recently-added}
</message>
</messages>
approot/explore.xml
+2 -11
View File
@@ -2,23 +2,14 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.template">
<div class="row">
<div class="col-md-8">
${contents class="Lms-explore-contents"}
</div>
<div class="col-md-4">
${filters class="well well-sm"}
${info class="well well-sm"}
</div>
</div>
${contents class="Lms-explore-contents"}
</message>
<message id="Lms.Explore.template.add-btn"><i class="fa fa-plus-circle Lms-explore-btn Lms-control-btn"></i></message>
<message id="Lms.Explore.template.play-btn"><i class="fa fa-play-circle Lms-explore-btn Lms-control-btn"></i></message>
<message id="Lms.Explore.template.filters">
<h3>${tr:Lms.Explore.filters} ${add-filter class="btn-primary"}</h3>
${clusters}
${add-filter class="btn-sm btn-info"} ${clusters class="Lms-explore-clusters"}
</message>
<message id="Lms.Explore.template.add-filter">
approot/messages.xml
+16 -16
View File
@@ -4,13 +4,13 @@
<!--Common-->
<message id="Lms.add">Add</message>
<message id="Lms.administration">Administration</message>
<message id="Lms.apply">Apply</message>
<message id="Lms.discard">Discard</message>
<message id="Lms.administration">Administration</message>
<message id="Lms.cancel">Cancel</message>
<message id="Lms.create">Create</message>
<message id="Lms.login">Login</message>
<message id="Lms.logout">Logout</message>
<message id="Lms.logout"><i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> Logout</message>
<message id="Lms.not-a-directory">Not a directory</message>
<message id="Lms.password">Password</message>
<message id="Lms.password-bad-login-combination">Bad login / password combination</message>
@@ -23,6 +23,7 @@
<message id="Lms.quit-confirm">Are you sure?</message>
<message id="Lms.quit-other-session">Another session has been open. Reopen this one?</message>
<message id="Lms.save">Save</message>
<message id="Lms.user">User</message>
<!--Errors-->
<message id="Lms.Error.artist-not-found">Artist not found</message>
@@ -37,6 +38,7 @@
<message id="Lms.Admin.Database.database">Music collection</message>
<message id="Lms.Admin.Database.immediate-scan">Scan now!</message>
<message id="Lms.Admin.Database.monthly">Monthly</message>
<message id="Lms.Admin.Database.menu-database"><i class="fa fa-fw fa-database" aria-hidden="true"></i> Music collection</message>
<message id="Lms.Admin.Database.never">Never</message>
<message id="Lms.Admin.Database.path">Media root directory</message>
<message id="Lms.Admin.Database.recommendation-engine-type">Recommendation engine</message>
@@ -77,6 +79,7 @@
<message id="Lms.Admin.Users.demo">Demo</message>
<message id="Lms.Admin.Users.edit">Edit</message>
<message id="Lms.Admin.Users.users">Users</message>
<message id="Lms.Admin.Users.menu-users"><i class="fa fa-fw fa-users" aria-hidden="true"></i> Users</message>
<!--User-->
<message id="Lms.Admin.User.audio-transcode-bitrate-limit">Audio transcode bitrate limit</message>
@@ -100,11 +103,15 @@
<!--Explore-->
<message id="Lms.Explore.add-filter">Add filter</message>
<message id="Lms.Explore.all">All</message>
<message id="Lms.Explore.artists">Artists</message>
<message id="Lms.Explore.filter-added">Filter added</message>
<message id="Lms.Explore.filters">Filters</message>
<message id="Lms.Explore.most-played">Most played</message>
<message id="Lms.Explore.random">Random</message>
<message id="Lms.Explore.recently-added">Recently added</message>
<message id="Lms.Explore.recently-played">Recently played</message>
<message id="Lms.Explore.releases">Albums</message>
<message id="Lms.Explore.search-placeholder">Search...</message>
<message id="Lms.Explore.show-more">Show more</message>
<message id="Lms.Explore.tracks">Tracks</message>
<message id="Lms.Explore.type">Type</message>
@@ -112,28 +119,21 @@
<message id="Lms.Explore.various-artists">Various artists</message>
<!--Explore:Artist-->
<message id="Lms.Explore.ArtistInfo.similar-artists">Similar artists</message>
<message id="Lms.Explore.Artist.similar-artists">Similar artists</message>
<!--Explore:Artists-->
<message id="Lms.Explore.Artists.linktype-all">All artists</message>
<message id="Lms.Explore.Artists.linktype-artist">Track artists</message>
<message id="Lms.Explore.Artists.linktype-releaseartist">Album artists</message>
<message id="Lms.Explore.ArtistsInfo.recently-added">Recently added</message>
<message id="Lms.Explore.ArtistsInfo.most-played">Top artists</message>
<!--Explore:Release-->
<message id="Lms.Explore.ReleaseInfo.similar-releases">Similar albums</message>
<message id="Lms.Explore.Release.similar-releases">Similar albums</message>
<message id="Lms.Explore.Release.copyright">Copyright</message>
<message id="Lms.Explore.Release.disc">Disc {1}</message>
<!--Explore:Releases-->
<message id="Lms.Explore.ReleasesInfo.recently-added">Recently added</message>
<message id="Lms.Explore.ReleasesInfo.most-played">Top albums</message>
<!--Explore:Tracks-->
<message id="Lms.Explore.TracksInfo.recently-added">Recently added</message>
<message id="Lms.Explore.TracksInfo.most-played">Top tracks</message>
<!--Explore:Search-->
<message id="Lms.Explore.Search.search-placeholder">Search...</message>
<message id="Lms.Explore.Search.search">Search results</message>
<!--Playqueue-->
<message id="Lms.PlayQueue.clear">Clear</message>
@@ -162,6 +162,7 @@
<message id="Lms.Settings.change-password">Change password</message>
<message id="Lms.Settings.dark-mode">Dark mode</message>
<message id="Lms.Settings.demo-cannot-save">Cannot save using a demo account!</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Settings</message>
<message id="Lms.Settings.password-bad">Bad password</message>
<message id="Lms.Settings.password-must-fill-old-password">Old password must be filled in</message>
<message id="Lms.Settings.replaygain-mode">ReplayGain mode</message>
@@ -188,7 +189,6 @@
<message id="Lms.Settings.transcode-mode.always">Always</message>
<message id="Lms.Settings.transcode-mode.if-format-not-supported">Only when format is not supported</message>
<message id="Lms.Settings.transcode-mode.never">Never</message>
<message id="Lms.Settings.settings">Settings</message>
<message id="Lms.Settings.settings-saved">New settings saved!</message>
</messages>
approot/messages_fr.xml
+15 -14
View File
@@ -4,13 +4,13 @@
<!--Common-->
<message id="Lms.add">Ajouter</message>
<message id="Lms.administration">Administration</message>
<message id="Lms.apply">Appliquer</message>
<message id="Lms.discard">Annuler</message>
<message id="Lms.administration">Administration</message>
<message id="Lms.cancel">Annuler</message>
<message id="Lms.create">Créer</message>
<message id="Lms.login">Login</message>
<message id="Lms.logout">Logout</message>
<message id="Lms.logout"><i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> Quitter</message>
<message id="Lms.not-a-directory">N'est pas un répertoire</message>
<message id="Lms.password">Mot de passe</message>
<message id="Lms.password-bad-login-combination">Mauvaise combinaison login / mot de passe</message>
@@ -23,6 +23,7 @@
<message id="Lms.quit-confirm">Êtes-vous sûr ?</message>
<message id="Lms.quit-other-session">Une autre session a été ouverte. Reouvrir celle-ci ?</message>
<message id="Lms.save">Sauvegarder</message>
<message id="Lms.user">Utilisateur</message>
<!--Errors-->
<message id="Lms.Error.artist-not-found">Cet artiste n'existe pas</message>
@@ -37,6 +38,7 @@
<message id="Lms.Admin.Database.database">Collection de musiques</message>
<message id="Lms.Admin.Database.immediate-scan">Scanner maintenant !</message>
<message id="Lms.Admin.Database.monthly">Tous les mois</message>
<message id="Lms.Admin.Database.menu-database"><i class="fa fa-fw fa-database" aria-hidden="true"></i> Collection de musiques</message>
<message id="Lms.Admin.Database.never">Jamais</message>
<message id="Lms.Admin.Database.path">Dossier racine des fichiers de musique</message>
<message id="Lms.Admin.Database.recommendation-engine-type">Moteur de recommandation</message>
@@ -77,6 +79,7 @@
<message id="Lms.Admin.Users.demo">Demo</message>
<message id="Lms.Admin.Users.edit">Editer</message>
<message id="Lms.Admin.Users.users">Utilisateurs</message>
<message id="Lms.Admin.Users.menu-users"><i class="fa fa-fw fa-users" aria-hidden="true"></i> Utilisateurs</message>
<!--User-->
<message id="Lms.Admin.User.audio-transcode-bitrate-limit">Limite du bitrate pour le transcodage</message>
@@ -100,11 +103,15 @@
<!--Explore-->
<message id="Lms.Explore.add-filter">Ajouter filtre</message>
<message id="Lms.Explore.all">Tous</message>
<message id="Lms.Explore.artists">Artistes</message>
<message id="Lms.Explore.filter-added">Filtre ajouté</message>
<message id="Lms.Explore.filters">Filtres</message>
<message id="Lms.Explore.mostly-played">Plus joués</message>
<message id="Lms.Explore.random">Aléatoire</message>
<message id="Lms.Explore.recently-added">Ajoutés récemment</message>
<message id="Lms.Explore.recently-played">Joués récemment</message>
<message id="Lms.Explore.releases">Albums</message>
<message id="Lms.Explore.search-placeholder">Rechercher...</message>
<message id="Lms.Explore.show-more">Voir plus</message>
<message id="Lms.Explore.tracks">Pistes</message>
<message id="Lms.Explore.type">Type</message>
@@ -112,28 +119,21 @@
<message id="Lms.Explore.various-artists">Artistes divers</message>
<!--Explore:Artist-->
<message id="Lms.Explore.ArtistInfo.similar-artists">Artistes similaires</message>
<message id="Lms.Explore.Artist.similar-artists">Artistes similaires</message>
<!--Explore:Artists-->
<message id="Lms.Explore.Artists.linktype-all">Tous les artistes</message>
<message id="Lms.Explore.Artists.linktype-artist">Artistes de piste</message>
<message id="Lms.Explore.Artists.linktype-releaseartist">Artistes d'album</message>
<message id="Lms.Explore.ArtistsInfo.recently-added">Ajouts récents</message>
<message id="Lms.Explore.ArtistsInfo.most-played">Artistes populaires</message>
<!--Explore:Release-->
<message id="Lms.Explore.ReleaseInfo.similar-releases">Albums similaires</message>
<message id="Lms.Explore.Release.copyright">Copyright</message>
<message id="Lms.Explore.Release.disc">Disque {1}</message>
<!--Explore:Releases-->
<message id="Lms.Explore.ReleasesInfo.recently-added">Ajouts récents</message>
<message id="Lms.Explore.ReleasesInfo.most-played">Albums populaires</message>
<!--Explore:Tracks-->
<message id="Lms.Explore.TracksInfo.recently-added">Ajouts récents</message>
<message id="Lms.Explore.TracksInfo.most-played">Pistes populaires</message>
<!--Explore:Search-->
<message id="Lms.Explore.Search.search-placeholder">Rechercher...</message>
<message id="Lms.Explore.Search.search">Résultats de la recherche</message>
<!--Playqueue-->
<message id="Lms.PlayQueue.clear">Effacer</message>
@@ -162,6 +162,7 @@
<message id="Lms.Settings.change-password">Changement de mot de passe</message>
<message id="Lms.Settings.dark-mode">Mode sombre</message>
<message id="Lms.Settings.demo-cannot-save">Impossible de sauvegarder en utilisant un compte de démo !</message>
<message id="Lms.Settings.menu-settings"><i class="fa fa-fw fa-cog" aria-hidden="true"></i> Paramètres</message>
<message id="Lms.Settings.password-bad">Mauvais mot de passe</message>
<message id="Lms.Settings.password-must-fill-old-password">L'ancien mot de passe doit être renseigné</message>
<message id="Lms.Settings.replaygain-mode">Mode ReplayGain</message>
approot/playhistory.xml
-45
View File
@@ -1,45 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.PlayHistory.template">
<div class="row">
<div class="col-md-8">
<div class="page-header">
<h2>${tr:Lms.PlayHistory.playhistory}</h2>
</div>
${entries}
<div class="row">
<div class="col-xs-12 Lms-horizontal-center">
${show-more class="btn-primary Lms-show-more"}
</div>
</div>
</div>
</div>
</message>
<message id="Lms.PlayHistory.template.entry">
<div class="row Lms-playhistory-entry Lms-entry-hoverable Lms-vertical-align">
<div class="col-xs-12 Lms-playhistory-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover"}
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
${<if-has-artists-or-release>}
${<if-has-release>}<small>${release class="Lms-releasename text-primary"}</small>${</if-has-release>}
${<if-has-artists>}<small>${artists}</small>${</if-has-artists>}
${</if-has-artists-or-release>}
</div>
</div>
</div>
</div>
</message>
<message id="Lms.PlayHistory.template.entry-artist">
${artist class="Lms-artistname text-muted"}
</message>
</messages>
approot/playqueue.xml
+2 -2
View File
@@ -10,7 +10,7 @@
<message id="Lms.PlayQueue.template">
<div class="row">
<div class="col-md-8">
<div class="page-header">
<div class="Lms-header">
<h2>${tr:Lms.PlayQueue.playqueue}</h2>
${clear-btn}${shuffle-btn}${repeat-btn}${radio-btn}
<h4><small>${nb-tracks}</small></h4>
@@ -33,7 +33,7 @@
<div class="col-xs-9 Lms-playqueue-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover"}
${cover class="media-object Lms-cover Lms-cover-container-smaller"}
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
approot/release.xml
+23 -10
View File
@@ -8,18 +8,31 @@
<message id="Lms.Explore.Release.template">
<div class="row">
<div class="col-xs-12">
<div class="col-md-3">
${cover class="Lms-explore-release-cover"}
</div>
</div>
<div class="col-md-5">
<div class="Lms-header">
<h3><div class="Lms-releasename text-primary">${name}</div></h3>
${<if-has-artist>}<h4>${artist class="Lms-artistname text-muted"}</h4>${</if-has-artist>}
<div class="text-muted"><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></div>
${clusters}
${play-btn}${add-btn}
</div>
${container class="Lms-explore-release-entries-container"}
</div>
<div class="col-md-4">
<div class="well well-sm">
${<if-has-copyright-or-copyright-url>}
<h3>${tr:Lms.Explore.Release.copyright}</h3>
${<if-has-copyright>}<small>${copyright}</small>${</if-has-copyright>}
${<if-has-copyright-url>}<small>${copyright-url}</small>${</if-has-copyright-url>}
${</if-has-copyright-or-copyright-url>}
<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
${similar-releases}
</div>
</div>
</div>
<div class="page-header">
<h3><div class="Lms-releasename text-primary">${name}</div></h3>
${<if-has-artist>}<h4>${artist class="Lms-artistname text-muted"}</h4>${</if-has-artist>}
<div class="text-muted"><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></div>
${clusters}
${play-btn}${add-btn}
</div>
${container}
</message>
<message id="Lms.Explore.Release.template.disc-entry">
approot/releaseinfo.xml
-15
View File
@@ -1,15 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.ReleaseInfo.template">
${<if-has-copyright-or-copyright-url>}
<h3>${tr:Lms.Explore.Release.copyright}</h3>
${<if-has-copyright>}<small>${copyright}</small>${</if-has-copyright>}
${<if-has-copyright-url>}<small>${copyright-url}</small>${</if-has-copyright-url>}
${</if-has-copyright-or-copyright-url>}
<h3>${tr:Lms.Explore.ReleaseInfo.similar-releases}</h3>
${similar-releases}
</message>
</messages>
approot/releaselink.xml
-23
View File
@@ -1,23 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.ReleaseLink.template">
<div class="row Lms-explore-releaselink Lms-entry-hoverable">
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover"}
</div>
<div class="media-body media-middle">
<div class="media-heading">
${release-name class="Lms-releasename text-primary"}
</div>
${<if-has-artist>}<small>${artist-name class="Lms-artistname text-muted"}</small>${</if-has-artist>}
</div>
</div>
</div>
</div>
</message>
</messages>
approot/releases.xml
+22 -8
View File
@@ -3,16 +3,11 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.Releases.template">
<div class="page-header">
<div class="Lms-header">
<h2>${tr:Lms.Explore.releases}</h2>
${mode class="nav nav-pills Lms-explore-mode-container"}
${play-btn}${add-btn}
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
${search}
</div>
</div>
${releases}
<div class="row">
<div class="col-xs-12 Lms-horizontal-center">
@@ -26,7 +21,7 @@
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover"}
${cover class="media-object Lms-cover Lms-cover-container-medium"}
</div>
<div class="media-body media-middle">
<h4 class="media-heading">
@@ -40,4 +35,23 @@
</div>
</message>
<message id="Lms.Explore.Releases.template.entry-small">
<div class="row Lms-explore-releaselink Lms-entry-hoverable">
<div class="col-xs-12">
<div class="media">
<div class="media-left media-middle">
${cover class="media-object Lms-cover Lms-cover-container-smaller"}
</div>
<div class="media-body media-middle">
<div class="media-heading">
${release-name class="Lms-releasename text-primary"}
</div>
${<if-has-artist>}<small>${artist-name class="Lms-artistname text-muted"}</small>${</if-has-artist>}
</div>
</div>
</div>
</div>
</message>
</messages>
approot/releasesinfo.xml
-12
View File
@@ -1,12 +0,0 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.Explore.ReleasesInfo.template">
<h3>${tr:Lms.Explore.ReleasesInfo.most-played}</h3>
${most-played}
<h3>${tr:Lms.Explore.ReleasesInfo.recently-added}</h3>
${recently-added}
</message>
</messages>
approot/search.xml
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Lms.Explore.Search.template">
<div class="Lms-header">
<h2>${tr:Lms.Explore.Search.search}</h2>
</div>
${<if-artists>}
<h3>${tr:Lms.Explore.artists}</h3>
${artists}
${</if-artists>}
${<if-releases>}
<h3>${tr:Lms.Explore.releases}</h3>
${releases}
${</if-releases>}
${<if-tracks>}
<h3>${tr:Lms.Explore.tracks}</h3>
${tracks}
${</if-tracks>}
</message>
<message id="Lms.Explore.Search.template.track-entry">
<div class="row Lms-explore-tracks-entry Lms-entry-hoverable Lms-vertical-align">
<div class="col-xs-12 Lms-explore-tracks-entry-name">
<div class="media">
<div class="media-left media-middle hidden-xs">
${cover class="media-object Lms-cover"}
</div>
<div class="media-body media-middle">
<h4><div class="Lms-trackname text-primary">${name}</div></h4>
${<if-has-artists-or-release>}
${<if-has-release>}<small>${release class="Lms-releasename text-primary"}</small>${</if-has-release>}
${<if-has-artists>}${artists}${</if-has-artists>}
${</if-has-artists-or-release>}
</div>
</div>
</div>
</div>
</message>
</messages>
approot/templates.xml
+48 -1
View File
@@ -2,7 +2,54 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<message id="Lms.template">
${navbar-top class="Lms-navbar"}
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
${title class="navbar-brand"}
<div class="Lms-navbar-search pull-left">
${search class="form-control"}
</div>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>${artists}</li>
<li>${releases}</li>
<li>${tracks}</li>
<li>${playqueue}</li>
</ul>
<div class="navbar-form navbar-left">
${filters class="form-group Lms-clusters-control"}
</div>
<ul class="nav navbar-nav navbar-right">
${<if-is-admin>}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" title="${tr:Lms.administration}"><i class="fa fa-cogs" aria-hidden="true"></i> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li>${database}</li>
<li>${users}</li>
</ul>
</li>
${</if-is-admin>}
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" title="${tr:Lms.user}"><i class="fa fa-user" aria-hidden="true"></i>
<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li class="dropdown-header">${username}</li>
<li class="divider"></li>
<li>${settings}</li>
<li>${logout}</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
${contents class="Lms-contents"}
</div>
approot/tracks.xml
+6 -7
View File
@@ -4,19 +4,18 @@
<!--FORMS message blocks-->
<message id="Lms.Explore.Tracks.template">
<div class="page-header">
<div class="Lms-header">
<h2>${tr:Lms.Explore.tracks}</h2>
${mode class="nav nav-pills Lms-explore-mode-container"}
${play-btn}${add-btn}
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
${search}
<div class="row">
<div class="col-lg-8">
${tracks}
</div>
</div>
${tracks}
<div class="row">
<div class="col-xs-12 Lms-horizontal-center">
<div class="col-lg-8 col-xs-12 Lms-horizontal-center">
${show-more class="btn-primary Lms-show-more"}
</div>
</div>