dsrptlab/clientsflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/app/composables/useCalendar.ts
View File

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