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