django-image-gallery 0.1.0__tar.gz

django_image_gallery-0.1.0/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alexander Towe
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

django_image_gallery-0.1.0/PKG-INFO

@@ -0,0 +1,137 @@
+Metadata-Version: 2.4
+Name: django-image-gallery
+Version: 0.1.0
+Summary: A Django image gallery application.
+Author: Alexander Towe
+License-Expression: MIT
+Project-URL: Homepage, https://github.com/alextowe/django-image-gallery
+Project-URL: Repository, https://github.com/alextowe/django-image-gallery
+Project-URL: Issues, https://github.com/alextowe/django-image-gallery/issues
+Classifier: Framework :: Django
+Classifier: Framework :: Django :: 5.2
+Classifier: Framework :: Django :: 6.0
+Classifier: Framework :: Django :: 6.1
+Classifier: Intended Audience :: Developers
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3 :: Only
+Classifier: Programming Language :: Python :: 3.14
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+License-File: LICENSE
+License-File: THIRD_PARTY_NOTICES.md
+Requires-Dist: Django<7.0,>=5.2
+Requires-Dist: Pillow>=10.0
+Dynamic: license-file
+
+# Django Image Gallery
+
+An image gallery application for Django projects. Provides an easy way to manage, organize, and display images through the Django admin interface and a reusable template tag.
+
+## Features
+
+- Django model for managing gallery images
+- Automatic resizing of uploaded images exceeding 2000 × 2000 pixels
+- Published and unpublished image management
+- Configurable image ordering
+- Masonry image layout
+- Load-more functionality
+- Full-screen image viewer
+- Django admin integration
+- Reusable template tag
+
+## Requirements
+
+- Python 3.10+
+- Django 5.2, 6.0, or 6.1
+- Pillow 10.0 or later
+
+## Installation
+
+Install the package using pip:
+
+```bash
+pip install django-image-gallery
+```
+
+## Configuration
+
+Add `django_image_gallery` to your project's `INSTALLED_APPS`:
+
+```python
+INSTALLED_APPS = [
+    # ...
+    "django_image_gallery",
+]
+```
+
+Run the database migrations:
+
+```bash
+python manage.py migrate
+```
+
+## Usage
+
+Load the template tag library and include the gallery wherever you want it displayed:
+
+```django
+{% load django_image_gallery %}
+
+{% gallery %}
+```
+
+The template tag retrieves all published gallery images and renders them using the package's included gallery template.
+
+## Media Configuration
+
+Configure Django to handle uploaded media files:
+
+```python
+MEDIA_URL = "/media/"
+MEDIA_ROOT = BASE_DIR / "media"
+```
+
+During local development, you can serve media files through Django by adding the following to your project's root `urls.py`:
+
+```python
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    # Your URL patterns
+]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+```
+
+For production deployments, configure your web server or storage backend to serve uploaded media files. Uploaded images must be accessible through the configured media storage.
+
+## Managing Images
+
+Images can be added and managed through the Django admin interface.
+
+After creating a superuser:
+
+```bash
+python manage.py createsuperuser
+```
+
+Log in to the admin interface and locate **Gallery Images**.
+
+Each image supports the following fields:
+
+| Field | Description |
+|---|---|
+| Title | Optional image title |
+| Image | Uploaded image file |
+| Caption | Optional image caption |
+| Sort order | Controls the display order of images |
+| Published | Determines whether the image appears in the gallery |
+
+Only published images appear in the gallery. Images are ordered by `sort_order`, with newer entries taking precedence when sort orders match.
+
+## License
+
+This project is licensed under the MIT License. See the `LICENSE` file for details.

django_image_gallery-0.1.0/README.md

@@ -0,0 +1,111 @@
+# Django Image Gallery
+
+An image gallery application for Django projects. Provides an easy way to manage, organize, and display images through the Django admin interface and a reusable template tag.
+
+## Features
+
+- Django model for managing gallery images
+- Automatic resizing of uploaded images exceeding 2000 × 2000 pixels
+- Published and unpublished image management
+- Configurable image ordering
+- Masonry image layout
+- Load-more functionality
+- Full-screen image viewer
+- Django admin integration
+- Reusable template tag
+
+## Requirements
+
+- Python 3.10+
+- Django 5.2, 6.0, or 6.1
+- Pillow 10.0 or later
+
+## Installation
+
+Install the package using pip:
+
+```bash
+pip install django-image-gallery
+```
+
+## Configuration
+
+Add `django_image_gallery` to your project's `INSTALLED_APPS`:
+
+```python
+INSTALLED_APPS = [
+    # ...
+    "django_image_gallery",
+]
+```
+
+Run the database migrations:
+
+```bash
+python manage.py migrate
+```
+
+## Usage
+
+Load the template tag library and include the gallery wherever you want it displayed:
+
+```django
+{% load django_image_gallery %}
+
+{% gallery %}
+```
+
+The template tag retrieves all published gallery images and renders them using the package's included gallery template.
+
+## Media Configuration
+
+Configure Django to handle uploaded media files:
+
+```python
+MEDIA_URL = "/media/"
+MEDIA_ROOT = BASE_DIR / "media"
+```
+
+During local development, you can serve media files through Django by adding the following to your project's root `urls.py`:
+
+```python
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    # Your URL patterns
+]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+```
+
+For production deployments, configure your web server or storage backend to serve uploaded media files. Uploaded images must be accessible through the configured media storage.
+
+## Managing Images
+
+Images can be added and managed through the Django admin interface.
+
+After creating a superuser:
+
+```bash
+python manage.py createsuperuser
+```
+
+Log in to the admin interface and locate **Gallery Images**.
+
+Each image supports the following fields:
+
+| Field | Description |
+|---|---|
+| Title | Optional image title |
+| Image | Uploaded image file |
+| Caption | Optional image caption |
+| Sort order | Controls the display order of images |
+| Published | Determines whether the image appears in the gallery |
+
+Only published images appear in the gallery. Images are ordered by `sort_order`, with newer entries taking precedence when sort orders match.
+
+## License
+
+This project is licensed under the MIT License. See the `LICENSE` file for details.

django_image_gallery-0.1.0/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,28 @@
+# Third-Party Notices
+
+This package includes the following third-party JavaScript libraries. Their original license notices are retained in the distributed JavaScript files.
+
+## ImagesLoaded
+
+- **Version:** 5.0.0
+- **License:** MIT License
+- **Project:** https://imagesloaded.desandro.com/
+- **Source:** https://github.com/desandro/imagesloaded
+
+The packaged distribution includes EvEmitter code. Its original MIT license notice is retained in the distribution.
+
+## Masonry
+
+- **Version:** 4.2.2
+- **Author:** David DeSandro
+- **License:** MIT License
+- **Project:** https://masonry.desandro.com/
+- **Source:** https://github.com/desandro/masonry
+
+The packaged distribution includes supporting libraries, including EvEmitter, get-size, desandro-matches-selector, fizzy-ui-utils, Outlayer, and jquery-bridget. Their original code is distributed as part of the Masonry packaged build.
+
+## License information
+
+The third-party libraries listed above are distributed under the MIT License. Their respective authors and copyright holders retain ownership of their work.
+
+The original license notices included in the bundled JavaScript files are preserved.

django_image_gallery-0.1.0/django_image_gallery/admin.py

