Implemented multi-text-groups component in the theme

Author: jlamanskygitt

dt-core/admin/js/dt-settings.js

@@ -1283,6 +1283,7 @@ jQuery(document).ready(function ($) {
                     <option value="user_select">User Select</option>
                     <option value="location">Location (grid only)</option>
                     <option value="communication_channel">Communication Channel</option>
+                    <option value="multi_text_groups">Multi Text Groups</option>
                 </select>
                 <p id="field-type-select-description" style="margin:0.2em 0">
                     ${window.field_settings.field_types.key_select.description}

dt-core/admin/menu/tabs/tab-custom-fields.php

@@ -1080,6 +1080,7 @@ private function add_field( $post_type ){
                             <option value="datetime"><?php esc_html_e( 'DateTime', 'disciple_tools' ) ?></option>
                             <option value="connection"><?php esc_html_e( 'Connection', 'disciple_tools' ) ?></option>
                             <option value="user_select"><?php esc_html_e( 'User Select', 'disciple_tools' ) ?></option>
+                            <option value="multi_text_groups"><?php esc_html_e( 'Multi Text Groups', 'disciple_tools' ) ?></option>
                         </select>
                     </td>
                 </tr>
@@ -1194,6 +1195,7 @@ private function add_field( $post_type ){
             <li><?php esc_html_e( 'Link: Create a collection of links', 'disciple_tools' ) ?></li>
             <li><?php esc_html_e( 'Connection: An autocomplete picker to connect to another record.', 'disciple_tools' ) ?></li>
             <li><?php esc_html_e( 'User Select: An autocomplete picker to connect to a user account.', 'disciple_tools' ) ?></li>
+            <li><?php esc_html_e( 'Multi Text Groups: A field to add multiple text inputs and group them.', 'disciple_tools' ) ?></li>
         </ul>
         <strong><?php esc_html_e( 'Private Field:', 'disciple_tools' ) ?></strong>
         <ul style="list-style: disc; padding-left:40px">
@@ -1348,6 +1350,15 @@ private function process_add_field( $post_submission ){
                     'customizable' => 'all',
                     'private' => $field_private
                 ];
+            } elseif ( $field_type === 'multi_text_groups' ){
+                $new_field = [
+                    'name'        => $post_submission['new_field_name'],
+                    'type'        => 'multi_text_groups',
+                    'default'     => '',
+                    'tile'     => $field_tile,
+                    'customizable' => 'all',
+                    'private' => $field_private
+                ];
             } elseif ( $field_type === 'connection' ){
                 if ( !$post_submission['connection_target'] ){
                     self::admin_notice( __( 'Please select a connection target', 'disciple_tools' ), 'error' );

dt-core/admin/menu/tabs/tab-fields.php

@@ -95,7 +95,7 @@ public function box_message( $post_type ) {
         $fields = $post_settings['fields'];
 
         /* breadcrumb: new-field-type Add field type to field explorer */
-        $types = [ 'text', 'textarea', 'date', 'datetime', 'boolean', 'key_select', 'multi_select', 'array', 'connection', 'number', 'link', 'communication_channel', 'tags', 'user_select', 'task', 'location', 'location_meta' ];
+        $types = [ 'text', 'textarea', 'date', 'datetime', 'boolean', 'key_select', 'multi_select', 'array', 'connection', 'number', 'link', 'communication_channel', 'tags', 'user_select', 'task', 'location', 'location_meta', 'multi_text_groups' ];
         foreach ( $types as $type ){
             ?>
             <h3>Field type: <?php echo esc_html( $type ) ?></h3>

dt-core/global-functions.php

@@ -601,7 +601,7 @@ function render_field_for_display( $field_key, $fields, $post, $show_extra_contr
         }
         if ( isset( $fields[$field_key]['type'] ) && !$custom_display && empty( $fields[$field_key]['hidden'] ) ) {
             /* breadrcrumb: new-field-type Add allowed field types */
-            $allowed_types = apply_filters( 'dt_render_field_for_display_allowed_types', [ 'boolean', 'key_select', 'multi_select', 'date', 'datetime', 'text', 'textarea', 'number', 'link', 'connection', 'location', 'location_meta', 'communication_channel', 'tags', 'user_select' ] );
+            $allowed_types = apply_filters( 'dt_render_field_for_display_allowed_types', [ 'boolean', 'key_select', 'multi_select', 'date', 'datetime', 'text', 'textarea', 'number', 'link', 'connection', 'location', 'location_meta', 'communication_channel', 'tags', 'user_select', 'multi_text_groups' ] );
             if ( !in_array( $field_type, $allowed_types ) ){
                 return;
             }
@@ -654,6 +654,9 @@ function render_field_for_display( $field_key, $fields, $post, $show_extra_contr
                 case 'user_select':
                     DT_Components::render_user_select( $field_key, $fields, $post, $params );
                     break;
+                case 'multi_text_groups':
+                    DT_Components::render_multi_text_groups( $field_key, $fields, $post, $params );
+                    break;
                 default:
                     $is_legacy = true;
                     break;

dt-core/utilities/dt-components.php

@@ -34,7 +34,8 @@ public static function shared_attributes( $field_key, $fields, $post, $params =
             'location_meta',
             'communication_channel',
             'tags',
-            'user_select'
+            'user_select',
+            'multi_text_groups',
         ] );
         if ( !in_array( $field_type, $allowed_types ) ){
             return;
@@ -321,4 +322,14 @@ public static function render_user_select( $field_key, $fields, $post, $params =
         </dt-users-connection>
         <?php
     }
+
+    public static function render_multi_text_groups( $field_key, $fields, $post, $params = [] ) {
+        $shared_attributes = self::shared_attributes( $field_key, $fields, $post, $params );
+        ?>
+        <dt-multi-text-groups <?php echo wp_kses_post( $shared_attributes ) ?>
+            value="<?php echo esc_attr( isset( $post[$field_key] ) ? json_encode( $post[$field_key] ) : '' ) ?>">
+            <?php dt_render_icon_slot( $fields[$field_key] ) ?>
+        </dt-multi-text-groups>
+        <?php
+    }
 }

dt-import/admin/dt-import-admin-tab.php

@@ -324,7 +324,8 @@ private function get_field_types() {
             'connection' => __( 'Connection', 'disciple_tools' ),
             'user_select' => __( 'User Select', 'disciple_tools' ),
             'location' => __( 'Location', 'disciple_tools' ),
-            'location_meta' => __( 'Location Meta', 'disciple_tools' )
+            'location_meta' => __( 'Location Meta', 'disciple_tools' ),
+            'multi_text_groups' => __( 'Multi Text Groups', 'disciple_tools' )
         ];
     }
 

dt-posts/dt-posts.php

@@ -3275,6 +3275,11 @@ public static function get_field_types(){
                 'description' => 'Array of data',
                 'user_creatable' => false,
             ],
+            'multi_text_groups' => [
+                'label' => 'Multi Text Groups',
+                'description' => 'Field for multiple text inputs grouped together',
+                'user_creatable' => true,
+            ],
         ];
     }
 }

dt-users/user-metrics.php

@@ -63,7 +63,7 @@ public static function get_user_activity( $user_id, $include = [] ) {
          * This hard coded array has come from the filter dt_render_field_for_display_allowed_types
          * and needs to be refactored for both here and there.
          */
-        $allowed_field_types = [ 'key_select', 'multi_select', 'date', 'datetime', 'text', 'textarea', 'number', 'connection', 'location', 'location_meta', 'communication_channel', 'tags', 'user_select' ];
+        $allowed_field_types = [ 'key_select', 'multi_select', 'date', 'datetime', 'text', 'textarea', 'number', 'connection', 'location', 'location_meta', 'communication_channel', 'tags', 'user_select', 'multi_text_groups' ];
         array_push( $allowed_field_types, '' );
         $allowed_field_types_sql = dt_array_to_sql( $allowed_field_types );
         $allowed_post_statuses_sql = dt_array_to_sql( [ 'publish' ] );