Skip to main content

A wagtail module for creating an image field with annotation metadata

Project description

Allows users to combine a Wagtail image with custom annotation data. Annotations are entered on the backend by clicking points on an image, annotation data is then stored with relative x,y coordinates with custom form data.

https://giant.gfycat.com/SpeedyHospitableHornet.gif

Requirements

  • Wagtail >= 1.5

  • Django >= 1.9

Installing

Install using pypi

pip install wagtailannotatedimage

Using

Extend the BaseAnnotationForm to define what data should be stored with annotations. AnnotationsField stores the annotations data as a Map with id for the annotation being the key.

from django.db import models
from wagtail.wagtailcore.models import Page
from wagtailannotatedimage.edit_handlers import AnnotatedImagePanel
from wagtailannotatedimage.fields import AnnotationsField
from wagtailannotatedimage.forms import BaseAnnotationForm

class AnnotationForm(BaseAnnotationForm):
    text = forms.CharField(widget=forms.TextInput)


class TestPage(Page):
    image = models.ForeignKey('wagtailimages.Image', blank=True, null=True,
                              on_delete=models.SET_NULL, related_name="+")
    annotations = AnnotationsField(blank=True)

    content_panels = Page.content_panels + [
        AnnotatedImagePanel(
            'image', 'annotations',
            annotation_form=AnnotationForm(), heading='Annotated Image'
        )
    ]

Project details


Download files

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

Source Distribution

wagtailannotatedimage-0.0.4.tar.gz (10.7 kB view details)

Uploaded Source

File details

Details for the file wagtailannotatedimage-0.0.4.tar.gz.

File metadata

File hashes

Hashes for wagtailannotatedimage-0.0.4.tar.gz
Algorithm Hash digest
SHA256 920e39017921cca5f7e5fdcc059135911dfe0d4f27b557e2f7256e5d296f7217
MD5 4c05fab49bd2d1b778babb59c5069a31
BLAKE2b-256 2e4b7d7f517f52adafdb8f96f17c0a3bf3ab769b18b7c7a31a963f319393b088

See more details on using hashes here.

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