Contents

import { Component, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';
import {CdkPortal, DomPortalOutlet} from '@angular/cdk/portal';
import { OpenC3Api } from "@openc3/tool-common/src/services/openc3-api";

@Component({
  selector: 'openc3-tool-<%= tool_name %>-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements  AfterViewInit, OnDestroy {
  @ViewChild(CdkPortal)
  private portal: CdkPortal | undefined;
  private host: DomPortalOutlet | undefined;

  clickHandler = function() {
    let api = new OpenC3Api();
    api.cmd("INST", "COLLECT", { TYPE: "NORMAL" }).then((response: any) => {
      alert("Command Sent!");
    });
  }
  getMenuElement() {
    let elem = document.getElementById("openc3-menu")
    if (elem) {
      return elem
    } else {
      return new HTMLElement()
    }
  }
  ngAfterViewInit(): void {
    this.host = new DomPortalOutlet(
      this.getMenuElement()
    );
    this.host.attach(this.portal);
    document.title = "<%= tool_name_display %>";
    let tool = document.querySelector('#openc3-tool');
    if (tool == null) {
      tool = new HTMLElement()
    }
    let overlay = document.querySelector('.cdk-overlay-container');
    if (overlay == null) {
      overlay = new HTMLElement()
    }
    // Move stuff
    tool.append(overlay);
  }
  ngOnDestroy(): void {
    if (this.host) {
      this.host.detach();
    }
  }
}

Version data entries

22 entries across 22 versions & 1 rubygems

Version	Path
openc3-5.20.0	templates/tool_angular/src/app/app.component.ts
openc3-5.19.0	templates/tool_angular/src/app/app.component.ts
openc3-5.18.0	templates/tool_angular/src/app/app.component.ts
openc3-5.17.1	templates/tool_angular/src/app/app.component.ts
openc3-5.17.0	templates/tool_angular/src/app/app.component.ts
openc3-5.16.0	templates/tool_angular/src/app/app.component.ts
openc3-5.15.2	templates/tool_angular/src/app/app.component.ts
openc3-5.15.1	templates/tool_angular/src/app/app.component.ts
openc3-5.15.0	templates/tool_angular/src/app/app.component.ts
openc3-5.14.2	templates/tool_angular/src/app/app.component.ts
openc3-5.14.1	templates/tool_angular/src/app/app.component.ts
openc3-5.14.0	templates/tool_angular/src/app/app.component.ts
openc3-5.13.0	templates/tool_angular/src/app/app.component.ts
openc3-5.12.0	templates/tool_angular/src/app/app.component.ts
openc3-5.11.3	templates/tool_angular/src/app/app.component.ts
openc3-5.11.2	templates/tool_angular/src/app/app.component.ts
openc3-5.11.1	templates/tool_angular/src/app/app.component.ts
openc3-5.11.0	templates/tool_angular/src/app/app.component.ts
openc3-5.10.1	templates/tool_angular/src/app/app.component.ts
openc3-5.10.0	templates/tool_angular/src/app/app.component.ts