soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

der tenant admin hat eine neue, mobil unterstützende UI, login redirect funktioniert, typescript fehler wurden bereinigt. Neue Blog Posts von ChatGPT eingebaut, übersetzt von Gemini 2.5

Browse Source
This commit is contained in:
Codex Agent
2025-11-05 19:27:10 +01:00
parent adb93b5f9d
commit c6ac04eb15
44 changed files with 1995 additions and 1949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/admin/pages/components/invite-layout/DesignerCanvas.tsx
View File

@@ -189,7 +189,7 @@ export function DesignerCanvas({
return;
}
canvas.selection = !readOnly;
canvas.forEachObject((object) => {
canvas.forEachObject((object: fabric.Object) => {
object.set({
selectable: !readOnly,
hoverCursor: readOnly ? 'default' : 'move',
@@ -216,11 +216,12 @@ export function DesignerCanvas({
onSelect(active.elementId);
};
const handleSelectionCleared = (event?: fabric.IEvent<MouseEvent>) => {
const handleSelectionCleared = (event?: unknown) => {
const pointerEvent = event as { e?: MouseEvent } | undefined;
if (readOnly) {
return;
}
const triggeredByPointer = Boolean(event?.e);
const triggeredByPointer = Boolean(pointerEvent?.e);
if (!triggeredByPointer && requestedSelectionRef.current) {
return;
}
@@ -245,14 +246,16 @@ export function DesignerCanvas({
};
// Manual collision check: Calculate overlap and push vertically
const otherObjects = canvas.getObjects().filter(obj => obj !== target && (obj as FabricObjectWithId).elementId);
otherObjects.forEach(other => {
const otherObjects = canvas
.getObjects()
.filter((obj): obj is FabricObjectWithId => obj !== target && Boolean((obj as FabricObjectWithId).elementId));
otherObjects.forEach((other) => {
const otherBounds = other.getBoundingRect();
const overlapX = Math.max(0, Math.min(bounds.left + bounds.width, otherBounds.left + otherBounds.width) - Math.max(bounds.left, otherBounds.left));
const overlapY = Math.max(0, Math.min(bounds.top + bounds.height, otherBounds.top + otherBounds.height) - Math.max(bounds.top, otherBounds.top));
if (overlapX > 0 && overlapY > 0) {
// Push down by 120px if overlap (massive spacing für größeren QR-Code)
nextPatch.y = Math.max(nextPatch.y, (Number(otherBounds.top || 0)) + (Number(otherBounds.height || 0)) + 120);
nextPatch.y = Math.max(nextPatch.y ?? 0, (Number(otherBounds.top || 0)) + (Number(otherBounds.height || 0)) + 120);
}
});
@@ -388,7 +391,7 @@ export function DesignerCanvas({
const match = canvas
.getObjects()
.find((object) => (object as FabricObjectWithId).elementId === selectedId);
.find((object): object is FabricObjectWithId => (object as FabricObjectWithId).elementId === selectedId);
if (match) {
canvas.setActiveObject(match);
@@ -483,7 +486,7 @@ export async function renderFabricLayout(
qrCodeDataUrl,
logoDataUrl,
readOnly,
}, abortController.signal),
}),
);
const fabricObjects = await Promise.all(objectPromises);

5
resources/js/admin/pages/components/invite-layout/export-utils.ts
View File

@@ -25,7 +25,6 @@ export async function withFabricCanvas<T>(
await renderFabricLayout(canvas, {
...options,
readOnly: true,
selectedId: null,
});
return await handler(canvas, canvasElement);
} finally {
@@ -102,7 +101,9 @@ export function triggerDownloadFromBlob(blob: Blob, filename: string): void {
}
export async function openPdfInNewTab(pdfBytes: Uint8Array): Promise<void> {
const blobUrl = URL.createObjectURL(new Blob([pdfBytes], { type: 'application/pdf' }));
const arrayBuffer = pdfBytes.buffer.slice(pdfBytes.byteOffset, pdfBytes.byteOffset + pdfBytes.byteLength) as ArrayBuffer;
const blob = new Blob([arrayBuffer], { type: 'application/pdf' });
const blobUrl = URL.createObjectURL(blob);
const printWindow = window.open(blobUrl, '_blank', 'noopener,noreferrer');
if (!printWindow) {