feat(blog-detail): Add edit button for contentlet in blog detail template

Author: fmontes

examples/dotcms-symfony/assets/app.js

@@ -14,6 +14,14 @@ if (window.dotUVE) {
     window.dotUVE.createSubscription('changes', (changes) => {
         window.location.reload();
     })
+
+    document.addEventListener('click', (e) => {
+        if (e.target.matches('button[data-contentlet]')) {
+            const contentlet = JSON.parse(e.target.dataset.contentlet);
+            window.dotUVE.editContentlet(contentlet);
+        }
+    });
+
 } else {
     console.warn('dotUVE is not available, you might experience issues with the the Universal Visual Editor');
 }

examples/dotcms-symfony/templates/blog-detail.html.twig

@@ -21,6 +21,7 @@
                     <div style="max-width: 70ch; margin: 0 auto;">
 
                         <header>
+                            <button data-contentlet="{{ pageAsset.urlContentMap|json_encode }}">Edit</button>
                             <h1>{{ pageAsset.urlContentMap.title }}</h1>
                             {% if pageAsset.urlContentMap.publishDate is defined %}
                                 {% set publishDate = pageAsset.urlContentMap.publishDate // 1000 %}