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

   1 <!--
   2   ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
   3   ~
   4   ~ Licensed under the Apache License, Version 2.0 (the "License");
   5   ~ you may not use this file except in compliance with the License.
   6   ~ You may obtain a copy of the License at
   7   ~
   8   ~      http://www.apache.org/licenses/LICENSE-2.0
   9   ~
  10   ~ Unless required by applicable law or agreed to in writing, software
  11   ~ distributed under the License is distributed on an "AS IS" BASIS,
  12   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   ~ See the License for the specific language governing permissions and
  14   ~ limitations under the License.
  15   -->
  16
  17 <div #popoverDiv class="popover {{ effectivePlacement }}"
  18      [style.top]="top + 'px'"
  19      [style.left]="left + 'px'"
  20      [class.in]="isIn"
  21      [class.fade]="animation"
  22      style="display: block"
  23      role="popover"
  24      [ngClass]="{'hide-arrow':hideArrow}">
  25     <div [hidden]="!closeOnMouseOutside" class="virtual-area"></div>
  26     <div class="arrow" *ngIf="!hideArrow"></div>
  27     <div class="popover-header">
  28         <span class="title">{{ title }}</span>
  29         <span class="close-button" (click)="popover.hide()"></span>
  30     </div>
  31     <ng-content></ng-content>
  32     <div class="popover-footer">
  33         <button *ngFor="let buttonName of buttonsNames"
  34                 class="tlv-btn {{buttons[buttonName].cssClass}}"
  35                 [attr.data-tests-id]="'filter-' + buttons[buttonName].text.toLowerCase() + '-button'"
  36                 [disabled] = "buttons[buttonName].getDisabled && buttons[buttonName].getDisabled()"
  37                 (click) = "buttons[buttonName].callback()">{{buttons[buttonName].text}}</button>
  38     </div>
  39 </div>
  40
  41