path: root/client/src/app/shared/misc/help.component.html

<ng-template #tooltipTemplate>
  <ng-template [ngIf]="preHtml">
    <p [innerHTML]="preHtml"></p>
    <br />
  </ng-template>

  <p [innerHTML]="mainHtml"></p>

  <ng-template [ngIf]="postHtml">
    <br />
    <p [innerHTML]="postHtml"></p>
  </ng-template>
</ng-template>

<span
  role="button"
  class="help-tooltip-button"
  container="body"
  title="Get help"
  i18n-title
  popoverClass="help-popover"
  [attr.aria-pressed]="isPopoverOpened"
  [ngbPopover]="tooltipTemplate"
  [placement]="tooltipPlacement"
  autoClose="outside"
  (onHidden)="onPopoverHidden()"
  (onShown)="onPopoverShown()"
>
  <my-global-icon iconName="help"></my-global-icon>
</span>