[ZEPPELIN-1796] Add 'copy to clipboard' next to the paragraph id

[AhyoungRyu]

What is this PR for?

There are lots of use cases that need to know each Paragraph Id in Zeppelin.
e.g. run paragraph using rest api / z.angularBind / export paragraphs using iframe ...

So I added Copy to clipboard btn next the each Paragraph Id under paragraph setting menu using angular-zeroclipboard.
It'll be useful even if it's small feature :)

What type of PR is it?

Improvement | Feature

What is the Jira issue?

ZEPPELIN-1796

How should this be tested?

1. npm run build under zeppelin-web/
2. npm run start to start dev mode and browse http://localhost:9000
3. click gear icon placed top of the each paragraph -> hover the mouse on the paragraph id
4. click it and paste the paragraph id to anywhere to check it's copied well or not

Screenshots (if appropriate)

Questions:

• Does the licenses files need update? no
• Is there breaking changes for older versions? no
• Does this needs documentation? no

[felixcheung]

i thought we had a PR with this long time back. is this loading Flash?

[AhyoungRyu]

@felixcheung
I just tested this patch only in dev mode. But after I checked at localhost:8080 and found

404 http://localhost:8080/bower_components/zeroclipboard/dist/ZeroClipboard.swf

So I fixed it in here: 616b743. There won't be ZeroClipboard.swf loading issue anymore.

[felixcheung]

Great but the concerns are with dependencies on Flash with this approach

[AhyoungRyu]

@felixcheung Yeah you're right. So I changed the library from angular-zeroclipboard to ngclipboard which is not using flash. It says

Angularjs directive for clipboard.js. A modern approach to copy text to clipboard without using flash.

And I checked it works well in Chrome / Firefox / Safari.
Thanks for letting me know :)

[AhyoungRyu]

For the consistency with other menus in the dropdown menu, I removed the clippy icon and make paragraph id text itself as a button.

[AhyoungRyu]

CI has passed now. Ready to review again :)

[felixcheung]

LGTM!
Maybe we can leverage this for more copy to clipboard features?

[AhyoungRyu]

@felixcheung Yeah that's my plan :D

[AhyoungRyu]

Will merge into master if there are no more comments then