From 760bde7e3069e6c2f84724b05c80c7260f7fc2a7 Mon Sep 17 00:00:00 2001
From: tykayn <15d65f2f-0b14-4f70-bf34-e130180ed62b@users.tedomum.net>
Date: Tue, 9 Feb 2021 22:16:02 +0100
Subject: [PATCH] copy button

---
 .../shared/components/ui/copy-text/copy-text.component.html | 4 +++-
 .../shared/components/ui/copy-text/copy-text.component.ts   | 1 +
 src/styles/dev-utilities/_helpers.scss                      | 6 ++++++
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/components/ui/copy-text/copy-text.component.html b/src/app/shared/components/ui/copy-text/copy-text.component.html
index 60b17a8a..c4265506 100644
--- a/src/app/shared/components/ui/copy-text/copy-text.component.html
+++ b/src/app/shared/components/ui/copy-text/copy-text.component.html
@@ -1,5 +1,7 @@
 <button (click)="copy()" class="btn btn--primary btn--outline" id="copyLink">
 	<i class="fa fa-copy" aria-hidden="true"></i>
-	{{ 'admin.copy_link' | translate }}
+	<span *ngIf="displayLabelButton">
+		{{ 'admin.copy_link' | translate }}
+	</span>
 	<span *ngIf="displayContentToCopy"> " {{ textToCopy }}" </span>
 </button>
diff --git a/src/app/shared/components/ui/copy-text/copy-text.component.ts b/src/app/shared/components/ui/copy-text/copy-text.component.ts
index 31c295b9..ae3cd96f 100644
--- a/src/app/shared/components/ui/copy-text/copy-text.component.ts
+++ b/src/app/shared/components/ui/copy-text/copy-text.component.ts
@@ -11,6 +11,7 @@ import { ToastService } from '../../../../core/services/toast.service';
 export class CopyTextComponent implements OnInit {
 	@Input() public textToCopy: string;
 	public displayContentToCopy = false;
+	@Input() public displayLabelButton = true;
 
 	constructor(private _clipboardService: ClipboardService, private toastService: ToastService) {}
 
diff --git a/src/styles/dev-utilities/_helpers.scss b/src/styles/dev-utilities/_helpers.scss
index 754805da..656c7dd4 100644
--- a/src/styles/dev-utilities/_helpers.scss
+++ b/src/styles/dev-utilities/_helpers.scss
@@ -15,6 +15,12 @@
 	box-shadow: $dark-lavender 0 0 10px;
 }
 
+.is-boxed {
+	border: 1px solid #ddd;
+	padding: 1em;
+	margin: 1em 0;
+}
+
 .nobold {
 	font-weight: normal;
 }