oscar template: add infobox

This commit is contained in:
Thomas Pointhuber 2014-10-05 15:29:21 +02:00
parent 517e57b996
commit c36c935b03
5 changed files with 47 additions and 6 deletions

Binary file not shown.

View File

@ -0,0 +1,9 @@
.infobox {
.infobox_part {
margin-bottom: 20px;
}
.infobox_part:last-child {
margin-bottom: 0;
}
}

View File

@ -4,6 +4,8 @@
@import "results.less";
@import "infobox.less";
@import "search.less";
@import "cursor.less";

View File

@ -0,0 +1,28 @@
<div class="panel panel-default infobox">
<div class="panel-heading">
<h4 class="panel-title">{{ infobox.infobox }}</h4>
</div>
<div class="panel-body">
{% if infobox.img_src %}<img class="img-responsive center-block infobox_part" src="{{ infobox.img_src }}" />{% endif %}
{% if infobox.content %}<p class="infobox_part">{{ infobox.content }}</p>{% endif %}
{% if infobox.attributes %}
<table class="table table-striped infobox_part">
{% for attribute in infobox.attributes %}
<tr>
<td>{{ attribute.label }}</td>
<td>{{ attribute.value }}</td>
</tr>
{% endfor %}
</table>
{% endif %}
{% if infobox.urls %}
<div class="infobox_part">
{% for url in infobox.urls %}
<p class="btn btn-default btn-xs"><a href="{{ url.url }}">{{ url.title }}</a></p>
{% endfor %}
</div>
{% endif %}
</div>
</div>

View File

@ -47,9 +47,7 @@
{% if suggestions %}
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#suggestions">{{ _('Suggestions') }}</a>
</h4>
<h4 class="panel-title">{{ _('Suggestions') }}</h4>
</div>
<div class="panel-body">
{% for suggestion in suggestions %}
@ -64,9 +62,7 @@
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#links">{{ _('Links') }}</a>
</h4>
<h4 class="panel-title">{{ _('Links') }}</h4>
</div>
<div class="panel-body">
<form role="form">
@ -91,6 +87,12 @@
</div>
</div>
{% if infoboxes %}
{% for infobox in infoboxes %}
{% include 'oscar/infobox.html' %}
{% endfor %}
{% endif %}
</div><!-- /#sidebar_results -->
</div>
{% endblock %}