From 390574cd7a14ca8e0109175747018e34a23ab28b Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Tue, 13 Dec 2016 14:26:18 +0900
Subject: [PATCH 1/6] Add 'copy to clipboard' next to the paragraph id

---
 zeppelin-web/bower.json                       |  3 +-
 zeppelin-web/src/app/app.js                   |  9 +++--
 .../notebook/paragraph/paragraph-control.html | 17 +++++++--
 .../src/app/notebook/paragraph/paragraph.css  |  9 ++++-
 zeppelin-web/src/assets/images/clippy.svg     |  3 ++
 .../clipboard/clipboard.controller.js         | 36 +++++++++++++++++++
 zeppelin-web/src/index.html                   |  2 ++
 zeppelin-web/test/karma.conf.js               |  1 +
 8 files changed, 73 insertions(+), 7 deletions(-)
 create mode 100644 zeppelin-web/src/assets/images/clippy.svg
 create mode 100644 zeppelin-web/src/components/clipboard/clipboard.controller.js

diff --git a/zeppelin-web/bower.json b/zeppelin-web/bower.json
index 06d01451b8f..bc59d691bde 100644
--- a/zeppelin-web/bower.json
+++ b/zeppelin-web/bower.json
@@ -34,7 +34,8 @@
     "moment-duration-format": "^1.3.0",
     "select2": "^4.0.3",
     "github-markdown-css": "^2.4.0",
-    "MathJax": "2.7.0"
+    "MathJax": "2.7.0",
+    "angular-zeroclipboard": "^0.8.0"
   },
   "devDependencies": {
     "angular-mocks": "1.5.0"
diff --git a/zeppelin-web/src/app/app.js b/zeppelin-web/src/app/app.js
index c1a73c746dc..70dab597fcd 100644
--- a/zeppelin-web/src/app/app.js
+++ b/zeppelin-web/src/app/app.js
@@ -33,7 +33,8 @@
           'xeditable',
           'ngToast',
           'focus-if',
-          'ngResource'
+          'ngResource',
+          'zeroclipboard'
       ])
         .filter('breakFilter', function() {
           return function(text) {
@@ -42,7 +43,7 @@
             }
           };
         })
