add review viewing

app/Http/Controllers/MainController.php

@@ -2,19 +2,26 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\Review;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Cookie;
 use Illuminate\Support\Facades\Session;
 
 class MainController extends Controller
 {
     public function index(){
-        return view('welcome');
+        $data = [
+            'reviews' => Review::validated()->inRandomOrder()->get(),
+        ];
+
+        return view('welcome', $data);
     }
 
     public function switchBackground($background){
         if(file_exists(public_path('images/layout/'.$background.'.png'))){
             Session::put('user_bg', $background);
         }
+
         return redirect()->route('index');
     }
 }

app/Http/Controllers/ReviewController.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Review;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Cookie;
+
+class ReviewController extends Controller
+{
+    public function postSiteReview(Request $request){
+        $data = [
+            'session' => Cookie::get(session()->getName()),
+            'scope' => $request->get(),
+            'stars' => $request->get('stars'),
+            'text' => $request->get('text'),
+            'name' => $request->get('name'),
+            'validated' => $request->get(false),
+        ];
+
+        Review::create($data);
+        return redirect()->route('index');
+    }
+}

app/Http/Requests/PostReviewRequest.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+class PostReviewRequest extends FormRequest
+{
+    /**
+     * Determine if the user is authorized to make this request.
+     *
+     * @return bool
+     */
+    public function authorize()
+    {
+        return false;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array
+     */
+    public function rules()
+    {
+        return [
+            //
+        ];
+    }
+}

app/Models/Review.php

@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Cookie;
+use Illuminate\Support\Str;
+
+class Review extends Model
+{
+    protected $fillable = [
+        'session',
+        'scope',
+        'stars',
+        'text',
+        'name',
+        'validated',
+    ];
+
+    use HasFactory;
+
+    const SCOPE_SITE = 1;
+
+    #ToDo: integrate with skin tool
+    const SCOPE_SKIN = 2;
+
+    public function getValidatedAttribute(){
+        if($this->attributes['validated'] == false && $this->attributes['stars'] > 3 || (!Str::of($this->attributes['text'])->isEmpty() && !Str::of($this->attributes['name'])->isEmpty())){
+            $this->update(['validated' => true]);
+            $this->attributes['validated'] = true;
+        }
+
+        return $this->attributes['validated'];
+    }
+
+    public function getNameAttribute(){
+        $name = $this->attributes['name'];
+        if(Str::of($name)->isEmpty()){
+            $name = 'Anonymous reviewer';
+        }
+        return $name;
+    }
+
+    public function scopeValidated($query){
+        return $query->where('validated', true);
+    }
+}

database/migrations/2021_05_04_174705_create_reviews_table.php

@@ -0,0 +1,37 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateReviewsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('reviews', function (Blueprint $table) {
+            $table->id();
+            $table->text('session');
+            $table->integer('scope')->default(\App\Models\Review::SCOPE_SITE);
+            $table->integer('stars')->nullable();
+            $table->text('text')->nullable();
+            $table->text('name')->nullable();
+            $table->boolean('validated')->default(false);
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('reviews');
+    }
+}

resources/js/main.js

@@ -55,11 +55,16 @@ var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
 })
 
 $(document).ready(function () {
+
     $('.selectBox-square').height($('.selectBox-square').width());
     $('.selectBox-square').click(function () {
         var selector = $(this).attr('target-input');
         $('.selectBox-square').removeClass('selectBox-square-selected')
         $(this).addClass('selectBox-square-selected')
         $('.selectBox-input[data-selector="'+selector+'"]').click();
     })
+    $("#reviewCollapseButton").click(function () {
+        $(this).toggleClass('collapsed');
+        $('#collapseReview').toggleClass('show');
+    })
 })

resources/scss/main.scss

@@ -341,3 +341,31 @@ a {
     font-size: 3.5rem;
   }
 }
+
+
+#reviewCollapseButton.collapsed:after {
+  content: '+ Show More';
+}
+
+#reviewCollapseButton:not(.collapsed):after {
+  content: '- Show Less';
+}
+
+#reviewbox #collapseReview.collapse:not(.show) {
+  display: block;
+  height: 4.5em;
+  overflow: hidden;
+}
+
+#reviewbox #collapseReview.collapsing {
+  height: 4.5em;
+}
+
+#collapseReview {
+  .row {
+    margin-bottom: 50px;
+    div {
+      min-height: 100%;
+    }
+  }
+}

resources/views/partials/reviews.blade.php

@@ -0,0 +1,33 @@
+<div id="reviewbox" class="col-12 row p-3">
+    <h2 class="col-12 text-dark  crystal-textbox text-center">Reviews</h2>
+    <div class="collapse col-12 m-2 " id="collapseReview" aria-expanded="false">
+        @foreach($reviews as $review)
+            @if(($loop->iteration-1) % 2 == 0)
+                <div class="row col-12">
+                    @endif
+                    <div class="col-12 col-sm-6">
+                        <div class="text-dark crystal-textbox text-center">
+                            <div class="col-10 offset-1">
+                                <img src="{{  $review->stars >= 1 ? asset('images/mon/staryu.png') : asset('images/mon/staryu_bw.png')   }}" class="col-2" />
+                                <img src="{{  $review->stars >= 2 ? asset('images/mon/staryu.png') : asset('images/mon/staryu_bw.png')   }}" class="col-2" />
+                                <img src="{{  $review->stars >= 3 ? asset('images/mon/staryu.png') : asset('images/mon/staryu_bw.png')   }}" class="col-2" />
+                                <img src="{{  $review->stars >= 4 ? asset('images/mon/staryu.png') : asset('images/mon/staryu_bw.png')   }}" class="col-2" />
+                                <img src="{{  $review->stars >= 5 ? asset('images/mon/staryu.png') : asset('images/mon/staryu_bw.png')   }}" class="col-2" />
+                                <br/>
+                            @if($review->stars == null || $review->stars == 0) (No rating) @else &nbsp; @endif
+                            </div>
+                            {{$review->text}}
+                            <hr class="align-text-bottom"/>
+                            <span class="align-text-bottom">- {{$review->name}}</span>
+                        </div>
+                    </div>
+                    @if(($loop->iteration) % 2 == 0)
+                </div>
+            @endif
+    @endforeach
+
+    </div>
+    </div>
+<div class="col-12 align-items-center">
+<button role="button" id="reviewCollapseButton" class="col-12 offset-sm-5 col-sm-6 crystal-textbox showoff_item collapsed" data-toggle="collapse" aria-expanded="false" aria-controls="collapseReview"></button>
+</div>

resources/views/welcome.blade.php

@@ -25,6 +25,7 @@
                     <div class="row">
                         <div class="col-12 col-sm-6">@include('partials.newsbox')</div>
                         <div class="col-12 col-sm-6">@include('partials.statistics')</div>
+                        <div class="col-12 col-sm-12">@include('partials.reviews')</div>
                     </div>
                 </div>
             </div>