Skip to content

Instantly share code, notes, and snippets.

View AzenoX's full-sized avatar

Alexis AzenoX

View GitHub Profile
@AzenoX
AzenoX / stars_rating.blade.php
Last active January 2, 2023 18:06
A simple blade component to display a rating between 0 and 5 with stars ⭐⭐⭐⭐⭐
@for($i = 0 ; $i < 5 ; $i++)
@if(floor($ratingAvg) > floatval($i) || (floor($ratingAvg) === floatval($i) && ($ratingAvg - floor($ratingAvg)) > 0.75))
<svg fill="{{ $color ?? '#FFB100' }}" xmlns="http://www.w3.org/2000/svg" width="{{ $size ?? '24' }}" height="{{ $size ?? '24' }}" viewBox="0 0 24 24">
<path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z"/>
</svg>
@elseif(floor($ratingAvg) === floatval($i) && ($ratingAvg - floor($ratingAvg)) > 0.25 && ($ratingAvg - floor($ratingAvg)) < 0.75)
<svg fill="{{ $color ?? '#FFB100' }}" xmlns="http://www.w3.org/2000/svg" width="{{ $size ?? '24' }}" height="{{ $size ?? '24' }}" viewBox="0 0 24 24">
<path d="M12 5.173l2.335 4.817 5.305.732-3.861 3.71.942 5.27-4.721-2.524v-12.005zm0-4.586l-3.668 7.568-8.332 1.151 6.064 5.828-1.48 8.279 7.416-3.967 7.416 3.966-1.48-8.279 6.064-5.827-8.332-1.15-3.668-7.569z"/>
</svg>
@else