New UI: first step

This commit is contained in:
emeric
2018-01-28 14:15:50 +01:00
parent d8f8c77c07
commit 6591006fcc
98 changed files with 1602 additions and 8515 deletions
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="template-artist">
<div class="page-header">
<h2>${name}</h2>
</div>
${releases class="list-group"}
</message>
<message id="template-artist-entry">
<div class="media list-group-item">
<div class="pull-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body">
<h4 class="media-heading">${name}</h4>
</div>
${<if-has-various-artists>}${tr:msg-various-artists}${</if-has-various-artists>}
<h4>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</h4>
</div>
</message>
</messages>
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="template-artists">
<div class="page-header">
<h2>${tr:msg-artists}</h2>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
${search}
</div>
</div>
${artists class="list-group"}
</message>
<message id="template-artists-entry">
<div class="list-group-item">
<span class="badge">${nb-release}</span>
${name}
</div>
</message>
</messages>
+13
View File
@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="msg-various-artists">Various artists</message>
<message id="msg-artists">Artists</message>
<message id="msg-releases">Albums</message>
<message id="msg-tracks">Tracks</message>
<message id="msg-playlist">Playlist</message>
<message id="msg-filter-add">Add filter</message>
<message id="msg-search-placeholder">Search...</message>
</messages>
+25
View File
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="template-release">
${cover}
<div class="page-header">
<h2>${name}</h2>
<h4>${artist-name}</h4>
<h4>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</h4>
${play-btn}${add-btn}
</div>
${tracks}
</message>
<message id="template-release-entry">
${<if-has-disc-number>}${disc-number}-${</if-has-disc-number>}${<if-has-track-number>}${track-number}. ${</if-has-track-number>}
${<if-has-artist>}${artist-name} - ${</if-has-artist>}
${name}
${play-btn}${add-btn}
</message>
</messages>
+31
View File
@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="template-releases">
<div class="page-header">
<h2>${tr:msg-releases}</h2>
</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 class="list-group"}
</message>
<message id="template-releases-entry">
<div class="media list-group-item">
<div class="pull-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body">
<h4 class="media-heading">${release-name}</h4>
${artist-name}
</div>
</div>
</message>
</messages>
+17 -9
View File
@@ -2,15 +2,23 @@
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="Wt.WNavigationBar.template">
<div>
${collapse-button}
<div class="navbar-header">
${expand-button}
${title-link}
${search}
</div>
${contents}
<message id="template-main">
${navbar-top class="main-nav"}
${contents class="container"}
</message>
<message id="template-home">
${tr:msg-home-welcome}
</message>
<message id="template-explore">
${filters}
${contents}
</message>
<message id="template-filters">
<div class="form-group">
${add-filter}${filters}
</div>
</message>
+33
View File
@@ -0,0 +1,33 @@
<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->
<message id="template-tracks">
<div class="page-header">
<h2>${tr:msg-tracks}</h2>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
${search}
</div>
</div>
${tracks class="list-group"}
</message>
<message id="template-tracks-entry">
<div class="media list-group-item">
<div class="pull-left media-middle">
${cover class="media-object"}
</div>
<div class="media-body">
<h4 class="media-heading">${name}</h4>
</div>
${<if-has-release>}${release-name}${</if-has-release>}
${<if-has-artist>}${artist-name}${</if-has-artist>}
${play-btn}${add-btn}
</div>
</message>
</messages>