Merge pull request #1003 from jakeatdocforce/feedback-widget

Add Feedback Widget

assets/img/fb-thumb.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3333 12C20.597 12 20 11.403 20 10.6667V5.21895C20 4.03108 18.5638 3.43619 17.7239 4.27614L13.5147 8.48528C11.2643 10.7357 10 13.788 10 16.9706V18.6667C10 23.0849 13.5817 26.6667 18 26.6667H21.0169C25.0174 26.6667 28.403 23.7115 28.9435 19.7476L29.0713 18.8107C29.5625 15.2081 26.7622 12 23.1263 12H21.3333Z" stroke="white" stroke-width="2.66667"/>
+<rect x="3.33325" y="12.1171" width="6.66667" height="14" rx="1.33333" stroke="white" stroke-width="2.66667"/>
+</svg>

tool/template-base.html

@@ -133,6 +133,28 @@ debug: false
 });
 </script>
 
+<!-- Feedback Widget -->
+<script src="assets/vendor/custom-widget.js"></script>
+<div id="feedback-content"></div>
+    <script>
+      const widget = new EmbeddableWidget.default({
+        theme: 'xrpl',
+        opened: false,
+        parentElement: '#feedback-content',
+        currentPath: window.location.pathname,
+        adapter: 'ga',
+        app:'Feedback Widget',
+        adapterConfig:{
+          containerId:"GTM-THHW334",
+          trackingId:"UA-136717602-1" //Testing. Change to live when ready. 
+        }
+      });
+      setTimeout(() => {
+        widget.open();
+        // EmbeddableWidget.default.unmount();
+      }, 2000);
+    </script>
+
 {% block endbody %}{% endblock %}
 </body>
 </html>