huubl · December 1, 2020 13:08 · Jul 6, 2020 · Jul 6, 2020
diff --git a/example.blade.php b/example.blade.php
@@ -1,2 +1,2 @@
 <x-rating />
-<x-rating rating="3.4" size="20" type="thumbs-up" />
+<x-rating rating="3.4" size="20" type="thumbsUp" />
diff --git a/Rating.php b/Rating.php
@@ -0,0 +1,87 @@
+<?php
+
+namespace App\View\Components;
+
+use Roots\Acorn\View\Component;
+
+class Rating extends Component
+{
+    /**
+     * The rating value.
+     *
+     * @return int
+     */
+    public $rating;
+
+    /**
+     * The rating type.
+     *
+     * @return string
+     */
+    public $type;
+
+    /**
+     * The rating size.
+     *
+     * @return int
+     */
+    public $size;
+
+    /**
+     * Create the component instance.
+     *
+     * @param  string  $type
+     * @param  int $size
+     * @param  int $rating
+     * @return void
+     */
+    public function __construct($type = 'star', $size = 16, $rating = null)
+    {
+        $this->type = $type;
+        $this->size = $size;
+        $this->rating = $rating;
+
+        if (empty($this->$rating)) {
+            $this->rating = get_field('rating') ?? get_sub_field('rating') ?? 1;
+        }
+    }
+
+    /**
+     * The formatted rating.
+     *
+     * @return string
+     */
+    public function rating()
+    {
+        return $this->format($this->rating);
+    }
+
+    /**
+     * Format a number to the first decimal.
+     *
+     * @param  int $x
+     * @param  int $y
+     * @return string
+     */
+    protected function format($x, $y = 1)
+    {
+        if (! is_numeric($x)) {
+            $x = 1;
+        }
+
+        return number_format(
+            min(max($x, 1), 5),
+            $y
+        );
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\View\View|string
+     */
+    public function render()
+    {
+        return $this->view('components.rating');
+    }
+}
diff --git a/example.blade.php b/example.blade.php
@@ -0,0 +1,2 @@
+<x-rating />
+<x-rating rating="3.4" size="20" type="thumbs-up" />
diff --git a/rating.blade.php b/rating.blade.php
@@ -0,0 +1,8 @@
+<fa-rating
+  :glyph="{{ $type }}"
+  :item-size="{{ $size }}"
+  active-color="currentColor"
+  :increment="0.1"
+  :rating="{{ $rating }}"
+  v-model="rating">
+</fa-rating>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<x-rating />
		<x-rating rating="3.4" size="20" type="thumbs-up" />
No results found