Skip to:
Content

BuddyPress.org


Ignore:
Timestamp:
11/21/2014 09:07:47 PM (11 years ago)
Author:
boonebgorges
Message:

Improvements to the messages thread interface.

  • Introduce noscript support for bulk actions.
  • Revise structure and markup to better match the Notifications table.
  • Add "Read/Unread" and "Delete" links for each message thread.
  • Remove unnecessary "Select Read/Unread" dropdown.
  • Introduce a number of new template functions in support of the new interface.

Props lakrisgubben.
See #6005.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-legacy/buddypress/members/single/messages/messages-loop.php

    r9089 r9161  
    1717    <?php do_action( 'bp_after_member_messages_pagination' ); ?>
    1818
    19     <?php do_action( 'bp_before_member_messages_threads'   ); ?>
     19    <?php do_action( 'bp_before_member_messages_threads' ); ?>
    2020
    21     <table id="message-threads" class="messages-notices">
    22         <?php while ( bp_message_threads() ) : bp_message_thread(); ?>
     21    <form action="<?php echo bp_loggedin_user_domain() . bp_get_messages_slug() . '/' . bp_current_action() ?>/bulk-manage/" method="post" id="messages-bulk-management">
    2322
    24             <tr id="m-<?php bp_message_thread_id(); ?>" class="<?php bp_message_css_class(); ?><?php if ( bp_message_thread_has_unread() ) : ?> unread<?php else: ?> read<?php endif; ?>">
    25                 <td width="1%" class="thread-count">
    26                     <span class="unread-count"><?php bp_message_thread_unread_count(); ?></span>
    27                 </td>
    28                 <td width="1%" class="thread-avatar"><?php bp_message_thread_avatar(); ?></td>
     23        <table id="message-threads" class="messages-notices">
    2924
    30                 <?php if ( 'sentbox' != bp_current_action() ) : ?>
    31                     <td width="30%" class="thread-from">
    32                         <?php _e( 'From:', 'buddypress' ); ?> <?php bp_message_thread_from(); ?><br />
    33                         <span class="activity"><?php bp_message_thread_last_post_date(); ?></span>
    34                     </td>
    35                 <?php else: ?>
    36                     <td width="30%" class="thread-from">
    37                         <?php _e( 'To:', 'buddypress' ); ?> <?php bp_message_thread_to(); ?><br />
    38                         <span class="activity"><?php bp_message_thread_last_post_date(); ?></span>
    39                     </td>
    40                 <?php endif; ?>
     25            <thead>
     26                <tr>
     27                    <th scope="col" class="thread-checkbox"><label class="bp-screen-reader-text" for="select-all-messages"><?php _e( 'Select all', 'buddypress' ); ?></label><input id="select-all-messages" type="checkbox"></th>
     28                    <th scope="col" class="thread-from"><?php _e( 'From', 'buddypress' ); ?></th>
     29                    <th scope="col" class="thread-info"><?php _e( 'Subject', 'buddypress' ); ?></th>
     30                    <th scope="col" class="thread-options"><?php _e( 'Actions', 'buddypress' ); ?></th>
     31                </tr>
     32            </thead>
    4133
    42                 <td width="50%" class="thread-info">
    43                     <p><a href="<?php bp_message_thread_view_link(); ?>" title="<?php esc_attr_e( "View Message", "buddypress" ); ?>"><?php bp_message_thread_subject(); ?></a></p>
    44                     <p class="thread-excerpt"><?php bp_message_thread_excerpt(); ?></p>
    45                 </td>
     34            <tbody>
    4635
    47                 <?php do_action( 'bp_messages_inbox_list_item' ); ?>
     36                <?php while ( bp_message_threads() ) : bp_message_thread(); ?>
    4837
    49                 <td width="13%" class="thread-options">
    50                     <input type="checkbox" name="message_ids[]" value="<?php bp_message_thread_id(); ?>" />
    51                     <a class="button confirm" href="<?php bp_message_thread_delete_link(); ?>" title="<?php esc_attr_e( "Delete Conversation", "buddypress" ); ?>"><?php _e( 'Delete', 'buddypress' ); ?></a> &nbsp;
    52                 </td>
    53             </tr>
     38                    <tr id="m-<?php bp_message_thread_id(); ?>" class="<?php bp_message_css_class(); ?><?php if ( bp_message_thread_has_unread() ) : ?> unread<?php else: ?> read<?php endif; ?>">
     39                        <td>
     40                            <input type="checkbox" name="message_ids[]" class="message-check" value="<?php bp_message_thread_id(); ?>" />
     41                        </td>
    5442
    55         <?php endwhile; ?>
    56     </table><!-- #message-threads -->
     43                        <?php if ( 'sentbox' != bp_current_action() ) : ?>
     44                            <td class="thread-from">
     45                                <?php bp_message_thread_avatar( array( 'width' => 25, 'height' => 25 ) ); ?>
     46                                <span class="from"><?php _e( 'From:', 'buddypress' ); ?></span> <?php bp_message_thread_from(); ?>
     47                                <?php bp_message_thread_total_and_unread_count(); ?>
     48                                <span class="activity"><?php bp_message_thread_last_post_date(); ?></span>
     49                            </td>
     50                        <?php else: ?>
     51                            <td class="thread-from">
     52                                <?php bp_message_thread_avatar( array( 'width' => 25, 'height' => 25 ) ); ?>
     53                                <span class="to"><?php _e( 'To:', 'buddypress' ); ?></span> <?php bp_message_thread_to(); ?>
     54                                <?php bp_message_thread_total_and_unread_count(); ?>
     55                                <span class="activity"><?php bp_message_thread_last_post_date(); ?></span>
     56                            </td>
     57                        <?php endif; ?>
    5758
    58     <div class="messages-options-nav">
    59         <?php bp_messages_options(); ?>
    60     </div><!-- .messages-options-nav -->
     59                        <td class="thread-info">
     60                            <p><a href="<?php bp_message_thread_view_link(); ?>" title="<?php esc_attr_e( "View Message", "buddypress" ); ?>"><?php bp_message_thread_subject(); ?></a></p>
     61                            <p class="thread-excerpt"><?php bp_message_thread_excerpt(); ?></p>
     62                        </td>
     63
     64                        <?php do_action( 'bp_messages_inbox_list_item' ); ?>
     65
     66                        <td class="thread-options">
     67                            <?php if ( bp_message_thread_has_unread() ) : ?>
     68                                <a class="read" href="<?php bp_the_message_thread_mark_read_url();?>"><?php _e( 'Read', 'buddypress' ); ?></a>
     69                            <?php else : ?>
     70                                <a class="unread" href="<?php bp_the_message_thread_mark_unread_url();?>"><?php _e( 'Unread', 'buddypress' ); ?></a>
     71                            <?php endif; ?>
     72                             |
     73                            <a class="delete" href="<?php bp_message_thread_delete_link(); ?>"><?php _e( 'Delete', 'buddypress' ); ?></a>
     74                        </td>
     75                    </tr>
     76
     77                <?php endwhile; ?>
     78
     79            </tbody>
     80
     81        </table><!-- #message-threads -->
     82
     83        <div class="messages-options-nav">
     84            <?php bp_messages_bulk_management_dropdown(); ?>
     85        </div><!-- .messages-options-nav -->
     86
     87        <?php wp_nonce_field( 'messages_bulk_nonce', 'messages_bulk_nonce' ); ?>
     88    </form>
    6189
    6290    <?php do_action( 'bp_after_member_messages_threads' ); ?>
Note: See TracChangeset for help on using the changeset viewer.