JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>JavaScript Test Page</title>
      <script src="http://code.jquery.com/jquery-latest.min.js" 
          type="text/JavaScript">
        </script>
      <script type="text/JavaScript" language="JavaScript">
 
      //Get inContact Token
      var accessToken = '';
      var baseURI = '';
 
      function getToken() {
          var url_base = 
             'https://api.incontact.com/InContactAuthorizationServer/Token';
 
          // The auth_token is the base64 encoded string for the API 
          // application.
          var auth_token = 'AppName@VendorName:BusinessUnit';
          auth_token = window.btoa(auth_token);
          var requestPayload = {
              // Enter your inContact credentials for the 'username' and 
              // 'password' fields.
              'grant_type': 'password',
              'username': 'YourUsernameHere',
              'password': 'YourPasswordHere',
              'scope': ''
          }
          $.ajax({
              'url': url_base,
              'type': 'POST',
              'content-Type': 'x-www-form-urlencoded',
              'dataType': 'json',
              'headers': {
                // Use access_token previously retrieved from inContact token 
                // service.
                'Authorization': 'basic ' + auth_token
              },
              'data': requestPayload,
              'success': function (result) {
                //Process success actions
               ...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}