Show visibility of statuses

Added an icon to show the visibility of a status (public, unlisted,
private, or direct). This goes next to the up arrow indicating
a reply, so this area can be used for other symbols regarding the
status' properties.

public/css/styles.css

@@ -71,7 +71,7 @@ div.actions span.reblogged a {
     color: green;
 }
 
-time, span.event-action {
+time, span.event-indicators {
     font-size: smaller;
     margin-left: 1em;
 }

resources/views/event_info.blade.php

@@ -10,6 +10,21 @@
         </a>
     </span>
 
+    <span class="event-indicators">
+        @if ($visibility !== null)
+            <span class="visibility">
+                @if ($visibility === 'public')
+                    <span title="public">&#9675;</span>
+                @elseif ($visibility === 'unlisted')
+                    <span title="unlisted">&#9676;</span>
+                @elseif ($visibility === 'private')
+                    <span title="private">&#128274;</span>
+                @elseif ($visibility === 'direct')
+                    <span title="direct">&#9993;</span>
+                @endif
+            </span>
+        @endif
+
         @if ($type !== null)
             <span class="event-action">
                 @if ($type === 'mention')
@@ -25,6 +40,7 @@
                 @endif
             </span>
         @endif
+    </span>
 
     <time datetime="{{ $created_at }}">
         @php

resources/views/status.blade.php

@@ -2,7 +2,8 @@
     @component('event_info', [
         'account' => $status['account'],
         'created_at' => $status['created_at'],
-        'type' => $status['in_reply_to_id'] === null ? null : 'reply'
+        'type' => $status['in_reply_to_id'] === null ? null : 'reply',
+        'visibility' => $status['visibility']
     ])
     @endcomponent