TMS-1028: Add social-media link column to footer

CHANGELOG.MD

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.2.5] - 2024-05-20
+
+- TMS-1028: Add social-media link column to footer
+
 ## [1.2.4] - 2024-05-14
 
 - TMS-1029: Change contacts-blocks width

models/shared/footer.php

@@ -42,9 +42,11 @@ public function column_class() : string {
         $contact_info        = $this->contact_info();
         $second_contact_info = $this->second_contact_info();
         $columns             = $this->link_columns();
+        $some_column         = $this->some_link_columns();
         $count               = empty( $columns ) ? 0 : count( $columns );
         $count               = empty( $contact_info ) ? $count : ++ $count;
         $count               = empty( $second_contact_info ) ? $count : ++ $count;
+        $count               = empty( $some_column ) ? $count : ++ $count;
 
         return $count <= 3
             ? 'is-6 is-4-widescreen'
@@ -113,6 +115,26 @@ public function link_columns() {
         return $columns;
     }
 
+    /**
+     * Get social media link column
+     *
+     * @return mixed|null
+     */
+    public function some_link_columns() {
+        $columns = Settings::get_setting( 'some_link_columns' ) ?? null;
+
+        if ( empty( $columns['some_link_column'] ) ) {
+            return null;
+        }
+
+        // Filter out empty links
+        $columns['some_link_column'] = array_filter( $columns['some_link_column'], function ( $item ) {
+            return ! empty( $item['some_link']['title'] );
+        } );
+
+        return $columns;
+    }
+
     /**
      * Get privacy links
      *

partials/shared/footer-inner.dust

@@ -77,6 +77,30 @@
                 {#link_columns}
                     {>"shared/footer-column" /}
                 {/link_columns}
+
+                {?some_link_columns}
+                    <div class="column {column_class|attr}">
+                        {?some_link_columns.column_title}
+                            <h2 class="h4 mt-4 mb-4">
+                                {some_link_columns.column_title|html}
+                            </h2>
+                        {/some_link_columns.column_title}
+
+                        <ul class="is-unstyled {Footer.typography.column|attr}">
+                            {#some_link_columns.some_link_column}
+                                <li class="mb-3">
+                                    <a href="{some_link.url|url}" target="{some_link.target|attr}"
+                                    class="is-flex is-align-items-center {Footer.colors.link|attr}">
+                                        {>"ui/icon" icon="{some_icon|attr}" class="icon--xlarge is-primary-invert mr-2" /}
+                                        <span>
+                                            {some_link.title|html}
+                                        </span>
+                                    </a>
+                                </li>
+                            {/some_link_columns.some_link_column}
+                        </ul>
+                    </div>
+                {/some_link_columns}
             </div>
 
             <div class="columns is-multiline is-vcentered mt-4 mt-0-desktop">

style.css

@@ -1,7 +1,7 @@
 /*
  * Theme Name:  TMS Theme Milavida
  * Description: Tampere Multisite Milavida Theme
- * Version:     1.2.4
+ * Version:     1.2.5
  * Author:      Geniem
  * Author URI:  https://geniem.fi
  * Template:    tms-theme-base