devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
294 lines (293 loc) • 11.6 kB
JavaScript
/**
* DevExtreme (esm/__internal/scheduler/m_subscribes.js)
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import $ from "../../core/renderer";
import dateUtils from "../../core/utils/date";
import {
extend
} from "../../core/utils/extend";
import {
each
} from "../../core/utils/iterator";
import {
isPlainObject
} from "../../core/utils/type";
import {
formatDates,
getFormatType
} from "./appointments/m_text_utils";
import {
createAppointmentAdapter
} from "./m_appointment_adapter";
import {
AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS
} from "./m_classes";
import {
utils
} from "./m_utils";
const toMs = dateUtils.dateToMilliseconds;
const subscribes = {
isCurrentViewAgenda() {
return "agenda" === this.currentViewType
},
currentViewUpdated(currentView) {
this.option("currentView", currentView)
},
currentDateUpdated(date) {
this.option("currentDate", date)
},
getOption(name) {
return this.option(name)
},
getWorkspaceOption(name) {
return this.getWorkSpace().option(name)
},
isVirtualScrolling() {
return this.isVirtualScrolling()
},
setCellDataCacheAlias(appointment, geometry) {
this._workSpace.setCellDataCacheAlias(appointment, geometry)
},
isGroupedByDate() {
return this.getWorkSpace().isGroupedByDate()
},
showAppointmentTooltip(options) {
const targetedAppointment = this.getTargetedAppointment(options.data, options.target);
this.showAppointmentTooltip(options.data, options.target, targetedAppointment)
},
hideAppointmentTooltip() {
this.hideAppointmentTooltip()
},
showEditAppointmentPopup(options) {
const targetedData = this.getTargetedAppointment(options.data, options.target);
this.showAppointmentPopup(options.data, false, targetedData)
},
updateAppointmentAfterResize(options) {
const info = utils.dataAccessors.getAppointmentInfo(options.$appointment);
const {
exceptionDate: exceptionDate
} = info.sourceAppointment;
this._checkRecurringAppointment(options.target, options.data, exceptionDate, (() => {
this._updateAppointment(options.target, options.data, (function() {
this._appointments.moveAppointmentBack()
}))
}))
},
getUpdatedData(rawAppointment) {
return this._getUpdatedData(rawAppointment)
},
updateAppointmentAfterDrag(_ref) {
let {
event: event,
element: element,
rawAppointment: rawAppointment,
isDropToTheSameCell: isDropToTheSameCell,
isDropToSelfScheduler: isDropToSelfScheduler
} = _ref;
const info = utils.dataAccessors.getAppointmentInfo(element);
const targetedRawAppointment = extend({}, rawAppointment, this._getUpdatedData(rawAppointment));
const fromAllDay = Boolean(rawAppointment.allDay);
const toAllDay = Boolean(targetedRawAppointment.allDay);
const isDropBetweenAllDay = this._workSpace.supportAllDayRow() && fromAllDay !== toAllDay;
const isDragAndDropBetweenComponents = event.fromComponent !== event.toComponent;
const onCancel = () => {
this._appointments.moveAppointmentBack(event)
};
if (!isDropToSelfScheduler && isDragAndDropBetweenComponents) {
return
}
if (isDropToSelfScheduler && (!isDropToTheSameCell || isDragAndDropBetweenComponents || isDropBetweenAllDay)) {
this._checkRecurringAppointment(rawAppointment, targetedRawAppointment, info.sourceAppointment.startDate, (() => {
this._updateAppointment(rawAppointment, targetedRawAppointment, onCancel, event)
}), void 0, void 0, event)
} else {
onCancel()
}
},
onDeleteButtonPress(options) {
const targetedData = this.getTargetedAppointment(options.data, $(options.target));
this.checkAndDeleteAppointment(options.data, targetedData);
this.hideAppointmentTooltip()
},
getTextAndFormatDate(appointmentRaw, targetedAppointmentRaw, format) {
const appointmentAdapter = createAppointmentAdapter(appointmentRaw, this._dataAccessors, this.timeZoneCalculator);
const targetedAdapter = createAppointmentAdapter(targetedAppointmentRaw || appointmentRaw, this._dataAccessors, this.timeZoneCalculator);
const startDate = this.timeZoneCalculator.createDate(targetedAdapter.startDate, {
path: "toGrid"
});
const endDate = this.timeZoneCalculator.createDate(targetedAdapter.endDate, {
path: "toGrid"
});
const formatType = format || getFormatType(startDate, endDate, targetedAdapter.allDay, "month" !== this.currentViewType);
return {
text: targetedAdapter.text || appointmentAdapter.text,
formatDate: formatDates(startDate, endDate, formatType)
}
},
_createAppointmentTitle(data) {
if (isPlainObject(data)) {
return data.text
}
return String(data)
},
getResizableAppointmentArea(options) {
const {
allDay: allDay
} = options;
const groups = this._getCurrentViewOption("groups");
if (null !== groups && void 0 !== groups && groups.length) {
if (allDay || this.getLayoutManager().getRenderingStrategyInstance()._needHorizontalGroupBounds()) {
const horizontalGroupBounds = this._workSpace.getGroupBounds(options.coordinates);
return {
left: horizontalGroupBounds.left,
right: horizontalGroupBounds.right,
top: 0,
bottom: 0
}
}
if (this.getLayoutManager().getRenderingStrategyInstance()._needVerticalGroupBounds(allDay) && this._workSpace._isVerticalGroupedWorkSpace()) {
const verticalGroupBounds = this._workSpace.getGroupBounds(options.coordinates);
return {
left: 0,
right: 0,
top: verticalGroupBounds.top,
bottom: verticalGroupBounds.bottom
}
}
}
return
},
needRecalculateResizableArea() {
return this.getWorkSpace().needRecalculateResizableArea()
},
getAppointmentGeometry(settings) {
return this.getLayoutManager().getRenderingStrategyInstance().getAppointmentGeometry(settings)
},
isAllDay(appointmentData) {
return this.getLayoutManager().getRenderingStrategyInstance().isAllDay(appointmentData)
},
getDeltaTime(e, initialSize, itemData) {
return this.getLayoutManager().getRenderingStrategyInstance().getDeltaTime(e, initialSize, itemData)
},
getDropDownAppointmentWidth(isAllDay) {
return this.getLayoutManager().getRenderingStrategyInstance().getDropDownAppointmentWidth(this._getViewCountConfig().intervalCount, isAllDay)
},
getDropDownAppointmentHeight() {
return this.getLayoutManager().getRenderingStrategyInstance().getDropDownAppointmentHeight()
},
getCellWidth() {
return this.getWorkSpace().getCellWidth()
},
getCellHeight() {
return this.getWorkSpace().getCellHeight()
},
getMaxAppointmentCountPerCellByType(isAllDay) {
return this.getRenderingStrategyInstance()._getMaxAppointmentCountPerCellByType(isAllDay)
},
needCorrectAppointmentDates() {
return this.getRenderingStrategyInstance().needCorrectAppointmentDates()
},
getRenderingStrategyDirection() {
return this.getRenderingStrategyInstance().getDirection()
},
updateAppointmentEndDate(options) {
const {
endDate: endDate
} = options;
const endDayHour = this._getCurrentViewOption("endDayHour");
const startDayHour = this._getCurrentViewOption("startDayHour");
let updatedEndDate = endDate;
if (endDate.getHours() >= endDayHour) {
updatedEndDate.setHours(endDayHour, 0, 0, 0)
} else if (!options.isSameDate && startDayHour > 0 && 60 * endDate.getHours() + endDate.getMinutes() < 60 * startDayHour) {
updatedEndDate = new Date(updatedEndDate.getTime() - toMs("day"));
updatedEndDate.setHours(endDayHour, 0, 0, 0)
}
return updatedEndDate
},
renderCompactAppointments(options) {
this._compactAppointmentsHelper.render(options)
},
clearCompactAppointments() {
this._compactAppointmentsHelper.clear()
},
supportCompactDropDownAppointments() {
return this.getLayoutManager().getRenderingStrategyInstance().supportCompactDropDownAppointments()
},
getGroupCount() {
return this._workSpace._getGroupCount()
},
mapAppointmentFields(config) {
const {
itemData: itemData,
itemElement: itemElement,
targetedAppointment: targetedAppointment
} = config;
const targetedData = targetedAppointment || this.getTargetedAppointment(itemData, itemElement);
return {
appointmentData: config.itemData,
appointmentElement: config.itemElement,
targetedAppointmentData: targetedData
}
},
dayHasAppointment(day, appointment, trimTime) {
return this.dayHasAppointment(day, appointment, trimTime)
},
getLayoutManager() {
return this._layoutManager
},
getAgendaVerticalStepHeight() {
return this.getWorkSpace().getAgendaVerticalStepHeight()
},
getAgendaDuration() {
return this._getCurrentViewOption("agendaDuration")
},
getStartViewDate() {
return this.getStartViewDate()
},
getEndViewDate() {
return this.getEndViewDate()
},
forceMaxAppointmentPerCell() {
return this.forceMaxAppointmentPerCell()
},
onAgendaReady(rows) {
const $appts = this.getAppointmentsInstance()._itemElements();
let total = 0;
const applyClass = function(_, count) {
const index = count + total - 1;
$appts.eq(index).addClass(AGENDA_LAST_IN_DATE_APPOINTMENT_CLASS);
total += count
};
for (let i = 0; i < rows.length; i++) {
each(rows[i], applyClass)
}
},
getTimezone() {
return this._getTimezoneOffsetByOption()
},
getTargetedAppointmentData(appointment, element) {
return this.getTargetedAppointment(appointment, element)
},
getEndDayHour() {
return this._workSpace.option("endDayHour") || this.option("endDayHour")
},
getStartDayHour() {
return this._workSpace.option("startDayHour") || this.option("startDayHour")
},
getViewOffsetMs() {
return this.getViewOffsetMs()
},
isAdaptive() {
return this.option("adaptivityEnabled")
},
removeDroppableCellClass() {
this._workSpace.removeDroppableCellClass()
}
};
export default subscribes;