Make Disqus snippet appear inline

We have defined the Disqus snippet in an immutable file
(assets/javascripts/disqus.js), but the snippet needs to
be present in the HTML body in order to take the
right values (the disqus_identifier takes into account
the name of the file).

2 files changed, 25 insertions, 1 deletions

diff --git a/layouts/comments.html b/layouts/comments.html
new file mode 100644
index 00000000..70110e4d
--- /dev/null
+++ b/layouts/comments.html
@@ -0,0 +1,24 @@
+<% if production_and_default_branch? %>
+var disqus_config = function () {
+  this.page.url = '<%= @config[:base_url] %><%= @item.identifier.without_ext + '.html' %>';
+  this.page.title = '<%= @item.key?(:title) ? "#{item[:title]} - GitLab Documentation" : "GitLab Documentation" %>';
+<% if @item[:disqus_identifier] %>
+  this.page.identifier = '<%= @item[:disqus_identifier] %>';
+<% else %>
+  this.page.identifier = '<%= @config[:base_url] %><%= @item.identifier.without_ext + '.html' %>';
+<% end %>
+};
+
+var is_disqus_loaded = false;
+window.loadDisqus = function() {
+  if (!is_disqus_loaded){
+    is_disqus_loaded = true;
+    var disqusThread = document.getElementById('disqus_thread');
+    var d = document, s = d.createElement('script');
+    disqusThread.innerHTML = '';
+    s.src = 'https://gitlab-docs.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  }
+};
+<% end %>
diff --git a/layouts/feedback.html b/layouts/feedback.html
index 415d1d8d..5e6897a4 100644
--- a/layouts/feedback.html
+++ b/layouts/feedback.html
@@ -118,7 +118,7 @@
 
 <div id="disqus_thread" class="disqus-comments-gitlab"></div>
 
-<script src="<%= @items['/assets/javascripts/disqus.*'].path %>"></script>
+<%= render '/comments.*' %>
 <script src="<%= @items['/frontend/feedback/feedback.*'].path %>"></script>
 <noscript
   >Please enable JavaScript to view the