Add copy-to-clipboard on issue page (#307)

OWASP-BLT · Jul 8, 2017 · b70a147 · b70a147
1 parent 6bf83b3
commit b70a147
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/website/static/js/clipboard.min.js b/website/static/js/clipboard.min.js
diff --git a/website/static/js/issue.js b/website/static/js/issue.js
@@ -25,3 +25,10 @@ window.twttr = (function(d, s, id) {
     fjs.parentNode.insertBefore(js, fjs);
 
 }(document, 'script', 'facebook-jssdk'));
+
+$(function() {
+    new Clipboard('.btn');
+    $('.copy-btn').on('click', function(){
+        $.notify('Copied!', "success");
+    });
+});
diff --git a/website/templates/issue.html b/website/templates/issue.html
@@ -30,13 +30,17 @@
     }
 {% endblock %}
 {% block content %}
-    <div id="fb-root"></div>
-    <script type="text/javascript" src="{% static "js/issue.js" %}"></script>
+    <div id="fb-root"></div>    
+    <script type="text/javascript" src="{% static "js/clipboard.min.js" %}"></script>
     <script type="text/javascript" src="{% static "js/lightbox.min.js" %}"></script>
+    <script type="text/javascript" src="{% static "js/issue.js" %}"></script>
     <div class="row">
         <div class="col-lg-12">
             <h3 class="page-header">
                 {{object.description}}
+                <button class="btn copy-btn" data-clipboard-text="{{object.description}}">
+                    <i class="glyphicon glyphicon-copy"></i>
+                </button>
                 <span class="pull-right">
                     <i class="fa fa-eye"></i> {{object.views}}
                 </span>