FEATURE: style comments and comments form

app/Providers/GlobalViewDataProvider.php

@@ -22,7 +22,6 @@ class GlobalViewDataProvider extends ServiceProvider
         }
 
         view()->share('currentUrl', \Request::url());
-        view()->share('loggedUser', \Auth::user());
 
         $this->extendBlade();
     }

templates/Binarity/Resources/assets/css/app.css

@@ -9286,7 +9286,7 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
 	line-height: 1em;
 }
 
-.article-list-item .gravatar {
+.gravatar {
 	border-radius: 50%;
 }
 

templates/Binarity/Resources/views/modules/article/visitor/default.blade.php

@@ -15,7 +15,10 @@
                 <img class="gravatar" src="@gravatar($page->author->email, 50)" alt="">
                 <br />
                 <small>{{$page->author->name}}</small>
+            </div>
 
+            <div class="m-t-25 text-center">
+                <a href="#comments"><i class="fa fa-comments"></i> {{$page->comments->count()}}</a>
             </div>
         </aside>
         <div class="column large-11">
@@ -27,45 +30,73 @@
         </div>
     </div>
     <div class="row m-t-50">
+        <a name="comments"></a>
 
         <h3>Komentáře</h3>
         @foreach($page->comments as $comment)
-            <img src="@gravatar($comment->author->email)" alt=""> {{$comment->author->name}}: {{$comment->content}}
+
+            <div class="row comment">
+                <aside class="column text-center large-1">
+                    <img src="@gravatar($comment->author->email, 30)" class="gravatar" alt="">
+                    <br />
+                    <small>
+                        @date($comment->created_at, false)
+                    </small>
+                </aside>
+                <div class="column large-11">
+                    <header>
+                        <a name="{{$comment->id}}"></a>
+                        <h6><a href="#{{$comment->id}}">{{$comment->author->name}}</a></h6>
+                    </header>
+                    <article>
+                        {{$comment->content}}
+                    </article>
+                </div>
+                <div class="clearfix"></div>
+            </div>
         @endforeach
 
-        @if(session('success'))
+        <?php
-            <div class="callout succes">
+        $loggedUser = \Auth::user();
-                Komentář úspěšně uložen.
+        ?>
+        <div class="row m-t-25 ">
+            <div class="column large-1">
+                @if($loggedUser)
+                    <img src="@gravatar($loggedUser->email)" class="gravatar" alt="">
+                @endif
             </div>
-        @endif
+            <div class="column large-11">
-
+                @if(session('success'))
-        <form method="post" action="{{route('comments.new', ['id' => $page->id])}}">
+                    <div class="callout succes">
-            {!! csrf_field() !!}
+                        Komentář úspěšně uložen. @if (!$loggedUser) Po schválení se zde objeví. @endif
-
-            @if($loggedUser)
-                <img src="@gravatar($loggedUser->email)" alt=""> {{$loggedUser->name}}
-            @else
-                <div class="row">
-                    <div class="column medium-6">
-                        <input type="text" name="name" required placeholder="Jméno">
                     </div>
-                    <div class="column medium-6">
+                @endif
-                        <input type="email" name="email" required placeholder="E-mail">
+
+                <form method="post" action="{{route('comments.new', ['id' => $page->id])}}">
+                    {!! csrf_field() !!}
+
+                    @if(!$loggedUser)
+                        <div class="row">
+                            <div class="column medium-6">
+                                <input type="text" name="name" required placeholder="Jméno">
+                            </div>
+                            <div class="column medium-6">
+                                <input type="email" name="email" required placeholder="E-mail">
+                            </div>
+                        </div>
+                    @endif
+
+                    <div class="row">
+                        <div class="column medium-12">
+                            <textarea name="message" required>{{old('message')}}</textarea>
+
+                            <button type="submit" class="button success">Uložit</button>
+                        </div>
                     </div>
-                </div>
+                </form>
-            @endif
-
-            <div class="row">
-                <div class="column medium-12">
-                    <textarea name="message" required>{{old('message')}}</textarea>
-
-                    <button type="submit" class="button success">Uložit</button>
-
-                </div>
             </div>
-        </form>
+        </div>
+
 
     </div>
-
-
 @endsection