From 470241ed1aa60c44ec6a2ad2fe9a7891389a4261 Mon Sep 17 00:00:00 2001
From: gitdagray <DaveOnEleven@gmail.com>
Date: Wed, 24 Oct 2018 14:39:43 -0500
Subject: [PATCH] Removed jQuery dependency. Added fetch() and arrow functions.

---
 authorization_code/public/index.html | 53 ++++++++++++++++------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/authorization_code/public/index.html b/authorization_code/public/index.html
index 9c57f1c8..36c9877b 100644
--- a/authorization_code/public/index.html
+++ b/authorization_code/public/index.html
@@ -60,15 +60,14 @@ <h2>oAuth info</h2>
     </script>
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0-alpha.1/handlebars.min.js"></script>
-    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
     <script>
-      (function() {
+      (() => {
 
         /**
          * Obtains parameters from the hash of the URL
          * @return Object
          */
-        function getHashParams() {
+        getHashParams = () => {
           var hashParams = {};
           var e, r = /([^&;=]+)=?([^&;]*)/g,
               q = window.location.hash.substring(1);
@@ -102,41 +101,51 @@ <h2>oAuth info</h2>
               refresh_token: refresh_token
             });
 
-            $.ajax({
-                url: 'https://api.spotify.com/v1/me',
+            fetch('https://api.spotify.com/v1/me', {
                 headers: {
                   'Authorization': 'Bearer ' + access_token
-                },
-                success: function(response) {
-                  userProfilePlaceholder.innerHTML = userProfileTemplate(response);
-
-                  $('#login').hide();
-                  $('#loggedin').show();
                 }
-            });
+              })
+              .then(response => {
+                return response.json();
+              })
+              .then(response => {
+                userProfilePlaceholder.innerHTML = userProfileTemplate(response);
+                document.getElementById('login').style.display = 'none';
+                document.getElementById('loggedin').style.display = 'block';
+              })
+              .catch(err => {
+                console.error(err);
+              });
+
           } else {
               // render initial screen
-              $('#login').show();
-              $('#loggedin').hide();
+              document.getElementById('login').style.display = 'block';
+              document.getElementById('loggedin').style.display = 'none';
           }
 
-          document.getElementById('obtain-new-token').addEventListener('click', function() {
-            $.ajax({
-              url: '/refresh_token',
-              data: {
-                'refresh_token': refresh_token
-              }
-            }).done(function(data) {
+          document.getElementById('obtain-new-token').addEventListener('click',() => {
+            const refreshUrl = '/refresh_token' + '?refresh_token=' + refresh_token;
+            fetch(refreshUrl, {
+                method: "GET"
+            })
+            .then(data => {
+              return data.json();
+            })
+            .then(data => {
               access_token = data.access_token;
               oauthPlaceholder.innerHTML = oauthTemplate({
                 access_token: access_token,
                 refresh_token: refresh_token
               });
+            })
+            .catch(err => {
+              console.error(err);
             });
+
           }, false);
         }
       })();
     </script>
   </body>
 </html>
-