@@ -0,0 +1,13 @@
+from django.contrib import admin
+from .models import GalleryImage
+
+
+@admin.register(GalleryImage)
+class GalleryImageAdmin(admin.ModelAdmin):
+    list_display = (
+        "title",
+        "image",
+        "caption",
+        "sort_order",
+        "is_published",
+    )

django_image_gallery-0.1.0/django_image_gallery/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class DjangoImageGalleryConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "django_image_gallery"

django_image_gallery-0.1.0/django_image_gallery/migrations/0001_initial.py

@@ -0,0 +1,29 @@
+# Generated by Django 6.0.5 on 2026-10-03 19:33
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='GalleryImage',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(blank=True, max_length=200)),
+                ('image', models.ImageField(upload_to='gallery/')),
+                ('caption', models.TextField(blank=True)),
+                ('sort_order', models.PositiveIntegerField(default=0)),
+                ('is_published', models.BooleanField(default=False)),
+            ],
+            options={
+                'verbose_name': 'Gallery Image',
+                'ordering': ['sort_order', '-id'],
+            },
+        ),
+    ]

django_image_gallery-0.1.0/django_image_gallery/models.py

@@ -0,0 +1,29 @@
+from PIL import Image
+from django.db import models
+
+
+class GalleryImage(models.Model):
+    title = models.CharField(max_length=200, blank=True)
+    image = models.ImageField(upload_to="gallery/")
+    caption = models.TextField(blank=True)
+    sort_order = models.PositiveIntegerField(default=0)
+    is_published = models.BooleanField(default=False)
+
+    def save(self, *args, **kwargs):
+        super().save(*args, **kwargs)
+
+        img = Image.open(self.image.path)
+
+        max_size = (2000, 2000)
+
+        if img.width > max_size[0] or img.height > max_size[1]:
+            img.thumbnail(max_size)
+
+        img.save(self.image.path, quality=85, optimize=True)
+
+    class Meta:
+        ordering = ["sort_order", "-id"]
+        verbose_name = "Gallery Image"
+
+    def __str__(self):
+        return self.title or f"Image {self.id}"

django_image_gallery-0.1.0/django_image_gallery/static/django_image_gallery/css/gallery.css

@@ -0,0 +1,173 @@
+#image-gallery-modal {
+    position: fixed;
+    inset: 0;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.85);
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity 0.5s ease, visibility 0.5s ease;
+}
+
+#image-gallery-modal.is-open {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+}
+
+.image-gallery-modal-content {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+}
+
+.gallery-modal-image,
+.gallery-close,
+.gallery-prev,
+.gallery-next {
+    pointer-events: auto;
+}
+
+.gallery-modal-image {
+    position: absolute;
+    max-width: 90vw;
+    max-height: 90vh;
+    object-fit: contain;
+}
+
+.gallery-modal-image[hidden] {
+    display: none;
+}
+
+.gallery-slide-in-right {
+    animation: gallery-slide-in-right 0.5s ease;
+}
+
+.gallery-slide-in-left {
+    animation: gallery-slide-in-left 0.5s ease;
+}
+
+@keyframes gallery-slide-in-right {
+    from {
+        transform: translateX(100%);
+    }
+
+    to {
+        transform: translateX(0);
+    }
+}
+
+@keyframes gallery-slide-in-left {
+    from {
+        transform: translateX(-100%);
+    }
+
+    to {
+        transform: translateX(0);
+    }
+}
+
+.gallery-close,
+.gallery-prev,
+.gallery-next {
+    position: absolute;
+    border: 0;
+    background: transparent;
+    color: white;
+    cursor: pointer;
+    z-index: 10;
+}
+
+.gallery-close {
+    top: 20px;
+    right: 25px;
+    font-size: 2rem;
+    line-height: 1;
+}
+
+.gallery-prev,
+.gallery-next {
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 2.5rem;
+    padding: 1rem;
+}
+
+.gallery-prev {
+    left: 20px;
+}
+
+.gallery-next {
+    right: 20px;
+}
+
+.image-gallery-controls {
+    display: flex;
+    justify-content: center;
+    gap: 1rem;
+    margin-top: 1.5rem;
+}
+
+.image-gallery-controls button {
+    display: inline-block;
+    border: 1px solid #fff;
+    border-radius: 0;
+    background: #fff;
+    color: #0f172a;
+    font-family: inherit;
+    font-size: 1rem;
+    font-weight: 500;
+    letter-spacing: 0.1em;
+    line-height: 1.5;
+    padding: 0.375rem 3rem;
+    text-align: center;
+    cursor: pointer;
+    transition: background-color 0.15s ease-in-out,
+                border-color 0.15s ease-in-out,
+                box-shadow 0.15s ease-in-out;
+}
+
+.image-gallery-controls button:hover {
+    background: #cbd5e1;
+    border-color: #cbd5e1;
+}
+
+.image-gallery-controls button:focus-visible {
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgb(207 207 207 / 50%);
+}
+
+.image-gallery-controls button:active {
+    background: #cbd5e1;
+    border-color: #cbd5e1;
+}
+
+.image-gallery-controls button:disabled {
+    opacity: 0.65;
+    pointer-events: none;
+}
+
+body.image-gallery-open {
+    overflow: hidden;
+}
+
+.gallery-slide {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#image-gallery-modal {
+    touch-action: none;
+}

django_image_gallery-0.1.0/django_image_gallery/static/django_image_gallery/css/masonry.css

@@ -0,0 +1,14 @@
+#image-gallery .gallery-grid {
+    width: 100%;
+}
+
+#image-gallery .gallery-item {
+    width: 50%;
+    padding: 0.5rem;
+}
+
+#image-gallery .gallery-image {
+    width: 100%;
+    display: block;
+    border-radius: 0.25rem;
+}

django_image_gallery-0.1.0/django_image_gallery/static/django_image_gallery/js/gallery.js