-        .config(function($httpProvider, $routeProvider, ngToastProvider) {
+        .config(function($httpProvider, $routeProvider, ngToastProvider, uiZeroclipConfigProvider) {
           // withCredentials when running locally via grunt
           $httpProvider.defaults.withCredentials = true;
 
@@ -101,6 +102,10 @@
             combineDuplications: true,
             timeout: 6000
           });
+
+          uiZeroclipConfigProvider.setZcConf({
+            swfPath: '../bower_components/zeroclipboard/dist/ZeroClipboard.swf'
+          });
         });
 
   function auth() {
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
index 699ef4ceca3..92279d2dd88 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
@@ -38,9 +38,20 @@
           data-toggle="dropdown"
           type="button">
     </span>
-    <ul class="dropdown-menu" role="menu" style="width:200px;z-index:1002">
-      <li ng-click="$event.stopPropagation()" style="text-align:center;margin-top:4px;">
-        {{paragraph.id}}
+    <ul class="dropdown-menu" role="menu" style="width:230px;z-index:1002">
+      <li ng-controller="clipboardCtrl" ng-click="$event.stopPropagation()" style="text-align:center;margin-top:4px;">
+        <span>{{paragraph.id}}</span>
+        <span class="divider-vertical">
+          <button class="clipboard-button"
+                  ui-zeroclip
+                  zeroclip-copied="complete($event)"
+                  zeroclip-on-error="clipError($event)"
+                  zeroclip-text="{{paragraph.id}}"
+                  tooltip-placement="top"
+                  tooltip="{{tooltip}}">
+            <img style="height: 16px;" src="assets/images/clippy.svg" />
+          </button>
+        </span>
       </li>
       <li role="separator" class="divider"></li>
       <li>
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.css b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
index 430aad9d751..17e56a96de1 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph.css
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
@@ -165,7 +165,8 @@ table.dataTable.table-condensed .sorting_desc:after {
 }
 
 .paragraph .control span {
-    margin-left: 4px;
+  margin-left: 4px;
+  margin-right: 4px;
 }
 
 .paragraph .control {
@@ -193,6 +194,12 @@ table.dataTable.table-condensed .sorting_desc:after {
   z-index: 10003;
 }
 
+.clipboard-button {
+  border-style: none;
+  background-color: transparent;
+  padding: 0;
+}
+
 /*
   Paragraph Menu
 */
diff --git a/zeppelin-web/src/assets/images/clippy.svg b/zeppelin-web/src/assets/images/clippy.svg
new file mode 100644
index 00000000000..e1b17035905
--- /dev/null
+++ b/zeppelin-web/src/assets/images/clippy.svg
@@ -0,0 +1,3 @@
+<svg height="1024" width="896" xmlns="http://www.w3.org/2000/svg">
+  <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
+</svg>
diff --git a/zeppelin-web/src/components/clipboard/clipboard.controller.js b/zeppelin-web/src/components/clipboard/clipboard.controller.js
new file mode 100644
index 00000000000..a34e2d131d6
--- /dev/null
+++ b/zeppelin-web/src/components/clipboard/clipboard.controller.js
@@ -0,0 +1,36 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+'use strict';
+(function() {
+  angular.module('zeppelinWebApp').controller('clipboardCtrl', clipboardCtrl);
+  clipboardCtrl.$inject = ['$scope'];
+
+  function clipboardCtrl($scope) {
+    $scope.complete = function(e) {
+      $scope.copied = true;
+      $scope.tooltip = 'Copied!';
+      setTimeout(function() {
+        $scope.tooltip = 'Copy to clipboard';
+      }, 400);
+    };
+    $scope.$watch('input', function() {
+      $scope.copied = false;
+      $scope.tooltip = 'Copy to clipboard';
+    });
+    $scope.clipError = function(e) {
+      console.log('Error: ' + e.name + ' - ' + e.message);
+      $scope.tooltip = 'Not supported browser';
+    };
+  }
+})();
diff --git a/zeppelin-web/src/index.html b/zeppelin-web/src/index.html
index f7814989a77..65f2d758741 100644
--- a/zeppelin-web/src/index.html
+++ b/zeppelin-web/src/index.html
@@ -165,6 +165,7 @@
     <script src="bower_components/moment-duration-format/lib/moment-duration-format.js"></script>
     <script src="bower_components/select2/dist/js/select2.js"></script>
     <script src="bower_components/MathJax/MathJax.js"></script>
+    <script src="bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
     <!-- build:js({.tmp,src}) scripts/scripts.js -->
@@ -198,6 +199,7 @@
     <script src="app/search/result-list.controller.js"></script>
     <script src="app/notebookRepos/notebookRepos.controller.js"></script>
     <script src="components/arrayOrderingSrv/arrayOrdering.service.js"></script>
+    <script src="components/clipboard/clipboard.controller.js"></script>
     <script src="components/navbar/navbar.controller.js"></script>
     <script src="components/ngescape/ngescape.directive.js"></script>
     <script src="components/interpreter/interpreter.directive.js"></script>
diff --git a/zeppelin-web/test/karma.conf.js b/zeppelin-web/test/karma.conf.js
index 86cb2f3d84c..9a14a6cc796 100644
--- a/zeppelin-web/test/karma.conf.js
+++ b/zeppelin-web/test/karma.conf.js
@@ -66,6 +66,7 @@ module.exports = function(config) {
       'bower_components/moment-duration-format/lib/moment-duration-format.js',
       'bower_components/select2/dist/js/select2.js',
       'bower_components/MathJax/MathJax.js',
+      'bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js',
       'bower_components/angular-mocks/angular-mocks.js',
       // endbower
       '.tmp/app/app.js',

From 6e102d05456410c6e6b718a76bb129004e4549c4 Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Tue, 13 Dec 2016 18:09:54 +0900
Subject: [PATCH 2/6] Specify angular-zeroclipboard license

---
 zeppelin-distribution/src/bin_license/LICENSE | 1 +
 1 file changed, 1 insertion(+)

diff --git a/zeppelin-distribution/src/bin_license/LICENSE b/zeppelin-distribution/src/bin_license/LICENSE
index 8b79486f414..eb4ac00ac82 100644
--- a/zeppelin-distribution/src/bin_license/LICENSE
+++ b/zeppelin-distribution/src/bin_license/LICENSE
@@ -266,6 +266,7 @@ The text of each license is also included at licenses/LICENSE-[project]-[version
     (The MIT License) Java String Similarity 0.12 (info.debatty:java-string-similarity:0.12 - https://github.com/tdebatty/java-string-similarity)
     (The MIT License) Java LSH 0.10 (info.debatty:java-lsh:0.10 - https://github.com/tdebatty/java-LSH)
     (The MIT License) JSoup 1.6.1 (org.jsoup:jsoup:1.6.1 - https://github.com/jhy/jsoup/)
+    (The MIT License) angular-zeroclipboard v0.8.0 (https://github.com/lisposter/angular-zeroclipboard) - https://github.com/lisposter/angular-zeroclipboard/blob/v0.8.0/LICENSE
 
 ========================================================================
 BSD-style licenses

From cf827a49b59929d6b8229506206b87ffd1624b15 Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Tue, 13 Dec 2016 19:57:53 +0900
Subject: [PATCH 3/6] Fix ZeroClipboard.swf loading issue

---
 zeppelin-web/Gruntfile.js   | 10 ++++++++++
 zeppelin-web/src/app/app.js |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/zeppelin-web/Gruntfile.js b/zeppelin-web/Gruntfile.js
index 3aa07c00343..5e0329d1ba8 100644
--- a/zeppelin-web/Gruntfile.js
+++ b/zeppelin-web/Gruntfile.js
@@ -493,6 +493,11 @@ module.exports = function(grunt) {
           cwd: 'bower_components/jquery-ui/themes/base/images',
           src: '{,*/}*.{png,jpg,jpeg,gif}',
           dest: '.tmp/styles/images'
+        }, {
+          expand: true,
+          cwd: 'bower_components/zeroclipboard',
+          src: 'dist/**',
+          dest: '.tmp'
         }, {
           expand: true,
           cwd: 'bower_components/MathJax',
@@ -546,6 +551,11 @@ module.exports = function(grunt) {
           cwd: 'bower_components/jquery-ui/themes/base/images',
           src: '{,*/}*.{png,jpg,jpeg,gif}',
           dest: '<%= yeoman.dist %>/styles/images'
+        }, {
+          expand: true,
+          cwd: 'bower_components/zeroclipboard',
+          src: 'dist/**',
+          dest: '<%= yeoman.dist %>'
         }, {
           expand: true,
           cwd: 'bower_components/MathJax',
diff --git a/zeppelin-web/src/app/app.js b/zeppelin-web/src/app/app.js
index 70dab597fcd..ec7aec16584 100644
--- a/zeppelin-web/src/app/app.js
+++ b/zeppelin-web/src/app/app.js
@@ -104,7 +104,7 @@
           });
 
           uiZeroclipConfigProvider.setZcConf({
-            swfPath: '../bower_components/zeroclipboard/dist/ZeroClipboard.swf'
+            swfPath: 'dist/ZeroClipboard.swf'
           });
         });
 

From 1c702bf0569116e3858cbac7dc9ddc9ded9663ee Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Tue, 13 Dec 2016 22:07:04 +0900
Subject: [PATCH 4/6] Add license header to top of clippy.svg file

---
 zeppelin-web/src/assets/images/clippy.svg | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/zeppelin-web/src/assets/images/clippy.svg b/zeppelin-web/src/assets/images/clippy.svg
index e1b17035905..5898e1e2c50 100644
--- a/zeppelin-web/src/assets/images/clippy.svg
+++ b/zeppelin-web/src/assets/images/clippy.svg
@@ -1,3 +1,16 @@
+<!--
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
 <svg height="1024" width="896" xmlns="http://www.w3.org/2000/svg">
   <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
 </svg>

From 8ea78e0cc10a84963e4db29b862a99d5f644cfb0 Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Wed, 14 Dec 2016 13:58:46 +0900
Subject: [PATCH 5/6] Change clipboard library not depending on flash

---
 zeppelin-distribution/src/bin_license/LICENSE             | 2 +-
 zeppelin-web/Gruntfile.js                                 | 4 ++--
 zeppelin-web/bower.json                                   | 2 +-
 zeppelin-web/src/app/app.js                               | 8 ++------
 .../src/app/notebook/paragraph/paragraph-control.html     | 8 ++++----
 zeppelin-web/src/index.html                               | 3 ++-
 zeppelin-web/test/karma.conf.js                           | 3 ++-
 7 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/zeppelin-distribution/src/bin_license/LICENSE b/zeppelin-distribution/src/bin_license/LICENSE
index eb4ac00ac82..3173e634385 100644
--- a/zeppelin-distribution/src/bin_license/LICENSE
+++ b/zeppelin-distribution/src/bin_license/LICENSE
@@ -266,7 +266,7 @@ The text of each license is also included at licenses/LICENSE-[project]-[version
     (The MIT License) Java String Similarity 0.12 (info.debatty:java-string-similarity:0.12 - https://github.com/tdebatty/java-string-similarity)
     (The MIT License) Java LSH 0.10 (info.debatty:java-lsh:0.10 - https://github.com/tdebatty/java-LSH)
     (The MIT License) JSoup 1.6.1 (org.jsoup:jsoup:1.6.1 - https://github.com/jhy/jsoup/)
-    (The MIT License) angular-zeroclipboard v0.8.0 (https://github.com/lisposter/angular-zeroclipboard) - https://github.com/lisposter/angular-zeroclipboard/blob/v0.8.0/LICENSE
+    (The MIT License) ngclipboard v1.1.1 (https://github.com/sachinchoolur/ngclipboard) - https://github.com/sachinchoolur/ngclipboard/blob/1.1.1/LICENSE
 
 ========================================================================
 BSD-style licenses
diff --git a/zeppelin-web/Gruntfile.js b/zeppelin-web/Gruntfile.js
index 5e0329d1ba8..eeb4c6059bd 100644
--- a/zeppelin-web/Gruntfile.js
+++ b/zeppelin-web/Gruntfile.js
@@ -495,7 +495,7 @@ module.exports = function(grunt) {
           dest: '.tmp/styles/images'
         }, {
           expand: true,
-          cwd: 'bower_components/zeroclipboard',
+          cwd: 'bower_components/ngclipboard',
           src: 'dist/**',
           dest: '.tmp'
         }, {
@@ -553,7 +553,7 @@ module.exports = function(grunt) {
           dest: '<%= yeoman.dist %>/styles/images'
         }, {
           expand: true,
-          cwd: 'bower_components/zeroclipboard',
+          cwd: 'bower_components/ngclipboard',
           src: 'dist/**',
           dest: '<%= yeoman.dist %>'
         }, {
diff --git a/zeppelin-web/bower.json b/zeppelin-web/bower.json
index bc59d691bde..7c70110d0b1 100644
--- a/zeppelin-web/bower.json
+++ b/zeppelin-web/bower.json
@@ -35,7 +35,7 @@
     "select2": "^4.0.3",
     "github-markdown-css": "^2.4.0",
     "MathJax": "2.7.0",
-    "angular-zeroclipboard": "^0.8.0"
+    "ngclipboard": "^1.1.1"
   },
   "devDependencies": {
     "angular-mocks": "1.5.0"
diff --git a/zeppelin-web/src/app/app.js b/zeppelin-web/src/app/app.js
index ec7aec16584..11456fd3d30 100644
--- a/zeppelin-web/src/app/app.js
+++ b/zeppelin-web/src/app/app.js
@@ -34,7 +34,7 @@
           'ngToast',
           'focus-if',
           'ngResource',
-          'zeroclipboard'
+          'ngclipboard'
       ])
         .filter('breakFilter', function() {
           return function(text) {
@@ -43,7 +43,7 @@
             }
           };
         })
-        .config(function($httpProvider, $routeProvider, ngToastProvider, uiZeroclipConfigProvider) {
+        .config(function($httpProvider, $routeProvider, ngToastProvider) {
           // withCredentials when running locally via grunt
           $httpProvider.defaults.withCredentials = true;
 
@@ -102,10 +102,6 @@
             combineDuplications: true,
             timeout: 6000
           });
-
-          uiZeroclipConfigProvider.setZcConf({
-            swfPath: 'dist/ZeroClipboard.swf'
-          });
         });
 
   function auth() {
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
index 92279d2dd88..0f978ab65c9 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
@@ -43,10 +43,10 @@
         <span>{{paragraph.id}}</span>
         <span class="divider-vertical">
           <button class="clipboard-button"
-                  ui-zeroclip
-                  zeroclip-copied="complete($event)"
-                  zeroclip-on-error="clipError($event)"
-                  zeroclip-text="{{paragraph.id}}"
+                  ngclipboard
+                  ngclipboard-success="complete($event)"
+                  ngclipboard-error="clipError($event)"
+                  data-clipboard-text="{{paragraph.id}}"
                   tooltip-placement="top"
                   tooltip="{{tooltip}}">
             <img style="height: 16px;" src="assets/images/clippy.svg" />
diff --git a/zeppelin-web/src/index.html b/zeppelin-web/src/index.html
index 65f2d758741..edb31be5d4c 100644
--- a/zeppelin-web/src/index.html
+++ b/zeppelin-web/src/index.html
@@ -165,7 +165,8 @@
     <script src="bower_components/moment-duration-format/lib/moment-duration-format.js"></script>
     <script src="bower_components/select2/dist/js/select2.js"></script>
     <script src="bower_components/MathJax/MathJax.js"></script>
-    <script src="bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js"></script>
+    <script src="bower_components/clipboard/dist/clipboard.js"></script>
+    <script src="bower_components/ngclipboard/dist/ngclipboard.js"></script>
     <!-- endbower -->
     <!-- endbuild -->
     <!-- build:js({.tmp,src}) scripts/scripts.js -->
diff --git a/zeppelin-web/test/karma.conf.js b/zeppelin-web/test/karma.conf.js
index 9a14a6cc796..223f2db9677 100644
--- a/zeppelin-web/test/karma.conf.js
+++ b/zeppelin-web/test/karma.conf.js
@@ -66,7 +66,8 @@ module.exports = function(config) {
       'bower_components/moment-duration-format/lib/moment-duration-format.js',
       'bower_components/select2/dist/js/select2.js',
       'bower_components/MathJax/MathJax.js',
-      'bower_components/angular-zeroclipboard/src/angular-zeroclipboard.js',
+      'bower_components/clipboard/dist/clipboard.js',
+      'bower_components/ngclipboard/dist/ngclipboard.js',
       'bower_components/angular-mocks/angular-mocks.js',
       // endbower
       '.tmp/app/app.js',

From 0e3bef41405fb30f3fdeb317bc241d281d43dd01 Mon Sep 17 00:00:00 2001
From: AhyoungRyu <fbdkdud93@hanmail.net>
Date: Thu, 15 Dec 2016 14:47:48 +0900
Subject: [PATCH 6/6] Remove clippy.svg and make pid text to button

---
 zeppelin-distribution/src/bin_license/LICENSE |  2 +-
 .../notebook/paragraph/paragraph-control.html | 22 ++++++++-----------
 .../src/app/notebook/paragraph/paragraph.css  |  6 -----
 zeppelin-web/src/assets/images/clippy.svg     | 16 --------------
 4 files changed, 10 insertions(+), 36 deletions(-)
 delete mode 100644 zeppelin-web/src/assets/images/clippy.svg

diff --git a/zeppelin-distribution/src/bin_license/LICENSE b/zeppelin-distribution/src/bin_license/LICENSE
index 3173e634385..de3c8174551 100644
--- a/zeppelin-distribution/src/bin_license/LICENSE
+++ b/zeppelin-distribution/src/bin_license/LICENSE
@@ -266,7 +266,7 @@ The text of each license is also included at licenses/LICENSE-[project]-[version
     (The MIT License) Java String Similarity 0.12 (info.debatty:java-string-similarity:0.12 - https://github.com/tdebatty/java-string-similarity)
     (The MIT License) Java LSH 0.10 (info.debatty:java-lsh:0.10 - https://github.com/tdebatty/java-LSH)
     (The MIT License) JSoup 1.6.1 (org.jsoup:jsoup:1.6.1 - https://github.com/jhy/jsoup/)
-    (The MIT License) ngclipboard v1.1.1 (https://github.com/sachinchoolur/ngclipboard) - https://github.com/sachinchoolur/ngclipboard/blob/1.1.1/LICENSE
+    (The MIT License) ngclipboard v1.1.1 (https://github.com/sachinchoolur/ngclipboard) - https://github.com/sachinchoolur/ngclipboard/blob/1.1.1/LICENSE)
 
 ========================================================================
 BSD-style licenses
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
index 0f978ab65c9..40fe0061819 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph-control.html
@@ -38,20 +38,16 @@
           data-toggle="dropdown"
           type="button">
     </span>
-    <ul class="dropdown-menu" role="menu" style="width:230px;z-index:1002">
+    <ul class="dropdown-menu" role="menu" style="width:200px;z-index:1002">
       <li ng-controller="clipboardCtrl" ng-click="$event.stopPropagation()" style="text-align:center;margin-top:4px;">
-        <span>{{paragraph.id}}</span>
-        <span class="divider-vertical">
-          <button class="clipboard-button"
-                  ngclipboard
-                  ngclipboard-success="complete($event)"
-                  ngclipboard-error="clipError($event)"
-                  data-clipboard-text="{{paragraph.id}}"
-                  tooltip-placement="top"
-                  tooltip="{{tooltip}}">
-            <img style="height: 16px;" src="assets/images/clippy.svg" />
-          </button>
-        </span>
+        <a  ngclipboard
+            ngclipboard-success="complete($event)"
+            ngclipboard-error="clipError($event)"
+            data-clipboard-text="{{paragraph.id}}"
+            tooltip-placement="top"
+            tooltip="{{tooltip}}">
+          <span>{{paragraph.id}}</span>
+        </a>
       </li>
       <li role="separator" class="divider"></li>
       <li>
diff --git a/zeppelin-web/src/app/notebook/paragraph/paragraph.css b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
index 17e56a96de1..038a4a97fef 100644
--- a/zeppelin-web/src/app/notebook/paragraph/paragraph.css
+++ b/zeppelin-web/src/app/notebook/paragraph/paragraph.css
@@ -194,12 +194,6 @@ table.dataTable.table-condensed .sorting_desc:after {
   z-index: 10003;
 }
 
-.clipboard-button {
-  border-style: none;
-  background-color: transparent;
-  padding: 0;
-}
-
 /*
   Paragraph Menu
 */
diff --git a/zeppelin-web/src/assets/images/clippy.svg b/zeppelin-web/src/assets/images/clippy.svg
deleted file mode 100644
index 5898e1e2c50..00000000000
--- a/zeppelin-web/src/assets/images/clippy.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<!--
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
--->
-<svg height="1024" width="896" xmlns="http://www.w3.org/2000/svg">
-  <path d="M128 768h256v64H128v-64z m320-384H128v64h320v-64z m128 192V448L384 640l192 192V704h320V576H576z m-288-64H128v64h160v-64zM128 704h160v-64H128v64z m576 64h64v128c-1 18-7 33-19 45s-27 18-45 19H64c-35 0-64-29-64-64V192c0-35 29-64 64-64h192C256 57 313 0 384 0s128 57 128 128h192c35 0 64 29 64 64v320h-64V320H64v576h640V768zM128 256h512c0-35-29-64-64-64h-64c-35 0-64-29-64-64s-29-64-64-64-64 29-64 64-29 64-64 64h-64c-35 0-64 29-64 64z" />
-</svg>