|
|
|
@@ -215,44 +215,59 @@ async function pdflibLaden(adresse) {
|
|
|
|
|
return pdflibGeladen;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Stempelt die gewaehlten Fotos in die Bildfelder.
|
|
|
|
|
/** Setzt die Fotos ein und schliesst das Formular auf Wunsch ab.
|
|
|
|
|
*
|
|
|
|
|
* Eingabe sind die Bytes, die pdf.js nach dem Ausfuellen geschrieben hat --
|
|
|
|
|
* die Formularwerte bleiben also erhalten.
|
|
|
|
|
* die Feldwerte bleiben also erhalten.
|
|
|
|
|
*
|
|
|
|
|
* Das Foto wird das **Aussehen des Bildknopfes** und nicht in die Seite
|
|
|
|
|
* gestempelt: so bleibt der Knopf erhalten, das Bild ist trotzdem zu sehen,
|
|
|
|
|
* und beim naechsten Oeffnen laesst es sich austauschen. Genau das tut
|
|
|
|
|
* Acrobat mit "buttonImportIcon".
|
|
|
|
|
*
|
|
|
|
|
* ``abschliessen`` rechnet danach alle Felder flach in die Seite: heraus kommt
|
|
|
|
|
* ein PDF ohne Formular -- nichts mehr zu verstellen.
|
|
|
|
|
*/
|
|
|
|
|
async function fotosEinsetzen(bytes, bilder, adresse) {
|
|
|
|
|
async function nachbearbeiten(bytes, bilder, adresse, { abschliessen = false } = {}) {
|
|
|
|
|
const PDFLib = await pdflibLaden(adresse);
|
|
|
|
|
const dokument = await PDFLib.PDFDocument.load(bytes);
|
|
|
|
|
const formular = dokument.getForm();
|
|
|
|
|
|
|
|
|
|
for (const eintrag of bilder) {
|
|
|
|
|
const seite = dokument.getPage(eintrag.seite - 1);
|
|
|
|
|
const jpeg = await dokument.embedJpg(eintrag.foto.bytes);
|
|
|
|
|
const knopf = eintrag.feldname ? formular.getFieldMaybe(eintrag.feldname) : null;
|
|
|
|
|
if (knopf && typeof knopf.setImage === "function") {
|
|
|
|
|
knopf.setImage(jpeg);
|
|
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
// Kein Knopf gefunden: dann eben in die Seite. Damit nichts darueber
|
|
|
|
|
// liegt, muss das Feld weichen.
|
|
|
|
|
const seite = dokument.getPage(eintrag.seite - 1);
|
|
|
|
|
const [x1, y1, x2, y2] = eintrag.rechteck;
|
|
|
|
|
const kastenBreite = Math.abs(x2 - x1);
|
|
|
|
|
const kastenHoehe = Math.abs(y2 - y1);
|
|
|
|
|
// Einpassen statt verzerren: das Seitenverhaeltnis des Fotos bleibt.
|
|
|
|
|
const faktor = Math.min(kastenBreite / jpeg.width, kastenHoehe / jpeg.height);
|
|
|
|
|
const breite = jpeg.width * faktor;
|
|
|
|
|
const hoehe = jpeg.height * faktor;
|
|
|
|
|
seite.drawImage(jpeg, {
|
|
|
|
|
x: Math.min(x1, x2) + (kastenBreite - breite) / 2,
|
|
|
|
|
y: Math.min(y1, y2) + (kastenHoehe - hoehe) / 2,
|
|
|
|
|
width: breite,
|
|
|
|
|
height: hoehe,
|
|
|
|
|
x: Math.min(x1, x2) + (kastenBreite - jpeg.width * faktor) / 2,
|
|
|
|
|
y: Math.min(y1, y2) + (kastenHoehe - jpeg.height * faktor) / 2,
|
|
|
|
|
width: jpeg.width * faktor,
|
|
|
|
|
height: jpeg.height * faktor,
|
|
|
|
|
});
|
|
|
|
|
// Den Knopf aus der fertigen Kopie nehmen: seine Flaeche liegt ueber dem
|
|
|
|
|
// Seiteninhalt und wuerde das Foto verdecken. Zu tun haette er dort auch
|
|
|
|
|
// nichts mehr -- seine Aktion fuehrt kein Browser aus, und das Bild steht
|
|
|
|
|
// jetzt in der Seite. Die Vorlage bleibt unberuehrt.
|
|
|
|
|
try {
|
|
|
|
|
const feld = formular.getFieldMaybe(eintrag.feldname);
|
|
|
|
|
if (feld) formular.removeField(feld);
|
|
|
|
|
} catch (fehler) {
|
|
|
|
|
// Bleibt der Knopf liegen, ist das Foto verdeckt -- aber die Datei ist
|
|
|
|
|
// heil. Das ist der bessere von zwei schlechten Ausgaengen.
|
|
|
|
|
console.warn("Bildknopf liess sich nicht entfernen", fehler);
|
|
|
|
|
if (knopf) {
|
|
|
|
|
try {
|
|
|
|
|
formular.removeField(knopf);
|
|
|
|
|
} catch (fehler) {
|
|
|
|
|
console.warn("Bildknopf liess sich nicht entfernen", fehler);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (abschliessen) {
|
|
|
|
|
// Alle Felder werden Teil der Seite. Danach gibt es kein Formular mehr --
|
|
|
|
|
// gewollt: so kann niemand mehr etwas verstellen.
|
|
|
|
|
formular.flatten();
|
|
|
|
|
}
|
|
|
|
|
return dokument.save();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -304,8 +319,13 @@ async function pdfjsLaden(basis) {
|
|
|
|
|
return pdfjsGeladen;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/** Zeigt ein PDF mit ausfuellbaren Formularfeldern. */
|
|
|
|
|
async function pdfBetrachter(behaelter, seiten, url, basis) {
|
|
|
|
|
/** Zeigt ein PDF -- mit ausfuellbaren Feldern, sofern das erlaubt ist.
|
|
|
|
|
*
|
|
|
|
|
* Ohne ``formulare`` bleibt es bei der Darstellung aus dem Dokument: pdf.js
|
|
|
|
|
* malt dann die Marken, die im PDF stehen (etwa rotes Kreuz und gruener
|
|
|
|
|
* Haken), statt Bedienelemente des Browsers einzusetzen.
|
|
|
|
|
*/
|
|
|
|
|
async function pdfBetrachter(behaelter, seiten, url, basis, { formulare = true } = {}) {
|
|
|
|
|
const { lib, komponenten } = await pdfjsLaden(basis);
|
|
|
|
|
const adressen = pdfjsAdressen(basis);
|
|
|
|
|
const eventBus = new komponenten.EventBus();
|
|
|
|
@@ -315,8 +335,11 @@ async function pdfBetrachter(behaelter, seiten, url, basis) {
|
|
|
|
|
viewer: seiten,
|
|
|
|
|
eventBus,
|
|
|
|
|
linkService,
|
|
|
|
|
// Der Kern der Sache: Formularfelder werden zu echten Eingabefeldern.
|
|
|
|
|
annotationMode: lib.AnnotationMode.ENABLE_FORMS,
|
|
|
|
|
// Der Kern der Sache: Formularfelder werden zu echten Eingabefeldern --
|
|
|
|
|
// wer nicht ausfuellen darf, bekommt die Darstellung aus dem Dokument.
|
|
|
|
|
annotationMode: formulare
|
|
|
|
|
? lib.AnnotationMode.ENABLE_FORMS
|
|
|
|
|
: lib.AnnotationMode.ENABLE,
|
|
|
|
|
textLayerMode: 1,
|
|
|
|
|
});
|
|
|
|
|
linkService.setViewer(viewer);
|
|
|
|
@@ -364,6 +387,7 @@ async function pdfBetrachter(behaelter, seiten, url, basis) {
|
|
|
|
|
const bilder = new Map();
|
|
|
|
|
|
|
|
|
|
const bildknoepfeAufsetzen = async (nurSeite) => {
|
|
|
|
|
if (!formulare) return;
|
|
|
|
|
for (let nummer = 1; nummer <= dokument.numPages; nummer++) {
|
|
|
|
|
if (nurSeite && nummer !== nurSeite) continue;
|
|
|
|
|
const seite = await dokument.getPage(nummer);
|
|
|
|
@@ -439,10 +463,11 @@ async function pdfBetrachter(behaelter, seiten, url, basis) {
|
|
|
|
|
* pdf.js schreibt die Feldwerte; gewaehlte Fotos kommen danach mit
|
|
|
|
|
* pdf-lib hinein -- pdf.js kann nichts in ein PDF zeichnen.
|
|
|
|
|
*/
|
|
|
|
|
speichern: async (pdflibAdresse) => {
|
|
|
|
|
speichern: async (pdflibAdresse, { abschliessen = false } = {}) => {
|
|
|
|
|
const bytes = await dokument.saveDocument();
|
|
|
|
|
if (!bilder.size) return bytes;
|
|
|
|
|
return fotosEinsetzen(bytes, [...bilder.values()], pdflibAdresse);
|
|
|
|
|
// Ohne Bild und ohne Abschluss braucht es pdf-lib gar nicht.
|
|
|
|
|
if (!bilder.size && !abschliessen) return bytes;
|
|
|
|
|
return nachbearbeiten(bytes, [...bilder.values()], pdflibAdresse, { abschliessen });
|
|
|
|
|
},
|
|
|
|
|
/** Wurde ueberhaupt etwas eingetragen? */
|
|
|
|
|
veraendert: () => {
|
|
|
|
@@ -482,6 +507,7 @@ export function initFilePreview(wurzel = document) {
|
|
|
|
|
const ersetzenFeld = stueck("ersetzen");
|
|
|
|
|
const jetzt = stueck("jetzt");
|
|
|
|
|
const abbrechen = stueck("abbrechen");
|
|
|
|
|
const modusFeld = stueck("modus");
|
|
|
|
|
const basis = rumpf.dataset.viewerPdfjs || "";
|
|
|
|
|
|
|
|
|
|
// Ein Format, das dieser Browser nicht kann (HEIC ausserhalb von Safari),
|
|
|
|
@@ -545,7 +571,9 @@ export function initFilePreview(wurzel = document) {
|
|
|
|
|
}
|
|
|
|
|
if (hinweis) hinweis.textContent = "PDF wird geladen ...";
|
|
|
|
|
try {
|
|
|
|
|
pdf = await pdfBetrachter(pdfScroll, pdfSeiten, quelle, basis);
|
|
|
|
|
pdf = await pdfBetrachter(pdfScroll, pdfSeiten, quelle, basis, {
|
|
|
|
|
formulare: rumpf.dataset.viewerFormulare === "1",
|
|
|
|
|
});
|
|
|
|
|
if (hinweis) hinweis.textContent = "";
|
|
|
|
|
} catch (fehler) {
|
|
|
|
|
// Kein weisses Feld: sagen, was los ist, und auf die einfache Anzeige
|
|
|
|
@@ -619,7 +647,9 @@ export function initFilePreview(wurzel = document) {
|
|
|
|
|
const vorher = jetzt.textContent;
|
|
|
|
|
jetzt.textContent = "Speichern ...";
|
|
|
|
|
try {
|
|
|
|
|
const bytes = await pdf.speichern(rumpf.dataset.viewerPdflib || "");
|
|
|
|
|
const bytes = await pdf.speichern(rumpf.dataset.viewerPdflib || "", {
|
|
|
|
|
abschliessen: modusFeld?.value === "fertig",
|
|
|
|
|
});
|
|
|
|
|
const daten = new FormData();
|
|
|
|
|
daten.append("pfad", aktuell.pfad);
|
|
|
|
|
daten.append("ordner", ordnerFeld.value.trim());
|
|
|
|
|
alientim