tokeninfo; mt creation flow

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>

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>

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);
 }

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);