show more detail about items

beetsplug/web/__init__.py

@@ -113,6 +113,6 @@ class WebPlugin(BeetsPlugin):
                               default=False, help='debug mode')
         def func(lib, config, opts, args):
             app.config['lib'] = lib
-            app.run(host='', debug=opts.debug)
+            app.run(host='', debug=opts.debug, threaded=True)
         cmd.func = func
         return [cmd]

beetsplug/web/static/beets.css

@@ -99,3 +99,19 @@ body {
 #detail .albumtitle {
     font-style: italic;
 }
+
+#detail dl dt, #detail dl dd {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+#detail dl dt {
+    width: 10em;
+    float: left;
+    text-align: right;
+    font-weight: bold;
+    clear: both;
+}
+#detail dl dd {
+    margin-left: 10.5em;
+}

beetsplug/web/templates/index.html

@@ -41,6 +41,29 @@
             <span class="title"><%= title %></span>
             
             <a class="download" href="/item/<%= id %>/file">download</a>
+
+            <dl>
+                <dt>Track</dt>
+                <dd><%= track %>/<%= tracktotal %></dd>
+                <% if (disc) { %>
+                    <dt>Disc</dt>
+                    <dd><%= disc %>/<%= disctotal %></dd>
+                <% } %>
+                <% if (mb_trackid) { %>
+                    <dt>MuscBrainz entry</dt>
+                    <dd>
+                        <a href="http://musicbrainz.org/recording/<%= mb_trackid %>">view</a>
+                    </dd>
+                <% } %>
+                <% if (lyrics) { %>
+                    <dt>Lyrics</dt>
+                    <dd><%= lyrics %></dd>
+                <% } %>
+                <% if (comments) { %>
+                    <dt>Comments</dt>
+                    <dd><%= comments %></dd>
+                <% } %>
+            </dl>
         </script>
     </body>
 </html>