catalog-ui/src/app/ng2/components/ui/popover/popover-content.component.html

   1 <div #popoverDiv class="popover {{ effectivePlacement }}"
   2      [style.top]="top + 'px'"
   3      [style.left]="left + 'px'"
   4      [class.in]="isIn"
   5      [class.fade]="animation"
   6      style="display: block"
   7      role="popover"
   8      [ngClass]="{'hide-arrow':hideArrow}">
   9     <div [hidden]="!closeOnMouseOutside" class="virtual-area"></div>
  10     <div class="arrow" *ngIf="!hideArrow"></div>
  11     <div class="popover-header">
  12         <span class="title">{{ title }}</span>
  13         <span class="close-button" (click)="popover.hide()"></span>
  14     </div>
  15     <ng-content></ng-content>
  16     <div class="popover-footer">
  17         <button *ngFor="let buttonName of buttonsNames"
  18                 class="tlv-btn {{buttons[buttonName].cssClass}}"
  19                 [attr.data-tests-id]="'filter-' + buttons[buttonName].text.toLowerCase() + '-button'"
  20                 [disabled] = "buttons[buttonName].getDisabled && buttons[buttonName].getDisabled()"
  21                 (click) = "buttons[buttonName].callback()">{{buttons[buttonName].text}}</button>
  22     </div>
  23 </div>
  24
  25