<!-- <h1>Add Sensor</h1>
<div *ngIf="page === 1; else etc">
  <p-accordion [multiple]="false" [activeIndex]="step" (onOpen)="onTabOpen($event)">
    <p-accordionTab header="{{getTitle(0)}}" [disabled]="preTarget" class="ui-nopad">
      <of-target-selector [visible]="visible" [preTarget]="preTarget" (targetSelected)="onTargetSelect($event)"></of-target-selector>
    </p-accordionTab>
    <p-accordionTab header="{{getTitle(1)}}" class="ui-nopad">
      <of-crawler-selector [target]="selectedTarget" (crawlerSelected)="onCrawlerSelect($event)"></of-crawler-selector>
    </p-accordionTab>
    <p-accordionTab header="{{getTitle(2)}}" class="ui-nopad">
      <of-crawler-auth [crawler]="selectedCrawler" (credentialPassed)="onCredentialPass($event)"></of-crawler-auth>
    </p-accordionTab>
    <p-accordionTab header="{{getTitle(3)}}" class="ui-nopad">
      <of-sensor-item-selector [target]="selectedTarget" [crawler]="selectedCrawler" (sensorItemsSelected)="onItemsSelect($event)"></of-sensor-item-selector>
    </p-accordionTab>
  </p-accordion>
</div>

<ng-template #etc>
  <of-sensor-setting-etc></of-sensor-setting-etc>
</ng-template>

<div class="ui-top-space-10" dir="rtl">
  <button pButton *ngIf="page === 1" class=" ui-button-width-fit" [disabled]="!nextable" type="button" label="Next" icon="fa-check" (click)="onNext()"></button>
  <button pButton *ngIf="page === 2" class=" ui-button-width-fit" type="button" label="Done" icon="fa-check" (click)="onDone()"></button>

  <button pButton *ngIf="page === 1" class="ui-button-danger ui-button-width-fit" type="button" label="Cancel" icon="ui-icon-close" (click)="onCancel()"></button>
  <button pButton *ngIf="page === 2" class="ui-button-danger ui-button-width-fit" type="button" label="Prev" icon="ui-icon-close" (click)="onPrev()"></button>
</div> -->

<div>SENSOR_SETTING_COMPONENT</div>