Adds Authors, Series and Book Cover to the shelf order view

cps/static/css/style.css

@@ -64,6 +64,7 @@ span.glyphicon.glyphicon-tags {padding-right: 5px;color: #999;vertical-align: te
 .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
 .navbar-default .navbar-toggle {border-color: #000;}
 .cover { margin-bottom: 10px;}
+.cover-heigh { max-height: 100px;}
 
 .btn-file {position: relative; overflow: hidden;}
 .btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}

cps/templates/shelf_order.html

@@ -1,11 +1,32 @@
 {% extends "layout.html" %}
 {% block body %}
-  <div class="col-sm-6 col-lg-6 col-xs-6">
+  <div class="col-sm-8 col-lg-8 col-xs-12">
     <h2>{{title}}</h2>
     <div>{{_('Drag \'n drop to rearrange order')}}</div>
       <div id="sortTrue" class="list-group">
         {% for entry in entries %}
-          <div id="{{entry.id}}" class="list-group-item">{{entry.title}}</div>
+          <div id="{{entry.id}}" class="list-group-item">
+            <div class="row">
+              <div class="col-lg-4 col-sm-4 hidden-xs">
+                  <img class="cover-heigh" src="{{ url_for('web.get_cover', book_id=entry.id) }}">
+              </div>
+              <div class="col-lg-8 col-sm-8 col-xs-12">
+                  {{entry.title}}
+                  {% if entry.series|length > 0 %}
+                    <br>
+                    {{entry.series_index}} - {{entry.series[0].name}}
+                  {% endif %}
+                  <br>
+                  {% for author in entry.authors %}
+                    {{author.name.replace('|',',')}}
+                    {% if not loop.last %}
+                      &amp;
+                    {% endif %}
+                  {% endfor %}
+              </div>
+            </div>
+            <div style="clear:both;"></div>
+          </div>
         {% endfor %}
       </div>
         <button onclick="sendData('{{ url_for('shelf.order_shelf', shelf_id=shelf.id) }}')" class="btn btn-default" id="ChangeOrder">{{_('Change order')}}</button>