src/moblab-ui/src/app/about/about.component.ts

import {Component, OnInit} from '@angular/core';
import {MoblabGrpcService} from 'app/services/moblab-grpc.service';
import {MoblabRebootCheckService} from 'app/services/moblab-reboot-check.service';

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.scss'],
})
export class AboutComponent implements OnInit {
  moblabReleaseVersion = '';
  chromeosReleaseVersion = '';
  chromeosReleaseTrack = '';
  chromeosReleaseDescription = '';
  moblabInstallId = '';
  moblabSerialNumber = '';

  moblabHostname = '';
  moblabMacAddress = '';
  isConnectedToInternet = false;

  moblabStartTime = '';
  moblabCpuTemperature = 0.0;

  constructor(
    private moblabRpcService: MoblabGrpcService,
    private rebootCheckService: MoblabRebootCheckService
  ) {}

  ngOnInit(): void {
    this.getVersionInfo();
    this.getNetworkInfo();
    this.getSystemInfo();
  }

  refreshShownVersionInfo(
    moblab_release_version: string,
    chromeos_release_version: string,
    chromeos_release_track: string,
    chromeos_release_description: string,
    moblab_install_id: string,
    moblab_serial_number: string
  ) {
    // local setter of variables that are shown in the config UI ( not to be confused with getter/setters that commit and
    // fetch changes from actual backend. )
    this.moblabReleaseVersion = moblab_release_version;
    this.chromeosReleaseVersion = chromeos_release_version;
    this.chromeosReleaseTrack = chromeos_release_track;
    this.chromeosReleaseDescription = chromeos_release_description;
    this.moblabInstallId = moblab_install_id;
    this.moblabSerialNumber = moblab_serial_number;
  }

  getVersionInfo() {
    this.moblabRpcService.get_version_info(
      (
        moblab_release_version: string,
        chromeos_release_version: string,
        chromeos_release_track: string,
        chromeos_release_description: string,
        moblab_install_id: string,
        moblab_serial_number: string
      ) => {
        this.refreshShownVersionInfo(
          moblab_release_version,
          chromeos_release_version,
          chromeos_release_track,
          chromeos_release_description,
          moblab_install_id,
          moblab_serial_number
        );
      },
      (errorMsg: string) => {
        console.log('Encountered failure getting version info. ', errorMsg);
      }
    );
  }

  getNetworkInfo() {
    this.moblabRpcService.get_network_info(
      (
        moblab_hostname: string,
        moblab_mac_address: string,
        is_connected: boolean
      ) => {
        this.moblabHostname = moblab_hostname;
        this.moblabMacAddress = moblab_mac_address;
        this.isConnectedToInternet = is_connected;
      },
      (errorMsg: string) => {
        console.log('Encountered failure getting network info. ', errorMsg);
      }
    );
  }

  getSystemInfo() {
    this.rebootCheckService.getMoblabStartTime().then(
      startTime => {
        this.moblabStartTime = startTime;
      },
      (errorMsg: string) => {
        console.log(
          'Encountered failure getting moblab timing info. ',
          errorMsg
        );
      }
    );
    this.moblabRpcService.get_system_info(
      (cpu_temperature: number) => {
        // Restrict the temperature value to 2 decimal points only.
        this.moblabCpuTemperature = Number(cpu_temperature.toFixed(2));
      },
      (errorMsg: string) => {
        console.log('Encountered failure getting system info. ', errorMsg);
      }
    );
  }
}