devextreme-scheduler-appointment-template/Angular/src/app/tooltip/tooltip.component.html at 25.2.3+ · DevExpress-Examples/devextreme-scheduler-appointment-template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div class="dx-tooltip-appointment-item">
  <div class="dx-tooltip-appointment-item-marker">
    <div
      class="dx-tooltip-appointment-item-marker-body"
      [style.background-color]="markerColor"
    ></div>
  </div>

  <div class="dx-tooltip-appointment-item-content">
    <div class="dx-tooltip-appointment-item-content">
      <div class="dx-tooltip-appointment-item-content-subject">
        {{ appointmentData.text }}
      </div>
      <div class="dx-tooltip-appointment-item-content-date">
        {{ appointmentData.startDate }}
      </div>
    </div>
  </div>
  <div
    *ngIf="isDeleteButtonExist"
    class="dx-tooltip-appointment-item-delete-button-container"
  >
    <dx-button
      class="dx-tooltip-appointment-item-delete-button"
      icon="trash"
      stylingMode="text"
      (onClick)="onDeleteButtonClick.emit($event)"
    ></dx-button>
  </div>
</div>