Skip to main content

Provides web widget for image editing and adds it to standard image widget as modal

Project description

License: LGPL-3

DarkroomJS Image Editing for Web

This module provides a DarkroomJS (v2.0.1) web widget for use with image fields. It also adds a Darkroom button to the normal image widget, which can be used to edit the image via Darkroom in a modal.

The widget currently supports the following operations and can be extended to allow others:

  • Zoom and pan

  • Rotate

  • Crop

  • Step back in history client-side (before save)

Usage

After installing the module, you can use it in the following ways:

  • Specify the darkroom widget when adding an image field to a view. Configuration values can be provided using the options attribute:

    <field name="image" widget="darkroom" options="{'minWidth': 100}"/>

    The widget passes options directly through to DarkroomJS, which supports the following:

    • minWidth

    • minHeight

    • maxWidth

    • maxHeight

    • ratio (aspect ratio)

    • backgroundColor

  • Open a form view that contains an image in edit mode and hover over the image widget. You should see a Darkroom button that can be clicked to open the image in a Darkroom modal, where it can be edited and the changes can be saved.

    Darkroom Modal Screenshot 1 Darkroom Modal Screenshot 2

Known Issues / Roadmap

  • Darkroom modals are currently not supported during record creation

  • Fabric.js >= 1.70 is not currently supported by DarkroomJS (MattKetmo/darkroomjs#112)

Bug Tracker

Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smash it by providing detailed and welcome feedback.

Credits

Images

  • Odoo Community Association: Icon.

Contributors

Maintainer

Odoo Community Association

This module is maintained by the OCA.

OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.

To contribute to this module, please visit https://odoo-community.org.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distributions

No source distribution files available for this release.See tutorial on generating distribution archives.

Built Distribution

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page