[Enhancement] Add CopyToClipboard action in code component (#329)

* Add CopyToClipboard action in websiteWidgetCode component

* Fix codeclimate issues

app/javascript/dashboard/components/Code.vue

@@ -0,0 +1,48 @@
+<template>
+  <div class="code--container">
+    <button class="button small button--copy-code" @click="onCopy">
+      {{ $t('COMPONENTS.CODE.BUTTON_TEXT') }}
+    </button>
+    <highlight-code :lang="lang">
+      {{ script }}
+    </highlight-code>
+  </div>
+</template>
+
+<script>
+/* global bus */
+import 'highlight.js/styles/default.css';
+import copy from 'copy-text-to-clipboard';
+
+export default {
+  props: {
+    script: {
+      type: String,
+      required: true,
+    },
+    lang: {
+      type: String,
+      default: 'javascript',
+    },
+  },
+  methods: {
+    onCopy() {
+      copy(this.script);
+      bus.$emit('newToastMessage', this.$t('COMPONENTS.CODE.COPY_SUCCESSFUL'));
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.code--container {
+  position: relative;
+  text-align: left;
+
+  .button--copy-code {
+    margin-top: 0;
+    position: absolute;
+    right: 0;
+  }
+}
+</style>