Web SDK documentation
  1. Components
  2. OpcuaAddressSpaceDetailComponent

File

protocol-opcua/opcua-address-space-detail.component.ts

Metadata

selector opcua-address-space-detail
templateUrl ./opcua-address-space-detail.component.html

Index

Properties
Methods
Inputs
Outputs
Accessors

Constructor

constructor(addressSpaceService: AddressSpaceService)
Parameters :
Name Type Optional
addressSpaceService AddressSpaceService No

Inputs

node
Type : any

Outputs

toggleAttrDetail
Type : EventEmitter<AddressSpaceNode>

Methods

navigateTo
navigateTo(ancestors: string[])
Parameters :
Name Type Optional
ancestors string[] No
Returns : void
setNodeData
setNodeData(nodeData)
Parameters :
Name Optional
nodeData No
Returns : void
toggleDetail
toggleDetail(node)
Parameters :
Name Optional
node No
Returns : void

Properties

nodeDataAttr
Type : Map<string | string>
nodeDataRef
Type : object[]
selected
Type : boolean
Default value : false
showDetails
Type : boolean
Default value : false

Accessors

node
setnode(n)
Parameters :
Name Optional
n No
Returns : void 
<div
  class="card flex-scroll m-b-4 split-row-2 animated fast"
  style="pointer-events: all"
  [ngClass]="{ fadeInRightBig: showDetails, fadeOutRightBig: !showDetails }"
>
  <div class="card-header separator ">
    <h4>{{ 'Attributes' | translate }}</h4>
    <button
      class="close flex-item-right visible-sm visible-xs"
      title="{{ 'Close' | translate }}"
      (click)="toggleDetail(nodeDataAttr)"
    >
      &times;
    </button>
  </div>
  <div class="card-inner-scroll">
    <div class="card-block">
      <table class="table table-striped table-condensed">
        <colgroup>
          <col width="50%" />
          <col width="50%" />
        </colgroup>
        <thead>
          <tr>
            <th>{{ 'Attribute' | translate }}</th>
            <th>{{ 'Value' | translate }}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of nodeDataAttr | keyvalue">
            <td>{{ item.key }}</td>
            <td *ngIf="item.key === 'absolutePaths'" class="text-break-word">
              {{ item.value | json }}
            </td>
            <td *ngIf="item.key === 'ancestorNodeIds'" class="text-break-word">
              <a *ngFor="let value of item.value" (click)="navigateTo(value)">
                {{ value | json }}</a
              >
            </td>
            <td *ngIf="item.key !== 'absolutePaths' && item.key !== 'ancestorNodeIds'">
              {{ item.value }}
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<div
  class="card flex-scroll split-row-2 animated fast"
  style="pointer-events: all"
  [ngClass]="{ fadeInRightBig: showDetails, fadeOutRightBig: !showDetails }"
>
  <div class="card-header separator">
    <h4>{{ 'References' | translate }}</h4>
  </div>
  <div class="card-inner-scroll">
    <div class="card-block">
      <table class="table table-striped table-condensed">
        <colgroup>
          <col width="50%" />
          <col width="50%" />
        </colgroup>
        <thead>
          <tr>
            <th>{{ 'Attribute' | translate }}</th>
            <th>{{ 'Value' | translate }}</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of nodeDataRef">
            <td>{{ item.referenceLabel }}</td>
            <td class="text-break-word">{{ item.targetLabel }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>

results matching ""

    No results matching ""