@@ -0,0 +1,184 @@
+const gallery = document.getElementById("image-gallery");
+const galleryGrid = gallery?.querySelector(".gallery-grid");
+
+if (galleryGrid) {
+    imagesLoaded(galleryGrid, function () {
+        galleryGrid.masonry = new Masonry(galleryGrid, {
+            itemSelector: ".gallery-item",
+            columnWidth: ".gallery-item",
+            percentPosition: true,
+        });
+    });
+}
+
+const galleryModal = document.getElementById("image-gallery-modal");
+const modalImages = galleryModal?.querySelectorAll(".gallery-modal-image");
+const closeButton = galleryModal?.querySelector(".gallery-close");
+const previousButton = galleryModal?.querySelector(".gallery-prev");
+const nextButton = galleryModal?.querySelector(".gallery-next");
+
+let currentIndex = 0;
+let modalHideTimeout = null;
+
+function showGalleryImage(index, direction = 1) {
+    if (!modalImages?.length) {
+        return;
+    }
+
+    if (index < 0) {
+        index = modalImages.length - 1;
+    }
+
+    if (index >= modalImages.length) {
+        index = 0;
+    }
+
+    modalImages.forEach(function (image) {
+        image.hidden = true;
+        image.classList.remove("gallery-slide-in-left", "gallery-slide-in-right");
+    });
+
+    const image = modalImages[index];
+
+    image.hidden = false;
+
+    image.classList.add(
+        direction === 1
+            ? "gallery-slide-in-right"
+            : "gallery-slide-in-left"
+    );
+
+    currentIndex = index;
+}
+
+function openGallery(index) {
+    if (!galleryModal) {
+        return;
+    }
+
+    if (modalHideTimeout) {
+        clearTimeout(modalHideTimeout);
+        modalHideTimeout = null;
+    }
+
+    showGalleryImage(index);
+
+    galleryModal.hidden = false;
+
+    requestAnimationFrame(function () {
+        galleryModal.classList.add("is-open");
+    });
+
+    galleryModal.setAttribute("aria-hidden", "false");
+    document.body.classList.add("image-gallery-open");
+
+    galleryModal.focus();
+}
+
+function closeGallery() {
+    if (!galleryModal) {
+        return;
+    }
+
+    galleryModal.classList.remove("is-open");
+    galleryModal.setAttribute("aria-hidden", "true");
+    document.body.classList.remove("image-gallery-open");
+
+    modalHideTimeout = setTimeout(function () {
+        galleryModal.hidden = true;
+        modalHideTimeout = null;
+    }, 500);
+}
+
+gallery?.addEventListener("click", function (event) {
+    const image = event.target.closest(".gallery-image");
+
+    if (!image) {
+        return;
+    }
+
+    openGallery(parseInt(image.dataset.index, 10));
+});
+
+closeButton?.addEventListener("click", closeGallery);
+
+previousButton?.addEventListener("click", function (event) {
+    event.preventDefault();
+    showGalleryImage(currentIndex - 1, -1);
+});
+
+nextButton?.addEventListener("click", function (event) {
+    event.preventDefault();
+    showGalleryImage(currentIndex + 1, 1);
+});
+
+galleryModal?.addEventListener("click", function (event) {
+    if (!event.target.closest(".image-gallery-modal-content")) {
+        closeGallery();
+    }
+});
+
+window.addEventListener("keydown", function (event) {
+    if (!galleryModal || galleryModal.hidden) {
+        return;
+    }
+
+    if (event.key === "Escape") {
+        event.preventDefault();
+        closeGallery();
+        return;
+    }
+
+    if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        event.stopPropagation();
+        showGalleryImage(currentIndex - 1, -1);
+        return;
+    }
+
+    if (event.key === "ArrowRight") {
+        event.preventDefault();
+        event.stopPropagation();
+        showGalleryImage(currentIndex + 1, 1);
+        return;
+    }
+}, true);
+
+const loadMoreButton = document.getElementById("image-gallery-load-more");
+const hideButton = document.getElementById("image-gallery-hide");
+const template = document.getElementById("image-gallery-template");
+
+let loadedItems = [];
+
+if (loadMoreButton) {
+    loadMoreButton.addEventListener("click", function () {
+        const fragment = template.content.cloneNode(true);
+        loadedItems = Array.from(fragment.children);
+
+        galleryGrid.appendChild(fragment);
+
+        imagesLoaded(loadedItems, function () {
+            galleryGrid.masonry.appended(loadedItems);
+        });
+
+        loadMoreButton.hidden = true;
+        hideButton.hidden = false;
+    });
+}
+
+if (hideButton) {
+    hideButton.addEventListener("click", function () {
+        galleryGrid.masonry.remove(loadedItems);
+        galleryGrid.masonry.layout();
+
+        loadedItems = [];
+
+        loadMoreButton.hidden = false;
+        hideButton.hidden = true;
+
+        gallery.scrollIntoView({
+            behavior: "smooth",
+            block: "start",
+        });
+    });
+}

django_image_gallery-0.1.0/django_image_gallery/static/django_image_gallery/js/imagesloaded.pkgd.min.js

