@fiduswriter/image-manager 0.1.0

package/dist/edit_dialog/model.js

@@ -0,0 +1,153 @@
+import Cropper from "cropperjs";
+import { gettext } from "fwtoolkit";
+import { CopyrightDialog } from "../../copyright_dialog";
+let mediaPreviewerImg = false;
+export const imageEditModel = () => ({
+    content: [
+        {
+            title: gettext("Rotate Left"),
+            type: "action",
+            tooltip: gettext("Rotate-left"),
+            order: 0,
+            action: dialog => {
+                const mediaPreviewerStyle = dialog.mediaPreviewer.currentStyle ||
+                    window.getComputedStyle(dialog.mediaPreviewer, false);
+                rotateBase64Image(mediaPreviewerStyle.backgroundImage
+                    .slice(4, -1)
+                    .replace(/"/g, ""), dialog.mediaInput.type, "left").then(response => dialog.mediaPreviewer.setAttribute("style", `background-image: url(${response});`));
+                if (dialog.rotation === 0) {
+                    dialog.rotation = 270;
+                }
+                else {
+                    dialog.rotation -= 90;
+                }
+            },
+            disabled: dialog => dialog.imageId,
+            icon: "redo fa-rotate-180"
+        },
+        {
+            title: gettext("Rotate Right"),
+            type: "action",
+            tooltip: gettext("Rotate-right"),
+            order: 1,
+            action: dialog => {
+                const mediaPreviewerStyle = dialog.mediaPreviewer.currentStyle ||
+                    window.getComputedStyle(dialog.mediaPreviewer, false);
+                rotateBase64Image(mediaPreviewerStyle.backgroundImage
+                    .slice(4, -1)
+                    .replace(/"/g, ""), dialog.mediaInput.type, "right").then(response => dialog.mediaPreviewer.setAttribute("style", `background-image: url(${response});`));
+                if (dialog.rotation === 270) {
+                    dialog.rotation = 0;
+                }
+                else {
+                    dialog.rotation += 90;
+                }
+            },
+            disabled: dialog => dialog.imageId,
+            icon: "undo"
+        },
+        {
+            title: gettext("Crop"),
+            type: "action",
+            tooltip: gettext("Crop image"),
+            order: 2,
+            action: dialog => {
+                const mediaPreviewerStyle = dialog.mediaPreviewer.currentStyle ||
+                    window.getComputedStyle(dialog.mediaPreviewer, false);
+                //const base64data = mediaPreviewerStyle.backgroundImage.slice(4, -1).replace(/"/g, "")
+                mediaPreviewerImg = document.createElement("img");
+                //img.src = `url(${base64data})`
+                mediaPreviewerImg.src = mediaPreviewerStyle.backgroundImage
+                    .slice(4, -1)
+                    .replace(/"/g, "");
+                dialog.mediaPreviewer.parentElement.replaceChild(mediaPreviewerImg, dialog.mediaPreviewer);
+                const cropper = new Cropper(mediaPreviewerImg, {
+                    viewMode: 1,
+                    responsive: true
+                });
+                toggleCropMode(true, dialog, cropper);
+            },
+            disabled: dialog => dialog.imageId,
+            icon: "crop"
+        },
+        {
+            title: gettext("Set Copyright"),
+            type: "action",
+            tooltip: gettext("Specify copyright information"),
+            order: 3,
+            action: dialog => {
+                const crDialog = new CopyrightDialog(dialog.copyright);
+                crDialog.init().then(copyright => {
+                    if (copyright) {
+                        dialog.copyright = copyright;
+                    }
+                });
+            }
+        }
+    ]
+});
+let oldButtons = false;
+const toggleCropMode = (val, dialog, cropper) => {
+    if (val && !oldButtons) {
+        dialog.mediaPreviewerDiv.classList.add("crop-mode");
+        oldButtons = dialog.dialog.buttons;
+        dialog.dialog.setButtons([
+            {
+                text: gettext("Crop"),
+                click: () => {
+                    dialog.mediaPreviewer.setAttribute("style", `background-image: url(${cropper
+                        .getCroppedCanvas()
+                        .toDataURL(dialog.mediaInput.type)});`);
+                    dialog.cropped = true;
+                    cropper.destroy();
+                    toggleCropMode(false, dialog, cropper);
+                },
+                classes: "fw-dark"
+            },
+            {
+                type: "cancel",
+                classes: "fw-orange",
+                click: () => {
+                    cropper.destroy();
+                    toggleCropMode(false, dialog, cropper);
+                }
+            }
+        ]);
+    }
+    else {
+        dialog.mediaPreviewerDiv.classList.remove("crop-mode");
+        if (mediaPreviewerImg) {
+            mediaPreviewerImg.parentElement.replaceChild(dialog.mediaPreviewer, mediaPreviewerImg);
+            mediaPreviewerImg = false;
+        }
+        if (oldButtons) {
+            dialog.dialog.buttons = oldButtons;
+            oldButtons = false;
+        }
+    }
+    dialog.dialog.refreshButtons();
+    dialog.dialog.centerDialog();
+};
+const rotateBase64Image = (base64data, type, direction) => {
+    return new Promise(resolve => {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        const image = new Image();
+        image.src = base64data;
+        image.onload = () => {
+            canvas.height = image.width;
+            canvas.width = image.height;
+            if (direction == "left") {
+                ctx.rotate((90 * Math.PI) / 180);
+                ctx.translate(0, -canvas.width);
+            }
+            else {
+                ctx.rotate((-90 * Math.PI) / 180);
+                ctx.translate(-canvas.height, 0);
+            }
+            ctx.drawImage(image, 0, 0);
+            resolve(canvas.toDataURL(type));
+        };
+    });
+};
+//# sourceMappingURL=model.js.map

package/dist/edit_dialog/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/edit_dialog/model.js"],"names":[],"mappings":"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"}

package/dist/edit_dialog/templates.d.ts

@@ -0,0 +1,5 @@
+export function imageEditTemplate({ image, cats }: {
+    image: any;
+    cats: any;
+}): string;
+//# sourceMappingURL=templates.d.ts.map

package/dist/edit_dialog/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/edit_dialog/templates.js"],"names":[],"mappings":"AAcO;;;WA0BkC"}

package/dist/edit_dialog/templates.js

@@ -0,0 +1,33 @@
+import { escapeText, gettext } from "fwtoolkit";
+/* A template for the image category selection of the image selection dialog. */
+const imageEditCategoryTemplate = ({ cats }) => {
+    if (!cats.length) {
+        return "";
+    }
+    return `<div class="fw-media-category">
+            <div>${gettext("Select categories")}</div>
+            <div id="image-edit-categories"></div>
+        </div>`;
+};
+/* A template for the form for the image upload dialog. */
+export const imageEditTemplate = ({ image, cats }) => `<div>
+        <input name="title" class="fw-media-title" type="text"
+                placeholder="${gettext("Insert a title")}" value="${image ? escapeText(image.title) : ""}" />
+        ${image
+    ? ""
+    : `<button type="button" class="fw-media-select-button fw-button fw-light">
+                ${gettext("Select a file")}
+            </button>
+            <input name="image" type="file" class="fw-media-file-input">`}
+    </div>
+    <div class="figure-preview">
+        <button class="figure-edit-menu" title="${gettext("Edit Image")}">
+            <span class="dot-menu-icon"><i class="fa fa-ellipsis-v"></i></span>
+        </button>
+    <div>
+        ${image && image.image
+    ? `<div class="img" style="background-image: url(${image.image});"></div>`
+    : ""}
+    </div></div>
+    ${imageEditCategoryTemplate({ cats })}`;
+//# sourceMappingURL=templates.js.map

package/dist/edit_dialog/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/edit_dialog/templates.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,WAAW,CAAA;AAE7C,gFAAgF;AAChF,MAAM,yBAAyB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,OAAO,EAAE,CAAA;IACb,CAAC;IACD,OAAO;mBACQ,OAAO,CAAC,mBAAmB,CAAC;;eAEhC,CAAA;AACf,CAAC,CAAA;AAED,0DAA0D;AAC1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE,CAC/C;;+BAE2B,OAAO,CAAC,gBAAgB,CAAC,YACpC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACtC;UAEJ,KAAK;IACD,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC;kBACA,OAAO,CAAC,eAAe,CAAC;;yEAGlC;;;kDAG0C,OAAO,CAAC,YAAY,CAAC;;;;UAK3D,KAAK,IAAI,KAAK,CAAC,KAAK;IAChB,CAAC,CAAC,iDAAiD,KAAK,CAAC,KAAK,YAAY;IAC1E,CAAC,CAAC,EACV;;MAEF,yBAAyB,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { ImageDB } from "./database.js";
+export { ImageOverview } from "./overview/index.js";
+export { ImageEditDialog } from "./edit_dialog/index.js";
+export { ImageSelectionDialog } from "./selection_dialog/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { ImageDB } from "./database.js";
+export { ImageOverview } from "./overview/index.js";
+export { ImageEditDialog } from "./edit_dialog/index.js";
+export { ImageSelectionDialog } from "./selection_dialog/index.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAC,oBAAoB,EAAC,MAAM,6BAA6B,CAAA"}

package/dist/overview/categories.d.ts

@@ -0,0 +1,8 @@
+export class ImageOverviewCategories {
+    constructor(imageOverview: any);
+    imageOverview: any;
+    saveCategories(cats: any): void;
+    setImageCategoryList(imageCategories: any): void;
+    editCategoryDialog(): void;
+}
+//# sourceMappingURL=categories.d.ts.map

package/dist/overview/categories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.d.ts","sourceRoot":"","sources":["../../src/overview/categories.js"],"names":[],"mappings":"AAUA;IACI,gCAGC;IAFG,mBAAkC;IAKtC,gCAkBC;IAED,iDA8BC;IAGD,2BA2CC;CACJ"}

package/dist/overview/categories.js

@@ -0,0 +1,94 @@
+import { Dialog, activateWait, addAlert, deactivateWait, gettext, postJson } from "fwtoolkit";
+import { usermediaEditcategoriesTemplate } from "./templates";
+export class ImageOverviewCategories {
+    constructor(imageOverview) {
+        this.imageOverview = imageOverview;
+        imageOverview.mod.categories = this;
+    }
+    //save changes or create a new category
+    saveCategories(cats) {
+        activateWait();
+        postJson("/api/usermedia/save_category/", {
+            ids: cats.ids,
+            titles: cats.titles
+        })
+            .catch(error => {
+            addAlert("error", gettext("Could not update categories"));
+            deactivateWait();
+            throw error;
+        })
+            .then(({ json }) => {
+            this.imageOverview.app.imageDB.cats = json.entries;
+            this.setImageCategoryList(json.entries);
+            addAlert("success", gettext("The categories have been updated"));
+            deactivateWait();
+        });
+    }
+    setImageCategoryList(imageCategories) {
+        const catSelector = this.imageOverview.menu.model.content.find(menuItem => menuItem.id === "cat_selector");
+        catSelector.content = catSelector.content.filter(cat => cat.type !== "category");
+        catSelector.content = catSelector.content.concat(imageCategories.map(cat => ({
+            type: "category",
+            title: cat.category_title,
+            action: _overview => {
+                const trs = document.querySelectorAll("#imagelist > tbody > tr");
+                trs.forEach(tr => {
+                    if (tr
+                        .querySelector(".fw-usermedia-image")
+                        .classList.contains(`cat_${cat.id}`)) {
+                        tr.style.display = "";
+                    }
+                    else {
+                        tr.style.display = "none";
+                    }
+                });
+            }
+        })));
+        this.imageOverview.menu.update();
+    }
+    //open a dialog for editing categories
+    editCategoryDialog() {
+        const buttons = [
+            {
+                text: gettext("Submit"),
+                classes: "fw-dark",
+                click: () => {
+                    const cats = {
+                        ids: [],
+                        titles: []
+                    };
+                    document
+                        .querySelectorAll("#edit-categories .category-form")
+                        .forEach(el => {
+                        const thisVal = el.value.trim();
+                        let thisId = el.dataset.id;
+                        if ("undefined" == typeof thisId) {
+                            thisId = 0;
+                        }
+                        if ("" !== thisVal) {
+                            cats.ids.push(thisId);
+                            cats.titles.push(thisVal);
+                        }
+                    });
+                    this.saveCategories(cats);
+                    dialog.close();
+                }
+            },
+            {
+                type: "cancel"
+            }
+        ];
+        const dialog = new Dialog({
+            id: "edit-categories",
+            title: gettext("Edit Categories"),
+            body: usermediaEditcategoriesTemplate({
+                categories: this.imageOverview.app.imageDB.cats
+            }),
+            width: 350,
+            height: 350,
+            buttons
+        });
+        dialog.open();
+    }
+}
+//# sourceMappingURL=categories.js.map

package/dist/overview/categories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"categories.js","sourceRoot":"","sources":["../../src/overview/categories.js"],"names":[],"mappings":"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"}

package/dist/overview/index.d.ts

@@ -0,0 +1,39 @@
+/** Helper functions for user added images/SVGs.*/
+export class ImageOverview {
+    constructor({ app, user, plugins }: {
+        app: any;
+        user: any;
+        plugins?: never[] | undefined;
+    });
+    app: any;
+    user: any;
+    plugins: any[];
+    mod: {};
+    lastSort: {
+        column: number;
+        dir: string;
+    };
+    init(): Promise<void>;
+    menu: OverviewMenuView | null | undefined;
+    render(): void;
+    dom: HTMLBodyElement | undefined;
+    activatePlugins(): Promise<(void | any[])[]> | undefined;
+    pluginsActivated: boolean | undefined;
+    deleteImage(ids: any): void;
+    deleteImageDialog(ids: any): void;
+    updateTable(ids: any): void;
+    createTableRow(id: any): any[];
+    removeTableRows(ids: any): void;
+    onResize(): void;
+    initTable(ids: any): void;
+    overviewTable: OverviewDataTable | null | undefined;
+    table: import("simple-datatables").DataTable | null | undefined;
+    dtBulk: import("fwtoolkit").DatatableBulk | null | undefined;
+    getSelected(): number[];
+    bindEvents(): void;
+    handleActivation(event: any): void;
+    close(): void;
+}
+import { OverviewMenuView } from "fwtoolkit";
+import { OverviewDataTable } from "fwtoolkit";
+//# sourceMappingURL=index.d.ts.map

package/dist/overview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overview/index.js"],"names":[],"mappings":"AAuBA,kDAAkD;AAElD;IACI;;;;OAOC;IANG,SAAc;IACd,UAAgB;IAChB,eAAsB;IACtB,QAAa;IAEb;;;MAAuC;IAG3C,sBAqBC;IAVO,0CAAiD;IAYzD,eAaC;IAZG,iCAAyC;IAc7C,yDA8BC;IAzBG,sCAA4B;IA4BhC,4BAiCC;IAED,kCAsBC;IAED,4BAMC;IAED,+BA8BC;IAED,gCAiBC;IAED,iBAKC;IAGD,0BA2HC;IAxHO,oDAAyB;IAE7B,gEAAiB;IACjB,6DAAkB;IAwHtB,wBAIC;IAED,mBAOC;IAED,mCA6CC;IAED,cAaC;CACJ;iCA9ZM,WAAW;kCAAX,WAAW"}