From d4135bc33a33f674706f76b9bd5a2b9bea710139 Mon Sep 17 00:00:00 2001
From: Sonny Le <sonlv@templaza.com>
Date: Mon, 22 Jul 2024 12:49:32 +0700
Subject: [PATCH] Add verticle align middle to Grid Widget

---
 framework/elements/grid/grid.php | 3 ++-
 framework/elements/grid/grid.xml | 1 +
 language/en-GB/en-GB.astroid.ini | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/framework/elements/grid/grid.php b/framework/elements/grid/grid.php
index c8bbda16..14ae35f4 100644
--- a/framework/elements/grid/grid.php
+++ b/framework/elements/grid/grid.php
@@ -106,6 +106,7 @@
 $min_height         =   $params->get('min_height', 0);
 $overlay_type       =   $params->get('overlay_type', '');
 $enable_grid_match  =   $params->get('enable_grid_match', 0);
+$vertical_middle    =   $params->get('vertical_middle', 0);
 
 $box_shadow         =   $params->get('card_box_shadow', '');
 $box_shadow         =   $box_shadow ? ' ' . $box_shadow : '';
@@ -180,7 +181,7 @@
 
     echo '<div id="grid-'. $grid -> id .'" class="as-grid"><div class="card' . $card_style . $box_shadow . $box_shadow_hover .$bd_radius . $card_hover_transition . ($enable_grid_match ? ' h-100' : '') . '">';
     if ($media_position == 'left' || $media_position == 'right') {
-        echo '<div class="row g-0">';
+        echo '<div class="row g-0'.($vertical_middle ? ' align-items-center' : '').'">';
         echo '<div class="'.$media_width_cls.'">';
     }
     if ($media_position != 'inside') {
diff --git a/framework/elements/grid/grid.xml b/framework/elements/grid/grid.xml
index d2055708..afb62a08 100644
--- a/framework/elements/grid/grid.xml
+++ b/framework/elements/grid/grid.xml
@@ -343,6 +343,7 @@
                     <option value="5">5/12</option>
                     <option value="7">7/12</option>
                 </field>
+                <field astroidgroup="card_options" ngShow="[media_position]=='left' OR [media_position]=='right'" name="vertical_middle" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_VERTICAL_MIDDLE"/>
                 <field astroidgroup="card_options" name="enable_grid_match" type="astroidradio" astroid-switch="true" default="0" label="ASTROID_WIDGET_ENABLE_GRID_MATCH"/>
                 <field astroidgroup="card_options" name="card_hover_transition" type="astroidlist" label="ASTROID_WIDGET_HOVER_TRANSITION_LABEL" default="">
                     <option value="">TPL_ASTROID_DEFAULT</option>
diff --git a/language/en-GB/en-GB.astroid.ini b/language/en-GB/en-GB.astroid.ini
index 7d3fcb6b..384c4864 100644
--- a/language/en-GB/en-GB.astroid.ini
+++ b/language/en-GB/en-GB.astroid.ini
@@ -1400,6 +1400,7 @@ ASTROID_WIDGET_META_POSITION_LABEL="Meta Position"
 ASTROID_BEFORE_TITLE="Before Title"
 ASTROID_AFTER_TITLE="After Title"
 ASTROID_WIDGET_ENABLE_GRID_MATCH="Enable Grid Match"
+ASTROID_WIDGET_VERTICAL_MIDDLE="Vertical Align Middle"
 
 ; Video Button
 ASTROID_WIDGET_VIDEO_BUTTON_LABEL="Video Button"