From 80df728dd2c8a7044291be462235d4bafd48cfbd Mon Sep 17 00:00:00 2001
From: Samuele Locatelli <samuele@steamware.net>
Date: Thu, 14 Oct 2021 10:53:53 +0200
Subject: [PATCH] Aggiunto componente copia testo da pagina x licenza

---
 LiMan.UI/Components/CopyToClipboard.razor | 48 +++++++++++++++++++++++
 LiMan.UI/Components/ListLicenze.razor     | 10 ++---
 LiMan.UI/Pages/_Host.cshtml               |  1 +
 LiMan.UI/wwwroot/js/CBCopy.js             | 10 +++++
 LiMan.sln                                 |  2 +-
 5 files changed, 65 insertions(+), 6 deletions(-)
 create mode 100644 LiMan.UI/Components/CopyToClipboard.razor
 create mode 100644 LiMan.UI/wwwroot/js/CBCopy.js

diff --git a/LiMan.UI/Components/CopyToClipboard.razor b/LiMan.UI/Components/CopyToClipboard.razor
new file mode 100644
index 0000000..639ba62
--- /dev/null
+++ b/LiMan.UI/Components/CopyToClipboard.razor
@@ -0,0 +1,48 @@
+@using System
+@inject IJSRuntime JSRuntime
+
+<div class="form-inline">
+    <input class="form-control" readonly type="text" value="@Text" />
+    <button type="button" class="btn @btnStyle" @onclick="CopyTextToClipboard" title="Copy to Clipboard">
+        @if (copyDone)
+        {
+            <span><i class="far fa-thumbs-up"></i></span>
+        }
+        else
+        {
+            <span><i class="far fa-copy"></i></span>
+        }
+    </button>
+</div>
+
+@code {
+
+    /// <summary>
+    /// Metodi per copia verso clipboard:
+    /// link:
+    ///  - https://chrissainty.com/copy-to-clipboard-in-blazor/
+    ///  - https://www.daveabrock.com/2021/02/18/copy-to-clipboard-markdown-editor/
+    ///  - https://www.meziantou.net/
+    /// </summary>
+
+    [Parameter] public string Text { get; set; }
+
+    protected string btnStyle = "btn-primary";
+    protected string btnText = "Copy";
+    protected bool copyDone = false;
+
+    private async Task CopyTextToClipboard()
+    {
+        // cambio colore..
+        btnStyle = "btn-success";
+        btnText = "Done!";
+        copyDone = true;
+        await JSRuntime.InvokeVoidAsync("clipboardCopy.copyText", Text);
+        await Task.Delay(1100);
+        // fix cambio colore..
+        btnStyle = "btn-primary";
+        btnText = "Copy";
+        copyDone = false;
+        await Task.Delay(10);
+    }
+}
\ No newline at end of file
diff --git a/LiMan.UI/Components/ListLicenze.razor b/LiMan.UI/Components/ListLicenze.razor
index 5bb2128..00782e1 100644
--- a/LiMan.UI/Components/ListLicenze.razor
+++ b/LiMan.UI/Components/ListLicenze.razor
@@ -83,9 +83,9 @@
                                 <th>Applicativo</th>
                                 <th>Installazione</th>
                                 <th>Scadenza</th>
+                                <th>Descrizione</th>
                                 <th class="text-right">Num Licenze</th>
                                 <th class="text-right">Codice Licenza</th>
-                                <th class="text-right">Descrizione</th>
                                 <th class="text-right">Payload</th>
                                 <th class="text-right">Enigma</th>
                                 <th class="text-right">Data Enigma</th>
@@ -119,14 +119,14 @@
                                     <td>
                                         <span class="@cssScadenza(record.Scadenza)">@($"{record.Scadenza:yyyy.MM.dd}")</span>
                                     </td>
+                                    <td>
+                                        <span>@record.Descrizione</span>
+                                    </td>
                                     <td class="text-right">
                                         <span>@record.NumLicenze</span>
                                     </td>
                                     <td class="text-right">
-                                        <span>@record.Chiave</span>
-                                    </td>
-                                    <td class="text-right">
-                                        <span>@record.Descrizione</span>
+                                        <CopyToClipboard Text="@record.Chiave" />
                                     </td>
                                     <td class="text-right">
                                         <span>@record.Payload</span>
diff --git a/LiMan.UI/Pages/_Host.cshtml b/LiMan.UI/Pages/_Host.cshtml
index 25ea868..0496b11 100644
--- a/LiMan.UI/Pages/_Host.cshtml
+++ b/LiMan.UI/Pages/_Host.cshtml
@@ -36,6 +36,7 @@
     </div>
 
     <!-- inside of body section and after the div/app tag  -->
+    <script src="js/CBCopy.js"></script>
     <script src="jquery/jquery.min.js"></script>
     <script src="lib/bootstrap/js/bootstrap.min.js"></script>
     <script src="lib/font-awesome/js/all.min.js"></script>
diff --git a/LiMan.UI/wwwroot/js/CBCopy.js b/LiMan.UI/wwwroot/js/CBCopy.js
new file mode 100644
index 0000000..23ced1c
--- /dev/null
+++ b/LiMan.UI/wwwroot/js/CBCopy.js
@@ -0,0 +1,10 @@
+window.clipboardCopy = {
+    copyText: function (text) {
+        navigator.clipboard.writeText(text).then(function () {
+            //alert("Copiato in clipboard!");
+        })
+            .catch(function (error) {
+                alert(error);
+            });
+    }
+};
\ No newline at end of file
diff --git a/LiMan.sln b/LiMan.sln
index dd12125..631127d 100644
--- a/LiMan.sln
+++ b/LiMan.sln
@@ -11,7 +11,7 @@ Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "LiMan.UI", "LiMan.UI\LiMan.
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "LiMan.DB", "LiMan.DB\LiMan.DB.csproj", "{C052CE93-FFDE-4B45-B1BC-BD9882797667}"
 EndProject
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Core", "Core\Core.csproj", "{4A7686D3-5BD3-44BE-93DE-CDD72CA703B6}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Core", "Core\Core.csproj", "{4A7686D3-5BD3-44BE-93DE-CDD72CA703B6}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution