mirror of https://github.com/rancher/dashboard.git
40 lines
678 B
Vue
40 lines
678 B
Vue
<script>
|
|
export default {
|
|
props: {
|
|
text: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
// Show as plain - don't show in link style
|
|
plain: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
|
|
methods: {
|
|
clicked(event) {
|
|
event.preventDefault();
|
|
this.$copyText(this.text);
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<a class="copy-to-cliboard-text" :class="{'plain': plain}" href="#" @click="clicked">
|
|
{{ text }} <i class="icon icon-copy" />
|
|
</a>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
.copy-to-cliboard-text {
|
|
&.plain {
|
|
color: var(--body-text);
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
</style>
|