Changeset 13193 for trunk/src/bp-templates/bp-nouveau/includes/groups/template-tags.php

Timestamp:

12/18/2021 07:25:13 PM (3 years ago)

Author:

imath

Message:

Inject Group's Invites & Manage Members JS templates into footer

To make sure JS Templates are injected without being altered in WordPress themes supporting the Full Site Editing feature, we are now doing it inside the page's footer.

HTML placeholders for both UI have been moved out of the JS Templates and a backward compatibility for potential plugins still expecting these placeholders into these templates has been put in place.

See #8474

File:

• trunk/src/bp-templates/bp-nouveau/includes/groups/template-tags.php (modified) (3 diffs)

trunk/src/bp-templates/bp-nouveau/includes/groups/template-tags.php

@@ -4 +4 @@
  *
  * @since 3.0.0
- * @version 9.0.0
+ * @version 10.0.0
  */
 
@@ -158 +158 @@
 
 /**
+ * Prints the JS Templates to invite new members to join the Group.
+ *
+ * @since 10.0.0
+ */
+function bp_nouveau_group_print_invites_templates() {
+    bp_get_template_part( 'common/js-templates/invites/index' );
+}
+
+/**
+ * Prints the HTML placeholders to invite new members to join the Group.
+ *
+ * @since 10.0.0
+ */
+function bp_nouveau_group_print_invites_placeholders() {
+    if ( bp_is_group_create() ) : ?>
+
+        <h3 class="bp-screen-title creation-step-name">
+            <?php esc_html_e( 'Invite Members', 'buddypress' ); ?>
+        </h3>
+
+    <?php else : ?>
+
+        <h2 class="bp-screen-title">
+            <?php esc_html_e( 'Invite Members', 'buddypress' ); ?>
+        </h2>
+
+    <?php endif; ?>
+
+    <div id="group-invites-container">
+        <nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
+        <div class="group-invites-column">
+            <div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
+            <div class="bp-invites-feedback"></div>
+            <div class="members bp-invites-content"></div>
+        </div>
+    </div>
+    <?php
+}
+
+/**
  * Load the Group Invites UI.
  *
@@ -172 +212 @@
     do_action( 'bp_before_group_send_invites_content' );
 
-    bp_get_template_part( 'common/js-templates/invites/index' );
+    /**
+     * Get the templates to manage Group Members using the BP REST API.
+     *
+     * @since 10.0.0 Hook to the `wp_footer` action to print the JS templates.
+     */
+    add_action( 'wp_footer', 'bp_nouveau_group_print_invites_templates' );
+    bp_nouveau_group_print_invites_placeholders();
+
+    /**
+     * Private hook to preserve backward compatibility with plugins needing the above placeholders to be located
+     * into: `bp-templates/bp-nouveau/buddypress/common/js-templates/invites/index.php`.
+     *
+     * @since 10.0.0
+     */
+    do_action( '_bp_nouveau_group_print_invites_placeholders' );
 
     /**