Adding colourbox gallery option

js/heartbeat.js

@@ -103,7 +103,9 @@
     };
 
     $('.heartbeat-content').find('img').each(function() {
-      $(this).colorbox({href: $(this).attr('src'), cboxOptions});
+      let parentClass = $(this).parent().prop('className');
+      let phid = parentClass.substring(parentClass.indexOf('hid') + 4);
+      $(this).colorbox({rel: phid, href: $(this).attr('src'), cboxOptions});
     });
   }
 

templates/heartbeat-stream.html.twig

@@ -31,7 +31,7 @@
           {{ message.user }}
           <div class="time-ago">{{ message.timeAgo }}</div>
         </div>
-        <div class="heartbeat-content">
+        <div class="heartbeat-content hid-{{ message.id }}">
         {{ message.heartbeat }}
         </div>
       </div>