asctb-reporter
  1. Components
  2. TableNestedMenuComponent

File

src/app/components/table-nested-menu/table-nested-menu.component.ts

Metadata

selector app-table-nested-menu
styleUrls ./table-nested-menu.component.scss
templateUrl ./table-nested-menu.component.html

Index

Properties
Methods
Inputs

Inputs

sheetDetails
Type : SheetDetails[]
Default value : []
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:11
title
Type : string
Default value : ''
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:12

Methods

openURL
openURL(sheetId: string, gid: string)
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:17
Parameters :
Name Type Optional
sheetId string No
gid string No
Returns : void

Properties

Public childMenu
Type : MatMenu
Decorators :
@ViewChild('childMenu', {static: true})
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:14
sheetURL
Type : string
Default value : 'https://docs.google.com/spreadsheets/d/'
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:15
window
Default value : window
Defined in src/app/components/table-nested-menu/table-nested-menu.component.ts:13
 
import { Component, Input, ViewChild } from '@angular/core';
import { MatMenu } from '@angular/material/menu';
import { SheetDetails } from '../../models/sheet.model';

@Component({
  selector: 'app-table-nested-menu',
  templateUrl: './table-nested-menu.component.html',
  styleUrls: ['./table-nested-menu.component.scss'],
})
export class TableNestedMenuComponent {
  @Input() sheetDetails: SheetDetails[] = [];
  @Input() title = '';
  window = window;
  @ViewChild('childMenu', { static: true }) public childMenu!: MatMenu;
  sheetURL = 'https://docs.google.com/spreadsheets/d/';

  openURL(sheetId: string, gid: string) {
    this.window.open(`${this.sheetURL}${sheetId}/edit#gid=${gid}`, '_blank');
  }
}

<mat-menu #childMenu="matMenu" [overlapTrigger]="false">
  <span *ngFor="let sheet of sheetDetails">
    <!-- Organ Names node menu items -->
    <span *ngIf="sheet.version && sheet.name !== 'all'">
      <button mat-menu-item color="primary" [matMenuTriggerFor]="menu">
        <span>{{ sheet.display }}</span>
      </button>
    </span>
    <mat-menu #menu="matMenu" [overlapTrigger]="false">
      <span *ngFor="let version of sheet?.version">
        <!-- Versions node menu items -->
        <span *ngIf="version">
          <button (click)="openURL(version.sheetId ?? '', version.gid ?? '')" mat-menu-item color="primary">
            <span>{{ version.viewValue }}</span>
          </button>
        </span>
      </span>
    </mat-menu>
  </span>
</mat-menu>

./table-nested-menu.component.scss

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""