Add default gallery template (#2)

* Add default gallery template * Bump up the version
Karmalakas · Jun 21, 2021 · e98ead1 · e98ead1
1 parent b6b2f35
commit e98ead1
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+# v1.1.0
+##  21-06-2021
+
+1. [](#new)
+   * Add default template
+
 # v1.0.1
 ##  14-03-2021
 

diff --git a/blueprints.yaml b/blueprints.yaml
@@ -1,7 +1,7 @@
 name: Photoswipe
 slug: photoswipe
 type: plugin
-version: 1.0.1
+version: 1.1.0
 description: Add Photoswipe gallery to your pages
 icon: image
 author:

diff --git a/photoswipe.php b/photoswipe.php
@@ -3,10 +3,12 @@
 namespace Grav\Plugin;
 
 use Composer\Autoload\ClassLoader;
+use Grav\Common\Grav;
 use Grav\Common\Page\Page;
 use Grav\Common\Plugin;
 use Grav\Common\Twig\Twig;
 use Grav\Plugin\Photoswipe\Twig\PhotoswipeExtension;
+use RocketTheme\Toolbox\Event\Event;
 
 /**
  * Class PhotoswipePlugin
@@ -51,6 +53,12 @@ public function autoload(): ClassLoader
     public function onPluginsInitialized(): void
     {
         if ($this->isAdmin()) {
+            $this->enable(
+                [
+                    'onGetPageTemplates'  => ['onGetPageTemplates', 0],
+                ]
+            );
+
             return;
         }
 
@@ -63,6 +71,15 @@ public function onPluginsInitialized(): void
         );
     }
 
+    /**
+     * Add blueprint directory to page templates.
+     */
+    public function onGetPageTemplates(Event $event)
+    {
+        $locator = Grav::instance()['locator'];
+        $event->types->scanTemplates($locator->findResource('plugin://' . $this->name . '/templates'));
+    }
+
     /**
      * Register templates
      *

diff --git a/templates/photoswipe.html.twig b/templates/photoswipe.html.twig
@@ -0,0 +1,17 @@
+{% extends 'default.html.twig' %}
+
+{% block content %}
+    {{ parent() }}
+
+    {% set item_id = 'photoswipe-gallery-' ~ random() %}
+
+    {{ photoswipe(item_id, 'a') }}
+
+    <div id="{{ item_id }}">
+        {% for item in page.media.images %}
+            <a href="{{ item.url|e }}" class="gallery-item" data-size="{{ item.width ~ 'x' ~ item.height }}">
+                <img src="{{ item.cropResize(500, 250).url|e }}" alt=""/>
+            </a>
+        {% endfor %}
+    </div>
+{% endblock %}