SignIN - Pull API Token on Login

Author: app-generator

apps/templates/accounts/login.html

@@ -98,4 +98,50 @@ <h3 class="font-weight-bolder text-info text-gradient">
 {% endblock content %}
 
 <!-- Specific JS goes HERE --> 
-{% block javascripts %}{% endblock javascripts %}
+{% block javascripts %}
+
+<script>
+
+  // Save aKey in localStorage 
+  const asyncLocalStorage = {
+      setItem: function (key, value) {
+          return Promise.resolve().then(function () {
+              localStorage.setItem(key, value);
+          });
+      }
+  }
+
+// Login hook  
+document.getElementsByTagName('form')[0].onsubmit = (e) => {
+
+  e.preventDefault();
+  
+  const formData = new FormData(e.target)
+  const username = formData.get('username');
+  const password = formData.get('password');
+
+  fetch('/login/jwt/',{
+      method: 'POST',
+      body: JSON.stringify({
+          username: username,
+          password: password
+      }),
+      headers: {
+          'Content-Type': 'application/json'
+      }
+  })
+      .then((response) => response.json())
+      .then((res) => {
+
+        //console.log('Token: ' + res.data); 
+
+        // store token in localStorage
+        asyncLocalStorage.setItem('token',res.data).then(result => {e.target.submit()})
+
+      })
+      .catch((err) => {console.log(err)})   
+}
+
+</script>
+
+{% endblock javascripts %}