From e729166c322a06530addd6c63400e08326a682ed Mon Sep 17 00:00:00 2001
From: "Cheng-Han, Wu" <jackymaxj@gmail.com>
Date: Tue, 15 Mar 2016 10:56:53 +0800
Subject: [PATCH] Updated to support container syntax and styles

---
 bower.json              |  1 +
 public/css/markdown.css |  4 ++++
 public/js/extra.js      | 10 ++++++++++
 public/js/syncscroll.js | 11 +++++++++++
 public/views/foot.ejs   |  1 +
 public/views/pretty.ejs |  1 +
 6 files changed, 28 insertions(+)

diff --git a/bower.json b/bower.json
index f2fc36e..b370863 100644
--- a/bower.json
+++ b/bower.json
@@ -44,6 +44,7 @@
     "markdown-it-ins": "^2.0.0",
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "^1.0.0",
+    "markdown-it-container": "^2.0.0",
     "mermaid": "^0.5.8",
     "MathJax": "^2.6.1"
   }
diff --git a/public/css/markdown.css b/public/css/markdown.css
index aa24691..76fd0c5 100644
--- a/public/css/markdown.css
+++ b/public/css/markdown.css
@@ -93,6 +93,10 @@
     unicode-bidi: embed;
 }
 
+.markdown-body .alert > p {
+    margin-bottom: 0;
+}
+
 .markdown-body pre.flow-chart,
 .markdown-body pre.sequence-diagram,
 .markdown-body pre.graphviz,
diff --git a/public/js/extra.js b/public/js/extra.js
index a72ca5e..7b4eb0c 100644
--- a/public/js/extra.js
+++ b/public/js/extra.js
@@ -728,6 +728,16 @@ md.use(window.markdownitIns);
 md.use(window.markdownitSub);
 md.use(window.markdownitSup);
 md.use(window.markdownitMathjax);
+function renderContainer(tokens, idx, options, env, self) {
+    tokens[idx].attrJoin('role', 'alert');
+    tokens[idx].attrJoin('class', 'alert');
+    tokens[idx].attrJoin('class', 'alert-' + tokens[idx].info.trim());
+    return self.renderToken.apply(self, arguments);
+}
+md.use(window.markdownitContainer, 'success', { render: renderContainer });
+md.use(window.markdownitContainer, 'info', { render: renderContainer });
+md.use(window.markdownitContainer, 'warning', { render: renderContainer });
+md.use(window.markdownitContainer, 'danger', { render: renderContainer });
 
 md.renderer.rules.image = function (tokens, idx, options, env, self) {
     tokens[idx].attrJoin('class', 'raw');
diff --git a/public/js/syncscroll.js b/public/js/syncscroll.js
index 7cf62bc..890188c 100644
--- a/public/js/syncscroll.js
+++ b/public/js/syncscroll.js
@@ -93,6 +93,17 @@ md.renderer.rules.code_block = function (tokens, idx, options, env, self) {
     }
     return '<pre><code>' + md.utils.escapeHtml(tokens[idx].content) + '</code></pre>\n';
 };
+function renderContainer(tokens, idx, options, env, self) {
+    tokens[idx].attrJoin('role', 'alert');
+    tokens[idx].attrJoin('class', 'alert');
+    tokens[idx].attrJoin('class', 'alert-' + tokens[idx].info.trim());
+    addPart(tokens, idx);
+    return self.renderToken.apply(self, arguments);
+}
+md.use(window.markdownitContainer, 'success', { render: renderContainer });
+md.use(window.markdownitContainer, 'info', { render: renderContainer });
+md.use(window.markdownitContainer, 'warning', { render: renderContainer });
+md.use(window.markdownitContainer, 'danger', { render: renderContainer });
 
 var preventSyncScroll = false;
 
diff --git a/public/views/foot.ejs b/public/views/foot.ejs
index 3e10477..d461f72 100644
--- a/public/views/foot.ejs
+++ b/public/views/foot.ejs
@@ -38,6 +38,7 @@
 <script src="<%- url %>/vendor/markdown-it-ins/dist/markdown-it-ins.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-sub/dist/markdown-it-sub.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-sup/dist/markdown-it-sup.min.js" defer></script>
+<script src="<%- url %>/vendor/markdown-it-container/dist/markdown-it-container.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-mathjax.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-regexp.js" defer></script>
 <script src="<%- url %>/vendor/gist-embed.js" defer></script>
diff --git a/public/views/pretty.ejs b/public/views/pretty.ejs
index 785c32b..b78093c 100644
--- a/public/views/pretty.ejs
+++ b/public/views/pretty.ejs
@@ -91,6 +91,7 @@
 <script src="<%- url %>/vendor/markdown-it-ins/dist/markdown-it-ins.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-sub/dist/markdown-it-sub.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-sup/dist/markdown-it-sup.min.js" defer></script>
+<script src="<%- url %>/vendor/markdown-it-container/dist/markdown-it-container.min.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-mathjax.js" defer></script>
 <script src="<%- url %>/vendor/markdown-it-regexp.js" defer></script>
 <script src="<%- url %>/vendor/gist-embed.js" defer></script>