client/src/app/shared/misc/help.component.html

   1 <ng-template #tooltipTemplate>
   2   <p *ngIf="preHtmlTemplate">
   3     <ng-template *ngTemplateOutlet="preHtmlTemplate"></ng-template>
   4   </p>
   5
   6   <ng-container *ngIf="preHtmlTemplate && (customHtmlTemplate || mainHtml || postHtmlTemplate)">
   7     <br /><br />
   8   </ng-container>
   9
  10   <p *ngIf="customHtmlTemplate">
  11     <ng-template *ngTemplateOutlet="customHtmlTemplate"></ng-template>
  12   </p>
  13
  14   <p *ngIf="mainHtml" [innerHTML]="mainHtml"></p>
  15
  16   <ng-container *ngIf="(customHtmlTemplate || mainHtml) && postHtmlTemplate">
  17     <br /><br />
  18   </ng-container>
  19
  20   <p *ngIf="postHtmlTemplate">
  21     <ng-template *ngTemplateOutlet="postHtmlTemplate"></ng-template>
  22   </p>
  23 </ng-template>
  24
  25 <span
  26   role="button"
  27   class="help-tooltip-button"
  28   container="body"
  29   title="Get help"
  30   i18n-title
  31   popoverClass="help-popover"
  32   [attr.aria-pressed]="isPopoverOpened"
  33   [ngbPopover]="tooltipTemplate"
  34   [placement]="tooltipPlacement"
  35   autoClose="outside"
  36   (onHidden)="onPopoverHidden()"
  37   (onShown)="onPopoverShown()"
  38 >
  39   <my-global-icon iconName="help"></my-global-icon>
  40 </span>