From 720aa62332a5ccf70f32d6d76c39f089f427d835 Mon Sep 17 00:00:00 2001
From: Dmitriy Lyalyuev <dmitriy@lyalyuev.info>
Date: Sat, 5 Nov 2022 19:31:21 +0300
Subject: [PATCH] feat: copy API key button

---
 later42/templates/base.html    | 25 +++++++++++++++++++++++++
 later42/templates/profile.html |  2 +-
 2 files changed, 26 insertions(+), 1 deletion(-)
diff --git a/later42/templates/base.html b/later42/templates/base.html
index b9fb243..06151af 100644
--- a/later42/templates/base.html
+++ b/later42/templates/base.html
@@ -16,6 +16,31 @@
         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
         <!-- Core theme CSS (includes Bootstrap)-->
         <link href="{% static 'css/styles.css' %}" rel="stylesheet" />
+        <script>
+        function copyToken(token) {
+            if (window.clipboardData && window.clipboardData.setData) {
+                // IE: prevent textarea being shown while dialog is visible
+                return window.clipboardData.setData("Text", token);
+            } else if (document.queryCommandSupported &&
+                    document.queryCommandSupported("copy")) {
+                var textarea = document.createElement("textarea");
+                textarea.textContent = token;
+                // Prevent scrolling to bottom of page in MS Edge
+                textarea.style.position = "fixed";
+                document.body.appendChild(textarea);
+                textarea.select();
+                try {
+                    // Security exception may be thrown by some browsers
+                    return document.execCommand("copy");
+                } catch (ex) {
+                    console.warn("Copy to clipboard failed.", ex);
+                    return false;
+                } finally {
+                    document.body.removeChild(textarea);
+                }
+            }
+        }
+        </script>
     </head>
     <body>
         <!-- Navigation-->
diff --git a/later42/templates/profile.html b/later42/templates/profile.html
index 60e9562..075f02b 100644
--- a/later42/templates/profile.html
+++ b/later42/templates/profile.html
@@ -3,7 +3,6 @@
 {% block title %}Настройки{% endblock %}
 
 {% block content %}
-
     <h2 class="center-block">Профиль</h2>
 
     <p> </p>
@@ -43,6 +42,7 @@
             {{ token }}
             <form action="{% url 'api_token' %}" method="post">
                 {% csrf_token %}
+                <input type="button" class="btn btn-primary text-uppercase" onclick="copyToken('{{ token }}')" value="Скопировать"></input>
                 <input class="btn btn-primary text-uppercase" type="submit" id="resetbutton" value="Сбросить на новый">
             </form>
 {% else %}
