debug(calendar): add console.warn to GSAP zoom animation functions

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ruslan Bakiev
2026-02-25 07:32:33 +07:00
parent 1a6840cdc6
commit 292d587fe1

View File

@@ -558,13 +558,16 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
const flyLabelEl = calendarFlyLabelRef.value;
const toolbarLabelEl = calendarToolbarLabelRef.value;
console.warn("[CALENDAR ZOOM-OUT] refs:", { flyEl: !!flyEl, wrapEl: !!wrapEl, sceneEl: !!sceneEl, flyLabelEl: !!flyLabelEl, toolbarLabelEl: !!toolbarLabelEl });
if (!flyEl || !wrapEl) {
console.warn("[CALENDAR ZOOM-OUT] SKIPPED — missing ref:", { flyEl: !!flyEl, wrapEl: !!wrapEl });
apply();
calendarZoomBusy.value = false;
return;
}
try {
console.warn("[CALENDAR ZOOM-OUT] ANIMATING...");
const wrapRect = wrapEl.getBoundingClientRect();
const flyLabelText = calendarPeriodLabel.value;
@@ -692,13 +695,16 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
const flyLabelEl = calendarFlyLabelRef.value;
const toolbarLabelEl = calendarToolbarLabelRef.value;
console.warn("[CALENDAR ZOOM-IN] refs:", { sourceElement: !!sourceElement, flyEl: !!flyEl, wrapEl: !!wrapEl, scrollEl: !!scrollEl, sceneEl: !!sceneEl, flyLabelEl: !!flyLabelEl, toolbarLabelEl: !!toolbarLabelEl });
if (!sourceElement || !flyEl || !wrapEl || !scrollEl) {
console.warn("[CALENDAR ZOOM-IN] SKIPPED — missing ref:", { sourceElement: !!sourceElement, flyEl: !!flyEl, wrapEl: !!wrapEl, scrollEl: !!scrollEl });
apply();
calendarZoomBusy.value = false;
return;
}
try {
console.warn("[CALENDAR ZOOM-IN] ANIMATING...");
const wrapRect = wrapEl.getBoundingClientRect();
const sourceRect = sourceElement.getBoundingClientRect();
if (sourceRect.width < 2 || sourceRect.height < 2) {
@@ -893,7 +899,9 @@ export function useCalendar(opts: { apolloAuthReady: ComputedRef<boolean> }) {
}
async function zoomToMonth(monthIndex: number) {
await animateCalendarZoomIntoSource(queryCalendarElement(`[data-calendar-month-index="${monthIndex}"]`), () => {
const el = queryCalendarElement(`[data-calendar-month-index="${monthIndex}"]`);
console.warn("[CALENDAR] zoomToMonth called, monthIndex:", monthIndex, "sourceEl:", el, "wrapRef:", calendarContentWrapRef.value);
await animateCalendarZoomIntoSource(el, () => {
openYearMonth(monthIndex);
});
}