fmartingr
/
shelfzilla
Archived
1
0
Fork 0
Code Releases Activity

Improved series detail layout

This commit is contained in:
Felipe Martin 2014-03-31 19:06:55 +02:00
parent f300a9c76e
commit a3e552091e
2 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
shelfzilla/themes/bootflat/templates/manga/series/detail.html
View File

@ -6,21 +6,26 @@
{% block main_content %}
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-3">
<div class="panel panel-primary">
<!--
<div class="panel-heading">
<h1 class="panel-title panel-title-alt text-center">{{ item.name }}</h1>
</div>
-->
{% if item.cover %}
<div class="panel-body text-center">
<img src="{{ item.cover.url }}" class="max-width-80" />
</div>
{% endif %}
<!-- <ul class="list-group">
<li class="list-group-item">Detail 1</li>
<li class="list-group-item">Detail 2</li>
<li class="list-group-item">Detail 3</li>
</ul> -->
<ul class="list-group">
<li class="list-group-item">
<strong>{% trans "Volumes" %}</strong>: {{ item.volumes.count }}
</li>
<li class="list-group-item">
<strong>{% trans "Finished" %}</strong>: {{ item.finished|yesno|capfirst }}
</li>
</ul>
</div>
{% if item.publishers %}
<div class="panel panel-default">
@ -37,7 +42,12 @@
</div>
{% endif %}
</div>
<div class="col-md-8">
<div class="col-md-9">
<div class="panel panel-primary">
<div class="panel-heading">
<h1 class="panel-title panel-title-alt text-center">{{ item.name }}</h1>
</div>
</div>
{% if item.summary %}
<div class="well">
{{ item.summary|linebreaks }}
@ -45,7 +55,7 @@
{% endif %}
<div class="row">
{% for volume in item.volumes.all %}
<div class="col-sm-3" data-pjax-container="v{{ volume.pk }}">
<div class="col-sm-2" data-pjax-container="v{{ volume.pk }}">
{% include "manga/series/includes/volume.html" with volume=volume user=user %}
</div>
{% if forloop.counter|divisibleby:4 %}

1
shelfzilla/themes/bootflat/templates/manga/series/includes/volume.html
View File

@ -23,6 +23,5 @@
<div class="text-center">
<div><strong>{% trans "Volume" %} {{ volume.number }}</strong></div>
<img src="{% thumbnail volume.cover 150x150 %}" class="max-width-80" />
<button class="btn btn-primary btn-xs">{% trans "Details" %}</button>
</div>
</div>