@@ -0,0 +1,12 @@
+/*!
+ * imagesLoaded PACKAGED v5.0.0
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i){s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),
+/*!
+ * imagesLoaded v5.0.0
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let r=t;var h;("string"==typeof t&&(r=document.querySelectorAll(t)),r)?(this.elements=(h=r,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?[...h]:[h]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${r||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const r=/url\((['"])?(.*?)\1\)/gi;function h(t){this.img=t}function d(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=r.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=r.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new h(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new d(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},h.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype=Object.create(h.prototype),d.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},d.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n}));

django_image_gallery-0.1.0/django_image_gallery/static/django_image_gallery/js/masonry.pkgd.min.js

@@ -0,0 +1,9 @@
+/*!
+ * Masonry PACKAGED v4.2.2
+ * Cascading grid layout library
+ * https://masonry.desandro.com
+ * MIT License
+ * by David DeSandro
+ */
+
+!function(t,e){"function"==typeof define&&define.amd?define("jquery-bridget/jquery-bridget",["jquery"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("jquery")):t.jQueryBridget=e(t,t.jQuery)}(window,function(t,e){"use strict";function i(i,r,a){function h(t,e,n){var o,r="$()."+i+'("'+e+'")';return t.each(function(t,h){var u=a.data(h,i);if(!u)return void s(i+" not initialized. Cannot call methods, i.e. "+r);var d=u[e];if(!d||"_"==e.charAt(0))return void s(r+" is not a valid method");var l=d.apply(u,n);o=void 0===o?l:o}),void 0!==o?o:t}function u(t,e){t.each(function(t,n){var o=a.data(n,i);o?(o.option(e),o._init()):(o=new r(n,e),a.data(n,i,o))})}a=a||e||t.jQuery,a&&(r.prototype.option||(r.prototype.option=function(t){a.isPlainObject(t)&&(this.options=a.extend(!0,this.options,t))}),a.fn[i]=function(t){if("string"==typeof t){var e=o.call(arguments,1);return h(this,t,e)}return u(this,t),this},n(a))}function n(t){!t||t&&t.bridget||(t.bridget=i)}var o=Array.prototype.slice,r=t.console,s="undefined"==typeof r?function(){}:function(t){r.error(t)};return n(e||t.jQuery),i}),function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var i=this._events=this._events||{},n=i[t]=i[t]||[];return-1==n.indexOf(e)&&n.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var i=this._onceEvents=this._onceEvents||{},n=i[t]=i[t]||{};return n[e]=!0,this}},e.off=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){var n=i.indexOf(e);return-1!=n&&i.splice(n,1),this}},e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(i&&i.length){i=i.slice(0),e=e||[];for(var n=this._onceEvents&&this._onceEvents[t],o=0;o<i.length;o++){var r=i[o],s=n&&n[r];s&&(this.off(t,r),delete n[r]),r.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t}),function(t,e){"function"==typeof define&&define.amd?define("get-size/get-size",e):"object"==typeof module&&module.exports?module.exports=e():t.getSize=e()}(window,function(){"use strict";function t(t){var e=parseFloat(t),i=-1==t.indexOf("%")&&!isNaN(e);return i&&e}function e(){}function i(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;u>e;e++){var i=h[e];t[i]=0}return t}function n(t){var e=getComputedStyle(t);return e||a("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}function o(){if(!d){d=!0;var e=document.createElement("div");e.style.width="200px",e.style.padding="1px 2px 3px 4px",e.style.borderStyle="solid",e.style.borderWidth="1px 2px 3px 4px",e.style.boxSizing="border-box";var i=document.body||document.documentElement;i.appendChild(e);var o=n(e);s=200==Math.round(t(o.width)),r.isBoxSizeOuter=s,i.removeChild(e)}}function r(e){if(o(),"string"==typeof e&&(e=document.querySelector(e)),e&&"object"==typeof e&&e.nodeType){var r=n(e);if("none"==r.display)return i();var a={};a.width=e.offsetWidth,a.height=e.offsetHeight;for(var d=a.isBorderBox="border-box"==r.boxSizing,l=0;u>l;l++){var c=h[l],f=r[c],m=parseFloat(f);a[c]=isNaN(m)?0:m}var p=a.paddingLeft+a.paddingRight,g=a.paddingTop+a.paddingBottom,y=a.marginLeft+a.marginRight,v=a.marginTop+a.marginBottom,_=a.borderLeftWidth+a.borderRightWidth,z=a.borderTopWidth+a.borderBottomWidth,E=d&&s,b=t(r.width);b!==!1&&(a.width=b+(E?0:p+_));var x=t(r.height);return x!==!1&&(a.height=x+(E?0:g+z)),a.innerWidth=a.width-(p+_),a.innerHeight=a.height-(g+z),a.outerWidth=a.width+y,a.outerHeight=a.height+v,a}}var s,a="undefined"==typeof console?e:function(t){console.error(t)},h=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],u=h.length,d=!1;return r}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("desandro-matches-selector/matches-selector",e):"object"==typeof module&&module.exports?module.exports=e():t.matchesSelector=e()}(window,function(){"use strict";var t=function(){var t=window.Element.prototype;if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0;i<e.length;i++){var n=e[i],o=n+"MatchesSelector";if(t[o])return o}}();return function(e,i){return e[t](i)}}),function(t,e){"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["desandro-matches-selector/matches-selector"],function(i){return e(t,i)}):"object"==typeof module&&module.exports?module.exports=e(t,require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.matchesSelector)}(window,function(t,e){var i={};i.extend=function(t,e){for(var i in e)t[i]=e[i];return t},i.modulo=function(t,e){return(t%e+e)%e};var n=Array.prototype.slice;i.makeArray=function(t){if(Array.isArray(t))return t;if(null===t||void 0===t)return[];var e="object"==typeof t&&"number"==typeof t.length;return e?n.call(t):[t]},i.removeFrom=function(t,e){var i=t.indexOf(e);-1!=i&&t.splice(i,1)},i.getParent=function(t,i){for(;t.parentNode&&t!=document.body;)if(t=t.parentNode,e(t,i))return t},i.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.filterFindElements=function(t,n){t=i.makeArray(t);var o=[];return t.forEach(function(t){if(t instanceof HTMLElement){if(!n)return void o.push(t);e(t,n)&&o.push(t);for(var i=t.querySelectorAll(n),r=0;r<i.length;r++)o.push(i[r])}}),o},i.debounceMethod=function(t,e,i){i=i||100;var n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){var t=this[o];clearTimeout(t);var e=arguments,r=this;this[o]=setTimeout(function(){n.apply(r,e),delete r[o]},i)}},i.docReady=function(t){var e=document.readyState;"complete"==e||"interactive"==e?setTimeout(t):document.addEventListener("DOMContentLoaded",t)},i.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var o=t.console;return i.htmlInit=function(e,n){i.docReady(function(){var r=i.toDashed(n),s="data-"+r,a=document.querySelectorAll("["+s+"]"),h=document.querySelectorAll(".js-"+r),u=i.makeArray(a).concat(i.makeArray(h)),d=s+"-options",l=t.jQuery;u.forEach(function(t){var i,r=t.getAttribute(s)||t.getAttribute(d);try{i=r&&JSON.parse(r)}catch(a){return void(o&&o.error("Error parsing "+s+" on "+t.className+": "+a))}var h=new e(t,i);l&&l.data(t,n,h)})})},i}),function(t,e){"function"==typeof define&&define.amd?define("outlayer/item",["ev-emitter/ev-emitter","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("ev-emitter"),require("get-size")):(t.Outlayer={},t.Outlayer.Item=e(t.EvEmitter,t.getSize))}(window,function(t,e){"use strict";function i(t){for(var e in t)return!1;return e=null,!0}function n(t,e){t&&(this.element=t,this.layout=e,this.position={x:0,y:0},this._create())}function o(t){return t.replace(/([A-Z])/g,function(t){return"-"+t.toLowerCase()})}var r=document.documentElement.style,s="string"==typeof r.transition?"transition":"WebkitTransition",a="string"==typeof r.transform?"transform":"WebkitTransform",h={WebkitTransition:"webkitTransitionEnd",transition:"transitionend"}[s],u={transform:a,transition:s,transitionDuration:s+"Duration",transitionProperty:s+"Property",transitionDelay:s+"Delay"},d=n.prototype=Object.create(t.prototype);d.constructor=n,d._create=function(){this._transn={ingProperties:{},clean:{},onEnd:{}},this.css({position:"absolute"})},d.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},d.getSize=function(){this.size=e(this.element)},d.css=function(t){var e=this.element.style;for(var i in t){var n=u[i]||i;e[n]=t[i]}},d.getPosition=function(){var t=getComputedStyle(this.element),e=this.layout._getOption("originLeft"),i=this.layout._getOption("originTop"),n=t[e?"left":"right"],o=t[i?"top":"bottom"],r=parseFloat(n),s=parseFloat(o),a=this.layout.size;-1!=n.indexOf("%")&&(r=r/100*a.width),-1!=o.indexOf("%")&&(s=s/100*a.height),r=isNaN(r)?0:r,s=isNaN(s)?0:s,r-=e?a.paddingLeft:a.paddingRight,s-=i?a.paddingTop:a.paddingBottom,this.position.x=r,this.position.y=s},d.layoutPosition=function(){var t=this.layout.size,e={},i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop"),o=i?"paddingLeft":"paddingRight",r=i?"left":"right",s=i?"right":"left",a=this.position.x+t[o];e[r]=this.getXValue(a),e[s]="";var h=n?"paddingTop":"paddingBottom",u=n?"top":"bottom",d=n?"bottom":"top",l=this.position.y+t[h];e[u]=this.getYValue(l),e[d]="",this.css(e),this.emitEvent("layout",[this])},d.getXValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&!e?t/this.layout.size.width*100+"%":t+"px"},d.getYValue=function(t){var e=this.layout._getOption("horizontal");return this.layout.options.percentPosition&&e?t/this.layout.size.height*100+"%":t+"px"},d._transitionTo=function(t,e){this.getPosition();var i=this.position.x,n=this.position.y,o=t==this.position.x&&e==this.position.y;if(this.setPosition(t,e),o&&!this.isTransitioning)return void this.layoutPosition();var r=t-i,s=e-n,a={};a.transform=this.getTranslate(r,s),this.transition({to:a,onTransitionEnd:{transform:this.layoutPosition},isCleaning:!0})},d.getTranslate=function(t,e){var i=this.layout._getOption("originLeft"),n=this.layout._getOption("originTop");return t=i?t:-t,e=n?e:-e,"translate3d("+t+"px, "+e+"px, 0)"},d.goTo=function(t,e){this.setPosition(t,e),this.layoutPosition()},d.moveTo=d._transitionTo,d.setPosition=function(t,e){this.position.x=parseFloat(t),this.position.y=parseFloat(e)},d._nonTransition=function(t){this.css(t.to),t.isCleaning&&this._removeStyles(t.to);for(var e in t.onTransitionEnd)t.onTransitionEnd[e].call(this)},d.transition=function(t){if(!parseFloat(this.layout.options.transitionDuration))return void this._nonTransition(t);var e=this._transn;for(var i in t.onTransitionEnd)e.onEnd[i]=t.onTransitionEnd[i];for(i in t.to)e.ingProperties[i]=!0,t.isCleaning&&(e.clean[i]=!0);if(t.from){this.css(t.from);var n=this.element.offsetHeight;n=null}this.enableTransition(t.to),this.css(t.to),this.isTransitioning=!0};var l="opacity,"+o(a);d.enableTransition=function(){if(!this.isTransitioning){var t=this.layout.options.transitionDuration;t="number"==typeof t?t+"ms":t,this.css({transitionProperty:l,transitionDuration:t,transitionDelay:this.staggerDelay||0}),this.element.addEventListener(h,this,!1)}},d.onwebkitTransitionEnd=function(t){this.ontransitionend(t)},d.onotransitionend=function(t){this.ontransitionend(t)};var c={"-webkit-transform":"transform"};d.ontransitionend=function(t){if(t.target===this.element){var e=this._transn,n=c[t.propertyName]||t.propertyName;if(delete e.ingProperties[n],i(e.ingProperties)&&this.disableTransition(),n in e.clean&&(this.element.style[t.propertyName]="",delete e.clean[n]),n in e.onEnd){var o=e.onEnd[n];o.call(this),delete e.onEnd[n]}this.emitEvent("transitionEnd",[this])}},d.disableTransition=function(){this.removeTransitionStyles(),this.element.removeEventListener(h,this,!1),this.isTransitioning=!1},d._removeStyles=function(t){var e={};for(var i in t)e[i]="";this.css(e)};var f={transitionProperty:"",transitionDuration:"",transitionDelay:""};return d.removeTransitionStyles=function(){this.css(f)},d.stagger=function(t){t=isNaN(t)?0:t,this.staggerDelay=t+"ms"},d.removeElem=function(){this.element.parentNode.removeChild(this.element),this.css({display:""}),this.emitEvent("remove",[this])},d.remove=function(){return s&&parseFloat(this.layout.options.transitionDuration)?(this.once("transitionEnd",function(){this.removeElem()}),void this.hide()):void this.removeElem()},d.reveal=function(){delete this.isHidden,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("visibleStyle");e[i]=this.onRevealTransitionEnd,this.transition({from:t.hiddenStyle,to:t.visibleStyle,isCleaning:!0,onTransitionEnd:e})},d.onRevealTransitionEnd=function(){this.isHidden||this.emitEvent("reveal")},d.getHideRevealTransitionEndProperty=function(t){var e=this.layout.options[t];if(e.opacity)return"opacity";for(var i in e)return i},d.hide=function(){this.isHidden=!0,this.css({display:""});var t=this.layout.options,e={},i=this.getHideRevealTransitionEndProperty("hiddenStyle");e[i]=this.onHideTransitionEnd,this.transition({from:t.visibleStyle,to:t.hiddenStyle,isCleaning:!0,onTransitionEnd:e})},d.onHideTransitionEnd=function(){this.isHidden&&(this.css({display:"none"}),this.emitEvent("hide"))},d.destroy=function(){this.css({position:"",left:"",right:"",top:"",bottom:"",transition:"",transform:""})},n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("outlayer/outlayer",["ev-emitter/ev-emitter","get-size/get-size","fizzy-ui-utils/utils","./item"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter"),require("get-size"),require("fizzy-ui-utils"),require("./item")):t.Outlayer=e(t,t.EvEmitter,t.getSize,t.fizzyUIUtils,t.Outlayer.Item)}(window,function(t,e,i,n,o){"use strict";function r(t,e){var i=n.getQueryElement(t);if(!i)return void(h&&h.error("Bad element for "+this.constructor.namespace+": "+(i||t)));this.element=i,u&&(this.$element=u(this.element)),this.options=n.extend({},this.constructor.defaults),this.option(e);var o=++l;this.element.outlayerGUID=o,c[o]=this,this._create();var r=this._getOption("initLayout");r&&this.layout()}function s(t){function e(){t.apply(this,arguments)}return e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e}function a(t){if("number"==typeof t)return t;var e=t.match(/(^\d*\.?\d*)(\w*)/),i=e&&e[1],n=e&&e[2];if(!i.length)return 0;i=parseFloat(i);var o=m[n]||1;return i*o}var h=t.console,u=t.jQuery,d=function(){},l=0,c={};r.namespace="outlayer",r.Item=o,r.defaults={containerStyle:{position:"relative"},initLayout:!0,originLeft:!0,originTop:!0,resize:!0,resizeContainer:!0,transitionDuration:"0.4s",hiddenStyle:{opacity:0,transform:"scale(0.001)"},visibleStyle:{opacity:1,transform:"scale(1)"}};var f=r.prototype;n.extend(f,e.prototype),f.option=function(t){n.extend(this.options,t)},f._getOption=function(t){var e=this.constructor.compatOptions[t];return e&&void 0!==this.options[e]?this.options[e]:this.options[t]},r.compatOptions={initLayout:"isInitLayout",horizontal:"isHorizontal",layoutInstant:"isLayoutInstant",originLeft:"isOriginLeft",originTop:"isOriginTop",resize:"isResizeBound",resizeContainer:"isResizingContainer"},f._create=function(){this.reloadItems(),this.stamps=[],this.stamp(this.options.stamp),n.extend(this.element.style,this.options.containerStyle);var t=this._getOption("resize");t&&this.bindResize()},f.reloadItems=function(){this.items=this._itemize(this.element.children)},f._itemize=function(t){for(var e=this._filterFindItemElements(t),i=this.constructor.Item,n=[],o=0;o<e.length;o++){var r=e[o],s=new i(r,this);n.push(s)}return n},f._filterFindItemElements=function(t){return n.filterFindElements(t,this.options.itemSelector)},f.getItemElements=function(){return this.items.map(function(t){return t.element})},f.layout=function(){this._resetLayout(),this._manageStamps();var t=this._getOption("layoutInstant"),e=void 0!==t?t:!this._isLayoutInited;this.layoutItems(this.items,e),this._isLayoutInited=!0},f._init=f.layout,f._resetLayout=function(){this.getSize()},f.getSize=function(){this.size=i(this.element)},f._getMeasurement=function(t,e){var n,o=this.options[t];o?("string"==typeof o?n=this.element.querySelector(o):o instanceof HTMLElement&&(n=o),this[t]=n?i(n)[e]:o):this[t]=0},f.layoutItems=function(t,e){t=this._getItemsForLayout(t),this._layoutItems(t,e),this._postLayout()},f._getItemsForLayout=function(t){return t.filter(function(t){return!t.isIgnored})},f._layoutItems=function(t,e){if(this._emitCompleteOnItems("layout",t),t&&t.length){var i=[];t.forEach(function(t){var n=this._getItemLayoutPosition(t);n.item=t,n.isInstant=e||t.isLayoutInstant,i.push(n)},this),this._processLayoutQueue(i)}},f._getItemLayoutPosition=function(){return{x:0,y:0}},f._processLayoutQueue=function(t){this.updateStagger(),t.forEach(function(t,e){this._positionItem(t.item,t.x,t.y,t.isInstant,e)},this)},f.updateStagger=function(){var t=this.options.stagger;return null===t||void 0===t?void(this.stagger=0):(this.stagger=a(t),this.stagger)},f._positionItem=function(t,e,i,n,o){n?t.goTo(e,i):(t.stagger(o*this.stagger),t.moveTo(e,i))},f._postLayout=function(){this.resizeContainer()},f.resizeContainer=function(){var t=this._getOption("resizeContainer");if(t){var e=this._getContainerSize();e&&(this._setContainerMeasure(e.width,!0),this._setContainerMeasure(e.height,!1))}},f._getContainerSize=d,f._setContainerMeasure=function(t,e){if(void 0!==t){var i=this.size;i.isBorderBox&&(t+=e?i.paddingLeft+i.paddingRight+i.borderLeftWidth+i.borderRightWidth:i.paddingBottom+i.paddingTop+i.borderTopWidth+i.borderBottomWidth),t=Math.max(t,0),this.element.style[e?"width":"height"]=t+"px"}},f._emitCompleteOnItems=function(t,e){function i(){o.dispatchEvent(t+"Complete",null,[e])}function n(){s++,s==r&&i()}var o=this,r=e.length;if(!e||!r)return void i();var s=0;e.forEach(function(e){e.once(t,n)})},f.dispatchEvent=function(t,e,i){var n=e?[e].concat(i):i;if(this.emitEvent(t,n),u)if(this.$element=this.$element||u(this.element),e){var o=u.Event(e);o.type=t,this.$element.trigger(o,i)}else this.$element.trigger(t,i)},f.ignore=function(t){var e=this.getItem(t);e&&(e.isIgnored=!0)},f.unignore=function(t){var e=this.getItem(t);e&&delete e.isIgnored},f.stamp=function(t){t=this._find(t),t&&(this.stamps=this.stamps.concat(t),t.forEach(this.ignore,this))},f.unstamp=function(t){t=this._find(t),t&&t.forEach(function(t){n.removeFrom(this.stamps,t),this.unignore(t)},this)},f._find=function(t){return t?("string"==typeof t&&(t=this.element.querySelectorAll(t)),t=n.makeArray(t)):void 0},f._manageStamps=function(){this.stamps&&this.stamps.length&&(this._getBoundingRect(),this.stamps.forEach(this._manageStamp,this))},f._getBoundingRect=function(){var t=this.element.getBoundingClientRect(),e=this.size;this._boundingRect={left:t.left+e.paddingLeft+e.borderLeftWidth,top:t.top+e.paddingTop+e.borderTopWidth,right:t.right-(e.paddingRight+e.borderRightWidth),bottom:t.bottom-(e.paddingBottom+e.borderBottomWidth)}},f._manageStamp=d,f._getElementOffset=function(t){var e=t.getBoundingClientRect(),n=this._boundingRect,o=i(t),r={left:e.left-n.left-o.marginLeft,top:e.top-n.top-o.marginTop,right:n.right-e.right-o.marginRight,bottom:n.bottom-e.bottom-o.marginBottom};return r},f.handleEvent=n.handleEvent,f.bindResize=function(){t.addEventListener("resize",this),this.isResizeBound=!0},f.unbindResize=function(){t.removeEventListener("resize",this),this.isResizeBound=!1},f.onresize=function(){this.resize()},n.debounceMethod(r,"onresize",100),f.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&this.layout()},f.needsResizeLayout=function(){var t=i(this.element),e=this.size&&t;return e&&t.innerWidth!==this.size.innerWidth},f.addItems=function(t){var e=this._itemize(t);return e.length&&(this.items=this.items.concat(e)),e},f.appended=function(t){var e=this.addItems(t);e.length&&(this.layoutItems(e,!0),this.reveal(e))},f.prepended=function(t){var e=this._itemize(t);if(e.length){var i=this.items.slice(0);this.items=e.concat(i),this._resetLayout(),this._manageStamps(),this.layoutItems(e,!0),this.reveal(e),this.layoutItems(i)}},f.reveal=function(t){if(this._emitCompleteOnItems("reveal",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.reveal()})}},f.hide=function(t){if(this._emitCompleteOnItems("hide",t),t&&t.length){var e=this.updateStagger();t.forEach(function(t,i){t.stagger(i*e),t.hide()})}},f.revealItemElements=function(t){var e=this.getItems(t);this.reveal(e)},f.hideItemElements=function(t){var e=this.getItems(t);this.hide(e)},f.getItem=function(t){for(var e=0;e<this.items.length;e++){var i=this.items[e];if(i.element==t)return i}},f.getItems=function(t){t=n.makeArray(t);var e=[];return t.forEach(function(t){var i=this.getItem(t);i&&e.push(i)},this),e},f.remove=function(t){var e=this.getItems(t);this._emitCompleteOnItems("remove",e),e&&e.length&&e.forEach(function(t){t.remove(),n.removeFrom(this.items,t)},this)},f.destroy=function(){var t=this.element.style;t.height="",t.position="",t.width="",this.items.forEach(function(t){t.destroy()}),this.unbindResize();var e=this.element.outlayerGUID;delete c[e],delete this.element.outlayerGUID,u&&u.removeData(this.element,this.constructor.namespace)},r.data=function(t){t=n.getQueryElement(t);var e=t&&t.outlayerGUID;return e&&c[e]},r.create=function(t,e){var i=s(r);return i.defaults=n.extend({},r.defaults),n.extend(i.defaults,e),i.compatOptions=n.extend({},r.compatOptions),i.namespace=t,i.data=r.data,i.Item=s(o),n.htmlInit(i,t),u&&u.bridget&&u.bridget(t,i),i};var m={ms:1,s:1e3};return r.Item=o,r}),function(t,e){"function"==typeof define&&define.amd?define(["outlayer/outlayer","get-size/get-size"],e):"object"==typeof module&&module.exports?module.exports=e(require("outlayer"),require("get-size")):t.Masonry=e(t.Outlayer,t.getSize)}(window,function(t,e){var i=t.create("masonry");i.compatOptions.fitWidth="isFitWidth";var n=i.prototype;return n._resetLayout=function(){this.getSize(),this._getMeasurement("columnWidth","outerWidth"),this._getMeasurement("gutter","outerWidth"),this.measureColumns(),this.colYs=[];for(var t=0;t<this.cols;t++)this.colYs.push(0);this.maxY=0,this.horizontalColIndex=0},n.measureColumns=function(){if(this.getContainerWidth(),!this.columnWidth){var t=this.items[0],i=t&&t.element;this.columnWidth=i&&e(i).outerWidth||this.containerWidth}var n=this.columnWidth+=this.gutter,o=this.containerWidth+this.gutter,r=o/n,s=n-o%n,a=s&&1>s?"round":"floor";r=Math[a](r),this.cols=Math.max(r,1)},n.getContainerWidth=function(){var t=this._getOption("fitWidth"),i=t?this.element.parentNode:this.element,n=e(i);this.containerWidth=n&&n.innerWidth},n._getItemLayoutPosition=function(t){t.getSize();var e=t.size.outerWidth%this.columnWidth,i=e&&1>e?"round":"ceil",n=Math[i](t.size.outerWidth/this.columnWidth);n=Math.min(n,this.cols);for(var o=this.options.horizontalOrder?"_getHorizontalColPosition":"_getTopColPosition",r=this[o](n,t),s={x:this.columnWidth*r.col,y:r.y},a=r.y+t.size.outerHeight,h=n+r.col,u=r.col;h>u;u++)this.colYs[u]=a;return s},n._getTopColPosition=function(t){var e=this._getTopColGroup(t),i=Math.min.apply(Math,e);return{col:e.indexOf(i),y:i}},n._getTopColGroup=function(t){if(2>t)return this.colYs;for(var e=[],i=this.cols+1-t,n=0;i>n;n++)e[n]=this._getColGroupY(n,t);return e},n._getColGroupY=function(t,e){if(2>e)return this.colYs[t];var i=this.colYs.slice(t,t+e);return Math.max.apply(Math,i)},n._getHorizontalColPosition=function(t,e){var i=this.horizontalColIndex%this.cols,n=t>1&&i+t>this.cols;i=n?0:i;var o=e.size.outerWidth&&e.size.outerHeight;return this.horizontalColIndex=o?i+t:this.horizontalColIndex,{col:i,y:this._getColGroupY(i,t)}},n._manageStamp=function(t){var i=e(t),n=this._getElementOffset(t),o=this._getOption("originLeft"),r=o?n.left:n.right,s=r+i.outerWidth,a=Math.floor(r/this.columnWidth);a=Math.max(0,a);var h=Math.floor(s/this.columnWidth);h-=s%this.columnWidth?0:1,h=Math.min(this.cols-1,h);for(var u=this._getOption("originTop"),d=(u?n.top:n.bottom)+i.outerHeight,l=a;h>=l;l++)this.colYs[l]=Math.max(d,this.colYs[l])},n._getContainerSize=function(){this.maxY=Math.max.apply(Math,this.colYs);var t={height:this.maxY};return this._getOption("fitWidth")&&(t.width=this._getContainerFitWidth()),t},n._getContainerFitWidth=function(){for(var t=0,e=this.cols;--e&&0===this.colYs[e];)t++;return(this.cols-t)*this.columnWidth-this.gutter},n.needsResizeLayout=function(){var t=this.containerWidth;return this.getContainerWidth(),t!=this.containerWidth},i});

django_image_gallery-0.1.0/django_image_gallery/templates/django_image_gallery/gallery.html

@@ -0,0 +1,64 @@
+{% load static %}
+
+<link rel="stylesheet" href="{% static 'django_image_gallery/css/masonry.css' %}">
+<link rel="stylesheet" href="{% static 'django_image_gallery/css/gallery.css' %}">
+
+<div id="image-gallery">
+  <div class="image-gallery-container">
+
+    <div class="gallery-grid">
+      {% for image in gallery_images|slice:":8" %}
+        <div class="gallery-item">
+          <img src="{{ image.image.url }}" class="gallery-image" data-index="{{ forloop.counter0 }}" loading="lazy" alt="{{ image.title }}">
+        </div>
+      {% endfor %}
+    </div>
+
+    <template id="image-gallery-template">
+      {% for image in gallery_images|slice:"8:" %}
+        <div class="gallery-item">
+          <img src="{{ image.image.url }}" class="gallery-image" data-index="{{ forloop.counter0|add:8 }}" loading="lazy" alt="{{ image.title }}">
+        </div>
+      {% endfor %}
+    </template>
+
+    {% if gallery_images|length > 8 %}
+      <div class="image-gallery-controls">
+        <button id="image-gallery-load-more" type="button">
+          Load More
+        </button>
+
+        <button id="image-gallery-hide" type="button" hidden>
+          Hide Images
+        </button>
+      </div>
+    {% endif %}
+  </div>
+
+  <div id="image-gallery-modal" class="image-gallery-modal" hidden aria-hidden="true" tabindex="-1">
+    <div class="image-gallery-modal-content">
+
+      <button type="button" class="gallery-close" aria-label="Close gallery">
+        &times;
+      </button>
+
+      <button type="button" class="gallery-prev" aria-label="Previous image">
+        &#10094;
+      </button>
+
+      <div class="gallery-slide">
+        {% for image in gallery_images %}
+          <img src="{{ image.image.url }}" class="gallery-modal-image" data-index="{{ forloop.counter0 }}" alt="{{ image.title }}">
+        {% endfor %}
+      </div>
+
+      <button type="button" class="gallery-next" aria-label="Next image">
+        &#10095;
+      </button>
+    </div>
+  </div>
+</div>
+
+<script src="{% static 'django_image_gallery/js/imagesloaded.pkgd.min.js' %}"></script>
+<script src="{% static 'django_image_gallery/js/masonry.pkgd.min.js' %}"></script>
+<script src="{% static 'django_image_gallery/js/gallery.js' %}"></script>

django_image_gallery-0.1.0/django_image_gallery/templatetags/django_image_gallery.py

@@ -0,0 +1,11 @@
+from django import template
+
+from django_image_gallery.models import GalleryImage
+
+register = template.Library()
+
+
+@register.inclusion_tag("django_image_gallery/gallery.html")
+def gallery():
+    gallery_images = GalleryImage.objects.filter(is_published=True)
+    return {"gallery_images": gallery_images}

django_image_gallery-0.1.0/django_image_gallery/tests.py

@@ -0,0 +1,106 @@
+
+import tempfile
+from io import BytesIO
+
+from PIL import Image
+from django.core.files.uploadedfile import SimpleUploadedFile
+from django.test import TestCase, override_settings
+from django.template import Context, Template
+
+from django_image_gallery.models import GalleryImage
+
+
+class GalleryImageTests(TestCase):
+    def setUp(self):
+        self.temp_dir = tempfile.TemporaryDirectory()
+        self.addCleanup(self.temp_dir.cleanup)
+
+        media_settings = override_settings(MEDIA_ROOT=self.temp_dir.name)
+        media_settings.enable()
+        self.addCleanup(media_settings.disable)
+
+    def create_test_image(self, filename="test-image.jpg", size=(800, 600)):
+        buffer = BytesIO()
+
+        Image.new("RGB", size, color=(100, 150, 200)).save(
+            buffer,
+            format="JPEG",
+        )
+
+        return SimpleUploadedFile(
+            filename,
+            buffer.getvalue(),
+            content_type="image/jpeg",
+        )
+
+    def test_create_gallery_image(self):
+        image = GalleryImage.objects.create(
+            title="Test Image",
+            image=self.create_test_image(),
+            caption="A test caption.",
+        )
+
+        self.assertEqual(image.title, "Test Image")
+        self.assertEqual(image.caption, "A test caption.")
+        self.assertEqual(image.sort_order, 0)
+        self.assertFalse(image.is_published)
+        self.assertEqual(str(image), "Test Image")
+
+    def test_image_resizing(self):
+        image = GalleryImage.objects.create(
+            title="Large Image",
+            image=self.create_test_image(size=(2400, 1200)),
+        )
+
+        with Image.open(image.image.path) as stored_image:
+            self.assertEqual(stored_image.size, (2000, 1000))
+
+    def test_small_images_are_not_resized(self):
+        image = GalleryImage.objects.create(
+            title="Small Image",
+            image=self.create_test_image(size=(800, 600)),
+        )
+
+        with Image.open(image.image.path) as stored_image:
+            self.assertEqual(stored_image.size, (800, 600))
+
+    def test_gallery_image_ordering(self):
+        first = GalleryImage.objects.create(
+            title="First",
+            image=self.create_test_image("first.jpg"),
+            sort_order=1,
+        )
+
+        second = GalleryImage.objects.create(
+            title="Second",
+            image=self.create_test_image("second.jpg"),
+            sort_order=2,
+        )
+
+        images = list(GalleryImage.objects.all())
+
+        self.assertEqual(images, [first, second])
+
+    def test_gallery_displays_only_published_images(self):
+        GalleryImage.objects.create(
+            title="Published Image",
+            image=self.create_test_image("published.jpg"),
+            is_published=True,
+        )
+
+        GalleryImage.objects.create(
+            title="Unpublished Image",
+            image=self.create_test_image("unpublished.jpg"),
+            is_published=False,
+        )
+
+        template = Template(
+            "{% load django_image_gallery %}{% gallery %}"
+        )
+
+        html = template.render(Context({}))
+
+        self.assertIn("Published Image", html)
+        self.assertIn("published.jpg", html)
+        self.assertNotIn("Unpublished Image", html)
+        self.assertNotIn("unpublished.jpg", html)

django_image_gallery-0.1.0/django_image_gallery/views.py

@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.

django_image_gallery-0.1.0/django_image_gallery.egg-info/PKG-INFO

@@ -0,0 +1,137 @@
+Metadata-Version: 2.4
+Name: django-image-gallery
+Version: 0.1.0
+Summary: A Django image gallery application.
+Author: Alexander Towe
+License-Expression: MIT
+Project-URL: Homepage, https://github.com/alextowe/django-image-gallery
+Project-URL: Repository, https://github.com/alextowe/django-image-gallery
+Project-URL: Issues, https://github.com/alextowe/django-image-gallery/issues
+Classifier: Framework :: Django
+Classifier: Framework :: Django :: 5.2
+Classifier: Framework :: Django :: 6.0
+Classifier: Framework :: Django :: 6.1
+Classifier: Intended Audience :: Developers
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3 :: Only
+Classifier: Programming Language :: Python :: 3.14
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+License-File: LICENSE
+License-File: THIRD_PARTY_NOTICES.md
+Requires-Dist: Django<7.0,>=5.2
+Requires-Dist: Pillow>=10.0
+Dynamic: license-file
+
+# Django Image Gallery
+
+An image gallery application for Django projects. Provides an easy way to manage, organize, and display images through the Django admin interface and a reusable template tag.
+
+## Features
+
+- Django model for managing gallery images
+- Automatic resizing of uploaded images exceeding 2000 × 2000 pixels
+- Published and unpublished image management
+- Configurable image ordering
+- Masonry image layout
+- Load-more functionality
+- Full-screen image viewer
+- Django admin integration
+- Reusable template tag
+
+## Requirements
+
+- Python 3.10+
+- Django 5.2, 6.0, or 6.1
+- Pillow 10.0 or later
+
+## Installation
+
+Install the package using pip:
+
+```bash
+pip install django-image-gallery
+```
+
+## Configuration
+
+Add `django_image_gallery` to your project's `INSTALLED_APPS`:
+
+```python
+INSTALLED_APPS = [
+    # ...
+    "django_image_gallery",
+]
+```
+
+Run the database migrations:
+
+```bash
+python manage.py migrate
+```
+
+## Usage
+
+Load the template tag library and include the gallery wherever you want it displayed:
+
+```django
+{% load django_image_gallery %}
+
+{% gallery %}
+```
+
+The template tag retrieves all published gallery images and renders them using the package's included gallery template.
+
+## Media Configuration
+
+Configure Django to handle uploaded media files:
+
+```python
+MEDIA_URL = "/media/"
+MEDIA_ROOT = BASE_DIR / "media"
+```
+
+During local development, you can serve media files through Django by adding the following to your project's root `urls.py`:
+
+```python
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    # Your URL patterns
+]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+```
+
+For production deployments, configure your web server or storage backend to serve uploaded media files. Uploaded images must be accessible through the configured media storage.
+
+## Managing Images
+
+Images can be added and managed through the Django admin interface.
+
+After creating a superuser:
+
+```bash
+python manage.py createsuperuser
+```
+
+Log in to the admin interface and locate **Gallery Images**.
+
+Each image supports the following fields:
+
+| Field | Description |
+|---|---|
+| Title | Optional image title |
+| Image | Uploaded image file |
+| Caption | Optional image caption |
+| Sort order | Controls the display order of images |
+| Published | Determines whether the image appears in the gallery |
+
+Only published images appear in the gallery. Images are ordered by `sort_order`, with newer entries taking precedence when sort orders match.
+
+## License
+
+This project is licensed under the MIT License. See the `LICENSE` file for details.

django_image_gallery-0.1.0/django_image_gallery.egg-info/SOURCES.txt

@@ -0,0 +1,25 @@
+LICENSE
+README.md
+THIRD_PARTY_NOTICES.md
+pyproject.toml
+django_image_gallery/__init__.py
+django_image_gallery/admin.py
+django_image_gallery/apps.py
+django_image_gallery/models.py
+django_image_gallery/tests.py
+django_image_gallery/views.py
+django_image_gallery.egg-info/PKG-INFO
+django_image_gallery.egg-info/SOURCES.txt
+django_image_gallery.egg-info/dependency_links.txt
+django_image_gallery.egg-info/requires.txt
+django_image_gallery.egg-info/top_level.txt
+django_image_gallery/migrations/0001_initial.py
+django_image_gallery/migrations/__init__.py
+django_image_gallery/static/django_image_gallery/css/gallery.css
+django_image_gallery/static/django_image_gallery/css/masonry.css
+django_image_gallery/static/django_image_gallery/js/gallery.js
+django_image_gallery/static/django_image_gallery/js/imagesloaded.pkgd.min.js
+django_image_gallery/static/django_image_gallery/js/masonry.pkgd.min.js
+django_image_gallery/templates/django_image_gallery/gallery.html
+django_image_gallery/templatetags/__init__.py
+django_image_gallery/templatetags/django_image_gallery.py

django_image_gallery-0.1.0/django_image_gallery.egg-info/dependency_links.txt

@@ -0,0 +1 @@
+

django_image_gallery-0.1.0/django_image_gallery.egg-info/requires.txt

@@ -0,0 +1,2 @@
+Django<7.0,>=5.2
+Pillow>=10.0

django_image_gallery-0.1.0/django_image_gallery.egg-info/top_level.txt

@@ -0,0 +1 @@
+django_image_gallery

django_image_gallery-0.1.0/pyproject.toml

@@ -0,0 +1,50 @@
+[build-system]
+requires = ["setuptools>=77", "wheel"]
+build-backend = "setuptools.build_meta"
+
+[project]
+name = "django-image-gallery"
+version = "0.1.0"
+description = "A Django image gallery application."
+readme = "README.md"
+requires-python = ">=3.10"
+license = "MIT"
+
+authors = [
+    { name = "Alexander Towe" },
+]
+
+dependencies = [
+    "Django>=5.2,<7.0",
+    "Pillow>=10.0",
+]
+
+classifiers = [
+    "Framework :: Django",
+    "Framework :: Django :: 5.2",
+    "Framework :: Django :: 6.0",
+    "Framework :: Django :: 6.1",
+    "Intended Audience :: Developers",
+    "Operating System :: OS Independent",
+    "Programming Language :: Python :: 3",
+    "Programming Language :: Python :: 3 :: Only",
+    "Programming Language :: Python :: 3.14",
+]
+
+[project.urls]
+Homepage = "https://github.com/alextowe/django-image-gallery"
+Repository = "https://github.com/alextowe/django-image-gallery"
+Issues = "https://github.com/alextowe/django-image-gallery/issues"
+
+[tool.setuptools]
+license-files = ["LICENSE", "THIRD_PARTY_NOTICES.md"]
+
+[tool.setuptools.packages.find]
+include = ["django_image_gallery*"]
+
+[tool.setuptools.package-data]
+django_image_gallery = [
+    "templates/**/*.html",
+    "static/**/*",
+    "migrations/*.py",
+]

django_image_gallery-0.1.0/setup.cfg

@@ -0,0 +1,4 @@
+[egg_info]
+tag_build = 
+tag_date = 0
+