client/src/app/shared/shared-main/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 <button
  26   class="help-tooltip-button p-0 border-0 mx-1"
  27   [title]="title"
  28   popoverClass="help-popover"
  29   [attr.aria-pressed]="isPopoverOpened"
  30   [ngbPopover]="tooltipTemplate"
  31   [placement]="tooltipPlacement"
  32   [autoClose]="autoClose"
  33   (onHidden)="onPopoverHidden()"
  34   (onShown)="onPopoverShown()"
  35   type="button"
  36 >
  37   <my-global-icon [iconName]="iconName"></my-global-icon>
  38 </button>