<div fxLayout="column" fxFlex="100">
  <div fxLayout="row" fxLayoutAlign="start center" class="page-title-container">
    <fa-icon [icon]="faQuestion" class="page-title-img mr-1"></fa-icon>
    <span class="page-title">Help</span>
  </div>
  <div fxLayout="row" fxFlex="100" class="padding-gap-x" fxLayoutAlign="start start">
    <div fxLayout="column" fxFlex="100">
      <div fxFlex="100" *ngFor="let helpTopic of helpTopics">
        <mat-expansion-panel class="flat-expansion-panel help-expansion mb-2px" *ngIf="helpTopic.help.lnImplementation === 'ALL' || helpTopic.help.lnImplementation === selNode.lnImplementation">
          <mat-expansion-panel-header>
              <mat-panel-title>{{helpTopic.help.question}}</mat-panel-title>
            </mat-expansion-panel-header>
          <mat-panel-description fxLayout="column" fxFlex="100" fxLayoutAlign="start start">
            <span class="pre-wrap" [innerHTML]="helpTopic.help.answer"></span>
            <a class="mt-2" [routerLink]="flgLoggedIn ? LNPLink + helpTopic.help.link : '/login'">{{!flgLoggedIn ? 'Login to go to the page' : helpTopic.help.linkCaption}}</a>
          </mat-panel-description>
        </mat-expansion-panel>
      </div>
    </div>
  </div>
</div>
  