1.2.1

tranduyhung · Nov 9, 2017 · fa9b6d7 · fa9b6d7
1 parent 1901b40
commit fa9b6d7
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,12 @@
+# v1.3.0
+## 09/11/2017
+
+1. [](#improved)
+    * Added ability to select gallery's full image via image dropdown list
+    * Removed gallery's thumbnail image
+    * Added 2 options for gallery thumbnail's max width and max height
+    * Gallery's thumbnail image is automatically resized from full image based on defined max width and max height values
+
 # v1.2.0
 ## 05/11/2017
 

diff --git a/blueprints.yaml b/blueprints.yaml
@@ -1,6 +1,6 @@
 name: Big Picture
 description: "Grav Theme based on Big Picture HTML theme of html5up.net."
-version: 1.2.0
+version: 1.3.0
 icon: photo
 author:
   name: Hung Tran

diff --git a/blueprints/modular/gallery.yaml b/blueprints/modular/gallery.yaml
@@ -12,6 +12,26 @@ form:
           type: tab
           title: Images
           fields:
+            header.thumbnail_max_width:
+              type: text
+              size: x-small
+              label: Thumbnail's Max Width
+              help: Min value 360, max value 1000.
+              default: 540
+              validate:
+                type: int
+                min: 360
+                max: 1000
+            header.thumbnail_max_height:
+              type: text
+              size: x-small
+              label: Thumbnail's Max Height
+              help: Min value 360, max value 1000.
+              default: 540
+              validate:
+                type: int
+                min: 360
+                max: 1000
             header.images:
               name: images
               type: list
@@ -23,15 +43,11 @@ form:
                   label: Title
                   help: Image's title.
                 .full:
-                  type: text
-                  label: Full Image
-                  help: Full image's filename.
-                .thumbnail:
                   type: filepicker
                   folder: '@self'
                   preview_images: true
                   accept:
                     - .png
                     - .jpg
-                  label: Thumbnail
-                  help: Thumbnail's filename.
+                  label: Full Image
+                  help: Full image's filename.
diff --git a/templates/modular/gallery.html.twig b/templates/modular/gallery.html.twig
@@ -1,3 +1,13 @@
+{% set thumbWidth = page.header.thumbnail_max_width %}
+{% set thumbHeight = page.header.thumbnail_max_height %}
+
+{% if thumbWidth <= 0 %}
+    {% set thumbWidth = 540 %}
+{% endif %}
+
+{% if thumbHeight <= 0 %}
+    {% set thumbHeight = 540 %}
+{% endif %}
 <section id="{{ page.folder|replace({'_': ''}) }}" class="main style3 primary">
     <div class="content container">
         <header>
@@ -14,7 +24,7 @@
                 {% endif %}
                     <div class="6u 12u(mobile)">
                         <a href="{{ page.media[image.full].url }}" class="image fit {% if loop.index % 2 == 1 %}from-left{% else %}from-right{% endif %}">
-                            <img src="{{ page.media[image.thumbnail].url }}" title="{{ image.title|escape }}" />
+                            <img src="{{ page.media[image.full].cropResize(thumbWidth, thumbHeight).url }}" title="{{ image.title|escape }}" />
                         </a>
                     </div>
                 {% if loop.index % 2 == 0 or loop.index == header.images|length %}