From 59141ed03dfa3261dde637a02518486f0283829f Mon Sep 17 00:00:00 2001
From: Waleed ASHRAF <waleedashraf@outlook.com>
Date: Fri, 22 May 2020 11:57:19 +0200
Subject: [PATCH 1/3] feat: list all messages in sidebar

---
 partials/sidebar.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/partials/sidebar.html b/partials/sidebar.html
index 12680c014..cfbb5aa8d 100644
--- a/partials/sidebar.html
+++ b/partials/sidebar.html
@@ -176,6 +176,17 @@ <h2 class="text-xs uppercase text-grey mt-10 mb-4 font-thin">Operations</h2>
       {% endfor %}
     </ul>
     {% endif %}
+    <h2 class="text-xs uppercase text-grey mt-10 mb-4 font-thin">Messages</h2>
+    <ul class="text-sm list-reset mt-2">
+      {% for message in asyncapi.allMessages().keys() %}
+        <a class="js-menu-item flex break-words no-underline text-grey-darkest mt-8 sm:mt-8 md:mt-3"
+          href="#message-{{ message }}">
+          <div style="display:inline-block;">
+            {{ slicedString(message, 'padding-top: 2px;') }}
+          </div>
+        </a>
+      {% endfor %}
+    </ul>
     {% endif %}
   </div>
 </div>

From 7c1f0236ec996a76e4df8568b1772340409b73b4 Mon Sep 17 00:00:00 2001
From: Waleed ASHRAF <waleedashraf@outlook.com>
Date: Fri, 22 May 2020 11:57:50 +0200
Subject: [PATCH 2/3] feat: add link for message

---
 partials/message.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/partials/message.html b/partials/message.html
index 3d1b966f3..d85e73987 100644
--- a/partials/message.html
+++ b/partials/message.html
@@ -3,6 +3,7 @@
 
 {% macro message(msg, showIndex=false, index=0, open=false) %}
 
+<a name="message-{{msg.uid()}}"></a>
 <div class="bg-grey-lighter rounded p-4 mt-2">
   <div class="text-sm text-grey-darker mb-2">
     {% if showIndex %}

From ca0d14be432771d2526a12e24288a18b486773f4 Mon Sep 17 00:00:00 2001
From: Waleed ASHRAF <waleedashraf@outlook.com>
Date: Mon, 1 Jun 2020 19:32:47 +0200
Subject: [PATCH 3/3] feat: list messages separately

---
 partials/content.html  |  1 +
 partials/message.html  |  1 -
 partials/messages.html | 15 +++++++++++++++
 partials/sidebar.html  |  6 +++---
 4 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 partials/messages.html

diff --git a/partials/content.html b/partials/content.html
index ebabf5034..86f73172a 100644
--- a/partials/content.html
+++ b/partials/content.html
@@ -5,3 +5,4 @@
 {% if asyncapi.hasChannels() %}
 {% include "./operations.html" %}
 {% endif %}
+{% include "./messages.html" %}
diff --git a/partials/message.html b/partials/message.html
index d85e73987..3d1b966f3 100644
--- a/partials/message.html
+++ b/partials/message.html
@@ -3,7 +3,6 @@
 
 {% macro message(msg, showIndex=false, index=0, open=false) %}
 
-<a name="message-{{msg.uid()}}"></a>
 <div class="bg-grey-lighter rounded p-4 mt-2">
   <div class="text-sm text-grey-darker mb-2">
     {% if showIndex %}
diff --git a/partials/messages.html b/partials/messages.html
new file mode 100644
index 000000000..d60f69bfa
--- /dev/null
+++ b/partials/messages.html
@@ -0,0 +1,15 @@
+{% from "./message.html" import message %}
+
+<a name="messages"></a>
+<h2 class="ml-8 mt-4">Messages</h2>
+
+<div class="responsive-container">
+  <div class="center-block p-8">
+    <div class="pb-8">
+      {% for key, value in asyncapi.allMessages() %}
+      <a name="message-{{key}}"></a>
+      {{ message(value, showIndex=true, index=loop.index, open=false) }}
+      {% endfor %}
+    </div>
+  </div>
+</div>
diff --git a/partials/sidebar.html b/partials/sidebar.html
index cfbb5aa8d..9943835f8 100644
--- a/partials/sidebar.html
+++ b/partials/sidebar.html
@@ -178,11 +178,11 @@ <h2 class="text-xs uppercase text-grey mt-10 mb-4 font-thin">Operations</h2>
     {% endif %}
     <h2 class="text-xs uppercase text-grey mt-10 mb-4 font-thin">Messages</h2>
     <ul class="text-sm list-reset mt-2">
-      {% for message in asyncapi.allMessages().keys() %}
+      {% for key, value in asyncapi.allMessages() %}
         <a class="js-menu-item flex break-words no-underline text-grey-darkest mt-8 sm:mt-8 md:mt-3"
-          href="#message-{{ message }}">
+          href="#message-{{ key }}">
           <div style="display:inline-block;">
-            {{ slicedString(message, 'padding-top: 2px;') }}
+            {{ slicedString(key, 'padding-top: 2px;') }}
           </div>
         </a>
       {% endfor %}