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 49 additions and 6 deletions

View file

@ -11,5 +11,7 @@ input[type=checkbox]:not(:checked)~.label_hide_if_not_checked{display:none}
.suggestion_item{margin:2px 5px} .suggestion_item{margin:2px 5px}
.result_download{margin-right:5px} .result_download{margin-right:5px}
#pagination{margin-top:30px;padding-bottom:50px} #pagination{margin-top:30px;padding-bottom:50px}
.infobox .infobox_part{margin-bottom:20px}
.infobox .infobox_part:last-child{margin-bottom:0}
.search_categories{margin:10px 0;text-transform:capitalize} .search_categories{margin:10px 0;text-transform:capitalize}
.cursor-text{cursor:text !important} .cursor-text{cursor:text !important}

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