From d3391e6273f0c42c9dff547b8e69f5148fafb9c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Barbeau?=
 <marc-andre.barbeau@msp.gouv.qc.ca>
Date: Wed, 8 Jul 2020 15:03:44 -0400
Subject: [PATCH] feat(context): copy context id

---
 .../context-form/context-form.component.html  | 13 ++++++++++
 .../context-form/context-form.component.scss  |  8 +++++++
 .../context-form/context-form.component.ts    | 24 +++++++++++++++++--
 packages/context/src/locale/en.context.json   |  3 +++
 packages/context/src/locale/fr.context.json   |  3 +++
 5 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/packages/context/src/lib/context-manager/context-form/context-form.component.html b/packages/context/src/lib/context-manager/context-form/context-form.component.html
index fe9370f036..5fa6e97e2f 100644
--- a/packages/context/src/lib/context-manager/context-form/context-form.component.html
+++ b/packages/context/src/lib/context-manager/context-form/context-form.component.html
@@ -16,11 +16,24 @@
     <span class="fieldWrapper">
       <input matInput
            maxlength="64"
+           floatLabel = "always"
            [placeholder]="'igo.context.contextManager.form.uri' | translate"
            formControlName="uri">
     </span>
   </mat-form-field>
 
+  <button
+    id="copyButton"
+    type="button"
+    mat-icon-button
+    tooltip-position="below"
+    matTooltipShowDelay="500"
+    [matTooltip]="'igo.context.contextManager.form.copy' | translate"
+    color="primary"
+    (click)="copyTextToClipboard()">
+    <mat-icon svgIcon="content-copy"></mat-icon>
+  </button>
+
   <div class="igo-form-button-group">
     <button
       mat-raised-button
diff --git a/packages/context/src/lib/context-manager/context-form/context-form.component.scss b/packages/context/src/lib/context-manager/context-form/context-form.component.scss
index e40857f4e2..f3da3bc3f2 100644
--- a/packages/context/src/lib/context-manager/context-form/context-form.component.scss
+++ b/packages/context/src/lib/context-manager/context-form/context-form.component.scss
@@ -15,3 +15,11 @@ form {
     float: left;
   }
 }
+
+#copyButton {
+  width: 24px;
+  float: right;
+  position: relative;
+  top: -58px;
+  left: 5px;
+}
diff --git a/packages/context/src/lib/context-manager/context-form/context-form.component.ts b/packages/context/src/lib/context-manager/context-form/context-form.component.ts
index c349cf5502..e5f4a752bb 100644
--- a/packages/context/src/lib/context-manager/context-form/context-form.component.ts
+++ b/packages/context/src/lib/context-manager/context-form/context-form.component.ts
@@ -1,7 +1,8 @@
 import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 
-import { ObjectUtils } from '@igo2/utils';
+import { ObjectUtils, Clipboard } from '@igo2/utils';
+import { MessageService, LanguageService } from '@igo2/core';
 import { Context } from '../shared/context.interface';
 
 @Component({
@@ -46,7 +47,11 @@ export class ContextFormComponent implements OnInit {
   @Output() clone: EventEmitter<any> = new EventEmitter();
   @Output() delete: EventEmitter<any> = new EventEmitter();
 
-  constructor(private formBuilder: FormBuilder) {}
+  constructor(
+    private formBuilder: FormBuilder,
+    private languageService: LanguageService,
+    private messageService: MessageService
+  ) {}
 
   ngOnInit(): void {
     this.buildForm();
@@ -64,6 +69,21 @@ export class ContextFormComponent implements OnInit {
     this.submitForm.emit(inputs);
   }
 
+  public copyTextToClipboard() {
+    const text = this.prefix + '-' + this.form.value.uri.replace(' ', '');
+    const successful = Clipboard.copy(text);
+    if (successful) {
+      const translate = this.languageService.translate;
+      const title = translate.instant(
+        'igo.context.contextManager.dialog.copyTitle'
+      );
+      const msg = translate.instant(
+        'igo.context.contextManager.dialog.copyMsg'
+      );
+      this.messageService.success(msg, title);
+    }
+  }
+
   private buildForm(): void {
     const context: any = this.context || {};
 
diff --git a/packages/context/src/locale/en.context.json b/packages/context/src/locale/en.context.json
index 3748423b0e..5de8078d49 100644
--- a/packages/context/src/locale/en.context.json
+++ b/packages/context/src/locale/en.context.json
@@ -16,6 +16,8 @@
         "dialog": {
           "cloneMsg": "The context '{{value}}' was cloned",
           "cloneTitle": "Context cloned",
+          "copyMsg": "Text copied",
+          "copyTitle": "Context ID",
           "confirmDelete": "Are you sure you want to delete this context?",
           "deleteMsg": "The context '{{value}}' was deleted",
           "deleteTitle": "Context deleted",
@@ -36,6 +38,7 @@
         },
         "favorite": "Set as favorite context",
         "form": {
+          "copy": "Copy the context ID",
           "edit": "Save",
           "title": "Title",
           "titleRequired": "Title required",
diff --git a/packages/context/src/locale/fr.context.json b/packages/context/src/locale/fr.context.json
index 0a58477daf..703933f8c5 100644
--- a/packages/context/src/locale/fr.context.json
+++ b/packages/context/src/locale/fr.context.json
@@ -16,6 +16,8 @@
         "dialog": {
           "cloneMsg": "Le contexte '{{value}}' a été cloné",
           "cloneTitle": "Contexte cloné",
+          "copyMsg": "Texte copié",
+          "copyTitle": "Identifiant du contexte",
           "confirmDelete": "Êtes-vous sûr de vouloir supprimer ce contexte ?",
           "deleteMsg": "Le contexte '{{value}}' a été supprimé",
           "deleteTitle": "Contexte supprimé",
@@ -36,6 +38,7 @@
         },
         "favorite": "Définir comme context favori",
         "form": {
+          "copy": "Copier l'identifiant du contexte",
           "edit": "Enregistrer",
           "title": "Titre",
           "titleRequired": "Le titre est obligatoire",