Al/small updates #17
|
@ -25,7 +25,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{# Rating Distribution Display #}
|
{# Rating Distribution Display #}
|
||||||
<div class="col-sm-3">
|
|
||||||
|
|
||||||
|
<!-- <div class="col-sm-3">
|
||||||
<ul>
|
<ul>
|
||||||
<li>5: {{ entity.rating_distribution.4 }}</li>
|
<li>5: {{ entity.rating_distribution.4 }}</li>
|
||||||
<li>4: {{ entity.rating_distribution.3 }}</li>
|
<li>4: {{ entity.rating_distribution.3 }}</li>
|
||||||
|
@ -33,9 +35,82 @@
|
||||||
<li>2: {{ entity.rating_distribution.1 }}</li>
|
<li>2: {{ entity.rating_distribution.1 }}</li>
|
||||||
<li>1: {{ entity.rating_distribution.0 }}</li>
|
<li>1: {{ entity.rating_distribution.0 }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>-->
|
||||||
|
|
||||||
|
<div class="col-sm-3">
|
||||||
|
<h4>Rating breakdown</h4>
|
||||||
|
<div class="pull-left">
|
||||||
|
<div class="pull-left" style="width:35px; line-height:1;">
|
||||||
|
<div style="height:9px; margin:5px 0;">5 <span class="glyphicon glyphicon-star"></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left" style="width:180px;">
|
||||||
|
<div class="progress" style="height:9px; margin:8px 0;">
|
||||||
|
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: 0%">
|
||||||
|
<span class="sr-only">80% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.4 }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left">
|
||||||
|
<div class="pull-left" style="width:35px; line-height:1;">
|
||||||
|
<div style="height:9px; margin:5px 0;">4 <span class="glyphicon glyphicon-star"></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left" style="width:180px;">
|
||||||
|
<div class="progress" style="height:9px; margin:8px 0;">
|
||||||
|
<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
|
||||||
|
<span class="sr-only">80% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.3 }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left">
|
||||||
|
<div class="pull-left" style="width:35px; line-height:1;">
|
||||||
|
<div style="height:9px; margin:5px 0;">3 <span class="glyphicon glyphicon-star"></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left" style="width:180px;">
|
||||||
|
<div class="progress" style="height:9px; margin:8px 0;">
|
||||||
|
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="3" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
|
||||||
|
<span class="sr-only">80% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.2 }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left">
|
||||||
|
<div class="pull-left" style="width:35px; line-height:1;">
|
||||||
|
<div style="height:9px; margin:5px 0;">2 <span class="glyphicon glyphicon-star"></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left" style="width:180px;">
|
||||||
|
<div class="progress" style="height:9px; margin:8px 0;">
|
||||||
|
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: 33%">
|
||||||
|
<span class="sr-only">80% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.1 }}</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left">
|
||||||
|
<div class="pull-left" style="width:35px; line-height:1;">
|
||||||
|
<div style="height:9px; margin:5px 0;">1 <span class="glyphicon glyphicon-star"></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-left" style="width:180px;">
|
||||||
|
<div class="progress" style="height:9px; margin:8px 0;">
|
||||||
|
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="1" aria-valuemin="0" aria-valuemax="5" style="width: 0">
|
||||||
|
<span class="sr-only">80% Complete (danger)</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pull-right" style="margin-left:10px;">{{ entity.rating_distribution.0 }}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-7">
|
<div class="col-sm-7">
|
||||||
<hr/>
|
<hr/>
|
||||||
|
|
Loading…
Reference in New Issue