From 35bebf2f80e4c40c07f05f3c149552b1980f0b71 Mon Sep 17 00:00:00 2001
From: zachmann <gabriel.zachmann@kit.edu>
Date: Fri, 12 Aug 2022 11:02:14 +0200
Subject: [PATCH] tokeninfo; mt creation flow

---
 internal/server/web/partials/create-at.mustache | 2 +-
 internal/server/web/partials/create-mt.mustache | 2 +-
 internal/server/web/static/css/mytoken.css      | 6 ++++++
 internal/server/web/static/js/create-mt.js      | 3 ++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/internal/server/web/partials/create-at.mustache b/internal/server/web/partials/create-at.mustache
index 1a635d6c..1236f3b9 100644
--- a/internal/server/web/partials/create-at.mustache
+++ b/internal/server/web/partials/create-at.mustache
@@ -45,7 +45,7 @@
                 title="Copy to clipboard" data-clipboard-target="#at-result-msg">
             <i class="far fa-copy"></i>
         </button>
-        <pre class="card-text" id="at-result-msg"></pre>
+        <pre class="card-text codely" id="at-result-msg"></pre>
     </div>
     <a href="#at" class="btn btn-primary mx-auto d-block" id="next-at">Get another Access Token</a>
 </div>
diff --git a/internal/server/web/partials/create-mt.mustache b/internal/server/web/partials/create-mt.mustache
index c9726214..74bddc0a 100644
--- a/internal/server/web/partials/create-mt.mustache
+++ b/internal/server/web/partials/create-mt.mustache
@@ -59,7 +59,7 @@
     <div id="mt-result" class="d-none">
         <div id="mt-instructions">
             <div class="alert bg-my_blue_dark">
-                <h4>To obtain your Mytoken follow the following link and authenticate:</h4>
+                <h4>To obtain your Mytoken you have to allow the creation and authenticate at the following link:</h4>
                 <a id="authorization-url" target="_blank" rel="noopener noreferrer" href="" style="font-size: 2em;"></a>
             </div>
         </div>
diff --git a/internal/server/web/static/css/mytoken.css b/internal/server/web/static/css/mytoken.css
index 6c9b8f85..a2171648 100644
--- a/internal/server/web/static/css/mytoken.css
+++ b/internal/server/web/static/css/mytoken.css
@@ -30,6 +30,12 @@
     padding: 10px;
 }
 
+.codely {
+    font-family: monospace;
+    background-color: rgba(0, 0, 0, 0.2);
+    padding: 5px;
+}
+
 ul.list-group.list-group-striped li:nth-of-type(odd) {
     background: rgba(255, 255, 255, 0.05);
 }
diff --git a/internal/server/web/static/js/create-mt.js b/internal/server/web/static/js/create-mt.js
index 97101737..8127fc67 100644
--- a/internal/server/web/static/js/create-mt.js
+++ b/internal/server/web/static/js/create-mt.js
@@ -72,7 +72,8 @@ function sendCreateMTReq() {
             authURL.attr("href", url);
             authURL.text(url);
             $mtInstructions.showB();
-            polling(code, interval)
+            polling(code, interval);
+            window.open(url, '_blank');
         },
         error: function (errRes) {
             let errMsg = getErrorMessage(errRes);
-- 
GitLab