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);