Contains a reference hello.js for the Red Hat & RapID blogpost

hello.js

// If you're working with a local domain you can uncomment this
// or update your fhconfig.json according to the RHMAP local
// development guides
// $fh.getCloudUrl = function () {
//  return 'https://nodejs-cloudappdevezqll-rhmap-rhmap-development.127.0.0.1.nip.io'
//}


// Let the code below initialise, then configure our UI
setTimeout(function () {
  components.name.hide();
  components.login.show();

  intialiseHelloComponent();
  intialiseLoginComponent();
} , 0);

// Container with refrences to primary application  components
var components = {
  name: createComponent('name-component'),
  login: createComponent('login-component')
}

// Element that communicates logged in status to a user
var loginStatus = document.getElementById('login-status')

function log () {
  var args = Array.prototype.slice.call(arguments)

  args.unshift(new Date())

  console.log.apply(console, args)
}

/**
 * Creates a lightweight component from a HTML node.
 * A component is a reference to the node with some utilities attached.
 */
function createComponent (id) {
  var el = document.getElementById(id);
  
  if (!el) {
    throw new Error('unable to find component with the id "' + id + '"')
  }

  return {
    el: el,
    show: () => { el.style = "" },
    hide: () => { el.style = "display:none;" }
  }
}

function formatHeaders (headers) {
  // Convert headers from an object to a string
  return Object.keys(headers).reduce(function (memo, key) {
    var val = headers[key]

    return memo += key + ': ' + val + '\n'
  }, '')
}

function intialiseHelloComponent () {
  var sayHelloBtn = document.getElementById('say_hello');
  var cloudReponse = document.getElementById('cloudResponse')

  sayHelloBtn.onclick = onSend;
  
  function onSend () {
    cloudReponse.innerHTML = "<p>Calling Cloud.....</p>";

    var name = document.getElementById('hello_to').value;
    var username = document.getElementById('username').value
    var headers = $fh.getFHHeaders()

    log('calling api/hello with username "' + username + '"')

    security.sendRequestEx(
      'get',
      $fh.getCloudUrl() + '/api/hello?hello=' + name,
      formatHeaders(headers),
      null,
      'true',
      '15',
      username,
      'RapidForce',
      onSuccess
    )

    function onSuccess (res) {
      if (res.err) {
        return onFailure(res.err)
      }
      log('success response from hello endpoint', res)
      cloudReponse.innerHTML = "<p>" + JSON.parse(res.body).msg + "</p>";
    }

    function onFailure (err) {
      log('fail response from hello endpoint', err)
      alert('Cloud call failed. Error properties: ' + JSON.stringify(err));
    }
  }    
}

function intialiseLoginComponent () {
  document.getElementById('login-form').addEventListener('submit', doLogin)

  function onLoginComplete () {
    // Update logged in state
    loginStatus.innerHTML = 'You are logged in.';
    
    // Hide login UI and show primary UI
    components.login.hide();
    components.name.show();
  }

  function doLogin (e) {
    e.preventDefault()

    var username = document.getElementById('username').value
    var password = document.getElementById('password').value

    log('performing login for user', username)

    var httpOpts = {
      path: 'auth/login',
      method: 'POST',
      data: {
        username: username,
        password: password
      }
    }

    function onLoginFailure (msg, err) {
      alert('Cloud call failed with error message: ' + msg + '. Error properties: ' + JSON.stringify(err));
    }

    $fh.cloud(httpOpts, collectIdentity(username, onLoginComplete, onLoginFailure), onLoginFailure);

    return false;
  }
}

function collectIdentity (username, onSuccess, onFailure) {
  return function _collectIdentity (cloudResponse) {
    log('login success, collect identity with username, requestId', username, cloudResponse.requestId)
    security.collectIdentity(username, cloudResponse.requestId, onSuccess, onFailure);
  };
}