Fixed django#1276 -- Added copy buttons to console and shell commands.

nvishnya · Dec 6, 2023 · d2e3566 · d2e3566
1 parent 923dd69
commit d2e3566
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 7 deletions.
diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
@@ -3624,6 +3624,10 @@ ul.corporate-members li {
 }
 
 .code-block-caption,
+.highlight-console,
+.c-content-win,
+.highlight-shell,
+.highlight-doscon,
 .snippet {
     .btn-clipboard {
         float: right;

diff --git a/djangoproject/static/js/main.js b/djangoproject/static/js/main.js
@@ -98,7 +98,12 @@ define(function() {
         mods.push('mod/messages');
     }
 
-    if (hasClass('code-block-caption') || hasClass('snippet')) {
+    if (hasClass('code-block-caption') ||
+        hasClass('snippet') ||
+        hasClass('highlight-console') ||
+        hasClass('c-content-win') ||
+        hasClass('highlight-shell') ||
+        hasClass('highlight-doscon')) {
         mods.push('mod/clippify');
     }
 

diff --git a/djangoproject/static/js/mod/clippify.js b/djangoproject/static/js/mod/clippify.js
@@ -1,12 +1,21 @@
 define(['jquery', 'clipboard'], function($, Clipboard) {
-    $('.code-block-caption').each(function() {
-        var header = $(this);
-        var wrapper = header.parent();
-        var code = $('.highlight', wrapper);
+    function addCopyButton(btnParent, code){
         var btn = $('<span class="btn-clipboard" title="Copy this code">');
         btn.append('<i class="icon icon-clipboard">');
-        btn.data('clipboard-text', $.trim(code.text()));
-        header.append(btn);
+        btn.data('clipboard-text', $.trim(code));
+        btnParent.prepend(btn);
+    };
+    $('.code-block-caption').each(function(){
+        var header = $(this);
+        var wrapper = header.parent();
+        var codeBlock = $('pre', wrapper);
+        addCopyButton(header, codeBlock.text())
+    });
+    $('.highlight-console, .c-content-win, .highlight-shell, .highlight-doscon').each(function(){
+        var codeBlock = $('pre', this);
+        var clone = $(codeBlock).clone();
+        $('.gp, .go', clone).remove();
+        addCopyButton(codeBlock, clone.text());
     });
     // For Django 2.0 docs and older.
     $('.snippet').each(function() {