Changeset 13200

Timestamp:

12/26/2021 12:40:02 PM (3 years ago)

Author:

imath

Message:

BP Nouveau: Inject Private Messages 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 have been moved out of the JS Template and a backward compatibility for potential plugins still expecting these placeholders into this templates has been put in place.

See #8474

Location:

trunk/src/bp-templates/bp-nouveau

Files:

• buddypress/common/js-templates/messages/index.php (modified) (1 diff)
• buddypress/members/single/messages.php (modified) (1 diff)
• includes/messages/template-tags.php (modified) (2 diffs)

trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php

@@ -9 +9 @@
  * @version 10.0.0
  */
+
+// Backward Compatibility for plugins still needing the placeholders to be located into this file.
+if ( ! did_action( '_bp_nouveau_messages_print_placeholders' ) ) {
+    bp_nouveau_messages_print_placeholders();
+}
 ?>
-<div class="subnav-filters filters user-subnav bp-messages-filters" id="subsubnav"></div>
-
-<div class="bp-messages-feedback"></div>
-<div class="bp-messages-content"></div>
 
 <script type="text/html" id="tmpl-bp-messages-feedback">

trunk/src/bp-templates/bp-nouveau/buddypress/members/single/messages.php

@@ -3 +3 @@
  * BuddyPress - Users Messages
  *
+ * @since 3.0.0
  * @version 3.0.0
  */

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

@@ -40 +40 @@
 
 /**
+ * Prints the JS Templates of the private messages UI.
+ *
+ * @since 10.0.0
+ */
+function bp_nouveau_messages_print_templates() {
+    bp_get_template_part( 'common/js-templates/messages/index' );
+}
+
+/**
+ * Prints the HTML placeholders of the private messages UI.
+ *
+ * @since 10.0.0
+ */
+function bp_nouveau_messages_print_placeholders() {
+    ?>
+    <div class="subnav-filters filters user-subnav bp-messages-filters" id="subsubnav"></div>
+
+    <div class="bp-messages-feedback"></div>
+    <div class="bp-messages-content"></div>
+    <?php
+}
+
+/**
  * Load the new Messages User Interface
  *
@@ -52 +75 @@
     do_action( 'bp_before_member_messages_content' );
 
+    /**
+     * Load the JS templates to manage Priveate Messages into site's footer.
+     *
+     * @since 10.0.0 Hook to the `wp_footer` action to print the JS templates.
+     */
+    add_action( 'wp_footer', 'bp_nouveau_messages_print_templates' );
+    bp_nouveau_messages_print_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/messahges/index.php`.
+     *
+     * @since 10.0.0
+     */
+    do_action( '_bp_nouveau_messages_print_placeholders' );
+
     // Load the Private messages UI
-    bp_get_template_part( 'common/js-templates/messages/index' );
+
 
     /**