Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
05/25/2018 03:48:20 AM (3 years ago)
Author:
imath
Message:

BP Nouveau: Improve Messages UI extensibility

In BP Nouveau, the Messages UI is a Backbone based one. This means current legacy hooks inserted into the JS templates are a bit more different to use for plugin developers as it requires them to use JavaScript to get the data models. If the current AJAX requests still need a way to be extended to fetch extra data such as specific Messages metas, this commit is a first step to help plugin developers to insert content into the Messages UI without changing their habits about using the PHP Messages template global variables to get data about the Messages loop. This is done by introducing the back compatibility function bp_nouveau_messages_catch_hook_content(). This function is used during the AJAX requests that are fetching messages for a specific thread. As a start, 2 legacy hooks have been moved from the JS Template level to this higher level :

  • bp_before_message_content
  • bp_after_message_content

If actions are attached to these hooks their outputs will be caught using the buffer and will be "transported" as new properties, respectively beforeContent and afterContent, of the JSON reply that is used by the Messages UI. If these 2 properties are set and populated, their content will be output inside the corresponding JS templates.

Props pareshradadiya

See #7847 (Trunk)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php

    r12115 r12121  
    273273    </div>
    274274
    275     <?php bp_nouveau_messages_hook( 'before', 'content' ); ?>
    276 
    277     <div class="message-content"><# print( data.content ) #></div>
    278 
    279     <?php bp_nouveau_messages_hook( 'after', 'content' ); ?>
     275    <# if ( data.beforeContent ) { #>
     276        <div class="bp-messages-hook before-message-content">{{{data.beforeContent}}}</div>
     277    <# } #>
     278
     279    <div class="message-content">{{{data.content}}}</div>
     280
     281    <# if ( data.afterContent ) { #>
     282        <div class="bp-messages-hook after-message-content">{{{data.afterContent}}}</div>
     283    <# } #>
    280284
    281285</script>
Note: See TracChangeset for help on using the changeset viewer.