You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
2.8 KiB
HTML
39 lines
2.8 KiB
HTML
<div fxLayout="column">
|
|
<div fxLayout="row" fxLayoutAlign="start end" class="padding-gap-x page-title-container">
|
|
<fa-icon [icon]="faSearch" class="page-title-img mr-1"></fa-icon>
|
|
<span class="page-title">Graph Lookups</span>
|
|
</div>
|
|
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start start" class="padding-gap">
|
|
<mat-card fxLayout="row" fxFlex="100" fxLayoutAlign="start start">
|
|
<mat-card-content fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch" class="card-content-gap mt-1">
|
|
<form fxFlex="100" fxLayout="column" fxLayout.gt-sm="row wrap" fxLayoutAlign.gt-sm="space-between center" fxLayoutAlign="start stretch" class="w-100" #form="ngForm">
|
|
<mat-form-field fxFlex="30" fxLayoutAlign="start end">
|
|
<mat-select [(ngModel)]="selectedFieldId" placeholder="Lookup Field" (selectionChange)="onSelectChange($event)" tabindex="1" required name="lookupField">
|
|
<mat-option *ngFor="let lookupField of lookupFields" [value]="lookupField.id">
|
|
{{lookupField.name}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field fxFlex="68" fxLayoutAlign="start end">
|
|
<input matInput name="lookupKey" [placeholder]="lookupFields[selectedFieldId]?.placeholder || 'Lookup Key'" (change)="clearLookupValue()" [(ngModel)]="lookupKey" tabindex="2" required>
|
|
</mat-form-field>
|
|
<div fxFlex="50" fxLayoutAlign="space-between stretch">
|
|
<button fxFlex="48" fxLayoutAlign="center center" mat-stroked-button color="primary" tabindex="3" type="button" (click)="resetData()">Clear</button>
|
|
<button fxFlex="48" fxLayoutAlign="center center" mat-raised-button color="primary" tabindex="4" type="submit" (click)="onLookup()" [disabled]="!form.valid">Lookup</button>
|
|
</div>
|
|
</form>
|
|
<div fxFlex="100" fxLayout="column" fxLayout.gt-sm="row wrap" fxLayoutAlign.gt-sm="space-between center" fxLayoutAlign="start stretch" *ngIf="lookupValue && flgSetLookupValue" class="w-100 mt-2">
|
|
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start center">
|
|
<span class="page-title font-bold-500">{{lookupFields[selectedFieldId].name}} Details</span>
|
|
</div>
|
|
<div [ngSwitch]="selectedFieldId" fxLayout="row" fxFlex="100" fxLayoutAlign="start center">
|
|
<span fxFlex="100" *ngSwitchCase="0"><rtl-node-lookup [lookupResult]="lookupValue"></rtl-node-lookup></span>
|
|
<span fxFlex="100" *ngSwitchCase="1"><rtl-channel-lookup [lookupResult]="lookupValue"></rtl-channel-lookup></span>
|
|
<span fxFlex="100" *ngSwitchDefault><h3>Error! Unable to find details!</h3></span>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|