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

Timestamp:

05/02/2018 05:25:24 PM (8 years ago)

Author:

imath

Message:

BP Nouveau: add interactivity to starring buttons in single Messages

• Make sure the BP Tooltip is displayed
• Toggle the color of the star when starring unstarring
• Move the feedback messages over the threads

Props mercime

Fixes #7723

File:

• trunk/src/bp-templates/bp-nouveau/buddypress/common/js-templates/messages/index.php (modified) (2 diffs)

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

@@ -10 +10 @@
 ?>
 <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>
-<div class="bp-messages-feedback"></div>
 
 <script type="text/html" id="tmpl-bp-messages-form">
@@ -229 +230 @@
             <# if ( undefined !== data.star_link ) { #>
 
-                <?php $test = 1; ?>
-
-                <# if ( false !== data.is_starred ) { #>
-                    <button type="button" class="message-action-unstar bp-tooltip bp-icons" data-bp-star-link="{{data.star_link}}" data-bp-action="unstar" data-bp-tooltip="<?php esc_attr_e( 'Unstar Message', 'buddypress' ); ?>">
-                        <span class="bp-screen-reader-text"><?php esc_html_e( 'Unstar Message', 'buddypress' ); ?></span>
-                    </button>
-                <# } else { #>
-                    <button type="button" class="message-action-star bp-tooltip bp-icons" data-bp-star-link="{{data.star_link}}" data-bp-action="star" data-bp-tooltip="<?php esc_attr_e( 'Star Message', 'buddypress' ); ?>">
-                        <span class="bp-screen-reader-text"><?php esc_html_e( 'Star Message', 'buddypress' ); ?></span>
-                    </button>
-                <# } #>
+                <button type="button" class="message-action-unstar bp-tooltip bp-icons <# if ( false === data.is_starred ) { #>bp-hide<# } #>" data-bp-star-link="{{data.star_link}}" data-bp-action="unstar" data-bp-tooltip="<?php esc_attr_e( 'Unstar Message', 'buddypress' ); ?>">
+                    <span class="bp-screen-reader-text"><?php esc_html_e( 'Unstar Message', 'buddypress' ); ?></span>
+                </button>
+
+                <button type="button" class="message-action-star bp-tooltip bp-icons <# if ( false !== data.is_starred ) { #>bp-hide<# } #>" data-bp-star-link="{{data.star_link}}" data-bp-action="star" data-bp-tooltip="<?php esc_attr_e( 'Star Message', 'buddypress' ); ?>">
+                    <span class="bp-screen-reader-text"><?php esc_html_e( 'Star Message', 'buddypress' ); ?></span>
+                </button>
 
             <# } #>