Merge pull request #40 from grozwalker/profile-chapters

feat(profile): add user chapters tree
Hexlet · Sep 14, 2019 · c0c9bf2 · c0c9bf2
2 parents 7e612f9 + 7863502
commit c0c9bf2
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 2 deletions.
diff --git a/app/Chapter.php b/app/Chapter.php
@@ -3,7 +3,17 @@
 namespace App;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Auth;
 
 class Chapter extends Model
 {
+    public function user()
+    {
+        return $this->belongsToMany(User::class, 'read_chapters');
+    }
+
+    public function getIsReadAttribute()
+    {
+        return $this->user->where('id', Auth::user()->id)->count() > 0;
+    }
 }
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
@@ -2,14 +2,29 @@
 
 namespace App\Http\Controllers;
 
+use App\Chapter;
 use App\User;
 
 class UserController extends Controller
 {
     public function show(string $name)
     {
+        $user = User::where('name', $name)->firstOrFail();
+
+        $allChapters = Chapter::all();
+        $userReadChapters = $user->readChapters;
+
+        $chaptersTree = $allChapters->map(function ($chapter) use ($userReadChapters) {
+            return [
+                'id' => $chapter->id,
+                'path' => $chapter->path,
+                'is_read' => $userReadChapters->contains('id', $chapter->id),
+            ];
+        });
+
         return view('user.index', [
-            'user' => User::where('name', $name)->firstOrFail(),
+            'user' => $user,
+            'chaptersTree' => $chaptersTree
         ]);
     }
 }
diff --git a/resources/sass/_profile.scss b/resources/sass/_profile.scss
@@ -0,0 +1,3 @@
+.chapters-tree {
+    list-style: none;
+}
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -6,3 +6,5 @@
 
 // Bootstrap
 @import '~bootstrap/scss/bootstrap';
+
+@import 'profile';
diff --git a/resources/views/user/index.blade.php b/resources/views/user/index.blade.php
@@ -10,7 +10,21 @@
             </div>
         </div>
         <div class="col-12 col-md-9 my-4 d-flex flex-column">
-            Main content
+            <ul class="list-group">
+                @foreach($chaptersTree as $chapter)
+
+                    <li class="list-group-item">
+                        <div class="form-check">
+                            <input type="checkbox" class="form-check-input"  id="{{ $chapter['id'] }}" value="{{ $chapter['id'] }}" {{ $chapter['is_read'] ? 'checked' : '' }}>
+
+                            <label for="{{ $chapter['id'] }}" class="form-check-label">
+                                {{ $chapter['path'] }}
+                            </label>
+                        </div>
+                    </li>
+
+                @endforeach
+            </ul>
         </div>
     </div>
 @endsection