Implement Github Markdown CSS. Closes #1643

app/Console/Commands/DemoSeederCommand.php

@@ -159,7 +159,25 @@ class DemoSeederCommand extends Command
      */
     protected function seedIncidents()
     {
+        $incidentMessage = <<<EINCIDENT
+# Of course it does!
+
+What kind of web application doesn't these days?
+
+## Headers are fun aren't they
+
+It's _exactly_ why we need Markdown. For **emphasis** and such.
+EINCIDENT;
+
         $defaultIncidents = [
+            [
+                'name'         => 'Cachet supports Markdown!',
+                'message'      => $incidentMessage,
+                'status'       => 4,
+                'component_id' => 0,
+                'scheduled_at' => null,
+                'visible'      => 1,
+            ],
             [
                 'name'         => 'Awesome',
                 'message'      => ':+1: We totally nailed the fix.',

bower.json

@@ -1,22 +1,23 @@
 {
-    "name": "Cachet",
-    "dependencies": {
-        "animate-sass": "~0.6",
-        "autosize": "~3.0.15",
-        "bootstrap-sass": "~3.3",
-        "chartjs": "~2.0.0-beta2",
-        "eonasdan-bootstrap-datetimepicker": "~3.1",
-        "humane-js": "~3.2",
-        "ionicons": "~2.0",
-        "jquery": "~2.2",
-        "jquery-minicolors": "~2.2",
-        "jquery-serialize-object": "~2.5",
-        "jquery-sparkline": "~2.1",
-        "livestampjs": "~1.1",
-        "lodash": "~4.5.1",
-        "messenger": "~1.4",
-        "moment": "~2.11.2",
-        "Sortable": "~1.4",
-        "sweetalert": "~1.1"
-    }
+  "name": "Cachet",
+  "dependencies": {
+    "animate-sass": "~0.6",
+    "autosize": "~3.0.15",
+    "bootstrap-sass": "~3.3",
+    "chartjs": "~2.0.0-beta2",
+    "eonasdan-bootstrap-datetimepicker": "~3.1",
+    "humane-js": "~3.2",
+    "ionicons": "~2.0",
+    "jquery": "~2.2",
+    "jquery-minicolors": "~2.2",
+    "jquery-serialize-object": "~2.5",
+    "jquery-sparkline": "~2.1",
+    "livestampjs": "~1.1",
+    "lodash": "~4.5.1",
+    "messenger": "~1.4",
+    "moment": "~2.11.2",
+    "Sortable": "~1.4",
+    "sweetalert": "~1.1",
+    "github-markdown-css": "^2.2.1"
+  }
 }

gulpfile.js

@@ -9,6 +9,7 @@ elixir(function (mix) {
         .styles([
             'vendor/bower_components/jquery-minicolors/jquery.minicolors.css',
             'vendor/bower_components/sweetalert/dist/sweetalert.css',
+            'vendor/bower_components/github-markdown-css/github-markdown.css',
             'public/dist/css/app.css'
         ], 'public/dist/css/all.css', './')
         .scripts([

resources/views/partials/incident.blade.php

@@ -19,7 +19,7 @@
             @endif
         </small>
     </div>
-    <div class="panel-body">
+    <div class="panel-body markdown-body">
         {!! $incident->formattedMessage !!}
     </div>
 </div>