Merge pull request #2897 from uxen-ab/show-incident-updates-on-the-st…

…atus-page Show incident updates on the status page
cachethq · Jan 30, 2018 · 8fc9c68 · 8fc9c68
2 parents 1fec3e0 + d6ce735
commit 8fc9c68
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/resources/assets/sass/status-page/_status-page.scss b/resources/assets/sass/status-page/_status-page.scss
@@ -423,4 +423,8 @@ body.status-page {
             }
         }
     }
+    //Display inline the incident update message.
+    .incident-update-item > p {
+        display: inline-block;
+    }
 }
diff --git a/resources/views/partials/incidents.blade.php b/resources/views/partials/incidents.blade.php
@@ -33,10 +33,17 @@
                         @if($incident->updates->isNotEmpty())
                         <div class="list-group">
                             @foreach($incident->updates as $update)
-                            <a class="list-group-item" href="{{ $update->permalink }}">
-                                <i class="{{ $update->icon }}" title="{{ $update->human_status }}" data-toggle="tooltip"></i> <strong>{{ Str::limit($update->raw_message, 20) }}</strong>
-                                <small>{{ $update->created_at_diff }}</small>
+                            <a class="list-group-item incident-update-item" href="{{ $update->permalink }}">
+                                <i class="{{ $update->icon }}" title="{{ $update->human_status }}" data-toggle="tooltip"></i>
+                                {!! $update->formatted_message !!}
+                                <small>
+                                    <abbr class="timeago links" data-toggle="tooltip"
+                                        data-placement="right" title="{{ $update->timestamp_formatted }}"
+                                        data-timeago="{{ $update->timestamp_iso }}">
+                                    </abbr>
+                                </small>
                                 <span class="ion-ios-arrow-right pull-right"></span>
+
                             </a>
                             @endforeach
                         </div>