diff --git a/CHANGELOG.rst b/CHANGELOG.rst index 823efbf..906ad30 100644 --- a/CHANGELOG.rst +++ b/CHANGELOG.rst @@ -1,6 +1,14 @@ Changelog ========= +(development) +------------- + +- "Edit Snippet" panel is now hidden by default to remove visual noise. +- Added a dedicated "Copy Snippet" button to copy the content to the clipboard. +- Added "View Raw" option to optionally render the 'raw' snippet content with a + template rather served as plain text. This was added to hinder abuse. + 3.1 (2019-05-16) ---------------- diff --git a/client/js/dpaste.js b/client/js/dpaste.js index f03d890..c75d32c 100644 --- a/client/js/dpaste.js +++ b/client/js/dpaste.js @@ -102,12 +102,43 @@ lines.forEach(function(el) { // Copy URL to Clipboard // ----------------------------------------------------------------------------- const clipboardLink = document.getElementById('copyToClipboard'); -const copyToClipboardField = document.getElementById('copyToClipboardField'); +const clipboardField = document.getElementById('copyToClipboardField'); -if (clipboardLink && copyToClipboardField) { +if (clipboardLink && clipboardField) { clipboardLink.onclick = function(e) { e.preventDefault(); - copyToClipboardField.select(); + clipboardField.select(); document.execCommand('Copy'); }; } + +// ----------------------------------------------------------------------------- +// Copy Snippet content to Clipboard +// ----------------------------------------------------------------------------- +const snippetClipboardLink = document.getElementById('copySnippetToClipboard'); +const snippetClipboardField = document.getElementById('copySnippetSource'); +const snippetClipboardConfirm = document.getElementById('copy'); + +if (snippetClipboardLink && snippetClipboardField) { + snippetClipboardLink.onclick = function(e) { + e.preventDefault(); + snippetClipboardField.select(); + document.execCommand('Copy'); + snippetClipboardConfirm.style.maxHeight = '80px'; + window.scrollTo(0, 0); + }; +} + +const editSnippetLink = document.getElementById('editSnippet'); +const editSnippetForm = document.getElementById('edit'); + +if (editSnippetLink && editSnippetForm) { + editSnippetLink.onclick = function(e) { + e.preventDefault(); + editSnippetForm.style.display = 'block'; + window.scrollTo( + editSnippetForm.getBoundingClientRect().x, + editSnippetForm.getBoundingClientRect().y + ); + }; +} \ No newline at end of file diff --git a/client/scss/components/_form.scss b/client/scss/components/_form.scss index cf40fc1..1a602cb 100644 --- a/client/scss/components/_form.scss +++ b/client/scss/components/_form.scss @@ -5,6 +5,11 @@ line-height: 17px; } +// Edit panel in details view, not shown by default. +#edit { + display: none; +} + .snippet-form { background-color: $bgColor; diff --git a/client/scss/components/_header.scss b/client/scss/components/_header.scss index a606f88..8da269b 100644 --- a/client/scss/components/_header.scss +++ b/client/scss/components/_header.scss @@ -133,3 +133,10 @@ ul#snippetOptions { font-size: 14px; font-weight: $baseFontDemiBold; } + +// Textarea that holds the unaltered snippet content to be copied to clipboard +#copySnippetSource { + width: 0; + position: absolute; + left: -9999px; +} diff --git a/dpaste/apps.py b/dpaste/apps.py index 7e34f80..8c743c0 100644 --- a/dpaste/apps.py +++ b/dpaste/apps.py @@ -77,6 +77,10 @@ class dpasteAppConfig(AppConfig): # Disable "view Raw" mode. RAW_MODE_ENABLED = True + # If enabled, the "raw View" mode will display the snippet content as + # plain text rather rendered in a template. + RAW_MODE_PLAIN_TEXT = True + # Lexers which have wordwrap enabled by default LEXER_WORDWRAP = ('rst',) diff --git a/dpaste/templates/dpaste/details.html b/dpaste/templates/dpaste/details.html index 035bd9c..305402e 100644 --- a/dpaste/templates/dpaste/details.html +++ b/dpaste/templates/dpaste/details.html @@ -36,6 +36,9 @@ {% if raw_mode and snippet.expire_type != 3 %}
  • {% trans "View Raw" %}
  • {% endif %} + +
  • {% trans "Copy Snippet" %}
  • +
  • {% trans "Edit Snippet" %}
  • {% if snippet.lexer != 'text' %}