app/server-control/controllers/remote-console-controller.js

/**
 * Controller for server
 *
 * @module app/serverControl
 * @exports remoteConsoleController
 * @name remoteConsoleController
 */

import {
  hterm,
  lib
}
from 'hterm-umdjs';

window.angular && (function(angular) {
  'use strict';

  angular
    .module('app.serverControl')
    .controller('remoteConsoleController', [
      '$scope',
      '$window',
      'APIUtils',
      'dataService',
      function($scope, $window, APIUtils, dataService) {
        $scope.dataService = dataService;

        // See https://github.com/macton/hterm for available hterm options

        hterm.defaultStorage = new lib.Storage.Local();
        var term = new hterm.Terminal('host-console');
        term.decorate(document.querySelector('#terminal'));
        //Set cursor color
        term.prefs_.set('cursor-color', 'rgba(83, 146, 255, .5)');
        //Set background color
        term.prefs_.set('background-color', '#19273c');
        //Allows keyboard input
        term.installKeyboard();

        //The BMC exposes a websocket at /console0. This can be read
        //or written to access the host serial console.
        var hostname = dataService.getHost().replace('https://', '');
        var host = 'wss://' + hostname + '/console0';
        var ws = new WebSocket(host);
        ws.onmessage = function(evt) {
          //websocket -> terminal
          term.io.print(evt.data);
        };

        //terminal -> websocket
        term.onTerminalReady = function() {
          var io = term.io.push();
          io.onVTKeystroke = function(str) {
            ws.send(str);
          };
          io.sendString = function(str) {
            ws.send(str);
          };
        };

        ws.onopen = function() {
          console.log('websocket opened');
        };
        ws.onclose = function() {
          console.log('websocket closed');
        };
        $scope.$on('$destroy', function() {
          if (ws) {
            ws.close();
          }
        });

        $scope.openTerminalWindow = function() {
          dataService.setRemoteWindowActive();
          $window.open('#/server-control/remote-console-window', 'Remote Console Window', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=600,height=400');
        };
      }
    ]);

})(angular);