[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * BP Nouveau Invites main template.
   4   *
   5   * This template is used to inject the BuddyPress Backbone views
   6   * dealing with invites.
   7   *
   8   * @since 3.0.0
   9   * @version 6.0.0
  10   */
  11  ?>
  12  
  13  <?php if ( bp_is_group_create() ) : ?>
  14  
  15      <h3 class="bp-screen-title creation-step-name">
  16          <?php esc_html_e( 'Invite Members', 'buddypress' ); ?>
  17      </h3>
  18  
  19  <?php else : ?>
  20  
  21      <h2 class="bp-screen-title">
  22          <?php esc_html_e( 'Invite Members', 'buddypress' ); ?>
  23      </h2>
  24  
  25  <?php endif; ?>
  26  
  27  <div id="group-invites-container">
  28  
  29      <nav class="<?php bp_nouveau_single_item_subnav_classes(); ?>" id="subnav" role="navigation" aria-label="<?php esc_attr_e( 'Group invitations menu', 'buddypress' ); ?>"></nav>
  30  
  31      <div class="group-invites-column">
  32          <div class="subnav-filters group-subnav-filters bp-invites-filters"></div>
  33          <div class="bp-invites-feedback"></div>
  34          <div class="members bp-invites-content"></div>
  35      </div>
  36  
  37  </div>
  38  
  39  <script type="text/html" id="tmpl-bp-group-invites-feedback">
  40      <div class="bp-feedback {{data.type}}">
  41          <span class="bp-icon" aria-hidden="true"></span>
  42          <p>{{{data.message}}}</p>
  43      </div>
  44  </script>
  45  
  46  <script type="text/html" id="tmpl-bp-invites-nav">
  47      <a href="{{data.href}}" class="bp-invites-nav-item" data-nav="{{data.id}}">{{data.name}}</a>
  48  </script>
  49  
  50  <script type="text/html" id="tmpl-bp-invites-users">
  51      <div class="item-avatar">
  52          <img src="{{data.avatar}}" class="avatar" alt="">
  53      </div>
  54  
  55      <div class="item">
  56          <div class="list-title member-name">
  57              {{data.name}}
  58          </div>
  59  
  60          <# if ( undefined !== data.is_sent ) { #>
  61              <div class="item-meta">
  62  
  63                  <# if ( undefined !== data.invited_by ) { #>
  64                      <ul class="group-inviters">
  65                          <li><?php esc_html_e( 'Invited by:', 'buddypress' ); ?></li>
  66                          <# for ( i in data.invited_by ) { #>
  67                              <li><a href="{{data.invited_by[i].user_link}}" class="bp-tooltip" data-bp-tooltip="{{data.invited_by[i].user_name}}"><img src="{{data.invited_by[i].avatar}}" width="30px" class="avatar mini" alt="{{data.invited_by[i].user_name}}"></a></li>
  68                          <# } #>
  69                      </ul>
  70                  <# } #>
  71  
  72                  <p class="status">
  73                      <# if ( false === data.is_sent ) { #>
  74                          <?php esc_html_e( 'The invite has not been sent yet.', 'buddypress' ); ?>
  75                      <# } else { #>
  76                          <?php esc_html_e( 'The invite has been sent.', 'buddypress' ); ?>
  77                      <# } #>
  78                  </p>
  79  
  80              </div>
  81          <# } #>
  82      </div>
  83  
  84      <div class="action">
  85          <# if ( undefined === data.is_sent || ( false === data.is_sent && true === data.can_edit ) ) { #>
  86              <button type="button" class="button invite-button group-add-remove-invite-button bp-tooltip bp-icons<# if ( data.selected ) { #> selected<# } #>" data-bp-tooltip="<# if ( data.selected ) { #><?php esc_attr_e( 'Cancel invitation', 'buddypress' ); ?><# } else { #><?php echo esc_attr_x( 'Invite', 'button', 'buddypress' ); ?><# } #>">
  87                  <span class="icons" aria-hidden="true"></span>
  88                  <span class="bp-screen-reader-text">
  89                      <# if ( data.selected ) { #>
  90                          <?php echo esc_html_x( 'Cancel invitation', 'button', 'buddypress' ); ?>
  91                      <# } else { #>
  92                          <?php echo esc_html_x( 'Invite', 'button', 'buddypress' ); ?>
  93                      <# } #>
  94                  </span>
  95              </button>
  96          <# } #>
  97  
  98          <# if ( undefined !== data.can_edit && true === data.can_edit ) { #>
  99              <button type="button" class="button invite-button group-remove-invite-button bp-tooltip bp-icons" data-bp-tooltip="<?php echo esc_attr_x( 'Cancel invitation', 'button', 'buddypress' ); ?>">
 100                  <span class=" icons" aria-hidden="true"></span>
 101                  <span class="bp-screen-reader-text"><?php echo esc_attr_x( 'Cancel invitation', 'button', 'buddypress' ); ?></span>
 102              </button>
 103          <# } #>
 104      </div>
 105  
 106  </script>
 107  
 108  <script type="text/html" id="tmpl-bp-invites-selection">
 109      <a href="#uninvite-user-{{data.id}}" class="bp-tooltip" data-bp-tooltip="{{data.uninviteTooltip}}" aria-label="{{data.uninviteTooltip}}">
 110          <img src="{{data.avatar}}" class="avatar" alt=""/>
 111      </a>
 112  </script>
 113  
 114  <script type="text/html" id="tmpl-bp-invites-form">
 115  
 116      <label for="send-invites-control"><?php esc_html_e( 'Optional: add a message to your invite.', 'buddypress' ); ?></label>
 117      <textarea id="send-invites-control" class="bp-faux-placeholder-label"></textarea>
 118  
 119      <div class="action">
 120          <button type="button" id="bp-invites-reset" class="button bp-secondary-action"><?php echo esc_html_x( 'Cancel', 'button', 'buddypress' ); ?></button>
 121          <button type="button" id="bp-invites-send" class="button bp-primary-action"><?php echo esc_html_x( 'Send', 'button', 'buddypress' ); ?></button>
 122      </div>
 123  </script>
 124  
 125  <script type="text/html" id="tmpl-bp-invites-filters">
 126      <div class="group-invites-search subnav-search clearfix" role="search" >
 127          <div class="bp-search">
 128              <form action="" method="get" id="group_invites_search_form" class="bp-invites-search-form" data-bp-search="{{data.scope}}">
 129                  <label for="group_invites_search" class="bp-screen-reader-text"><?php bp_nouveau_search_default_text( _x( 'Search Members', 'heading', 'buddypress' ), false ); ?></label>
 130                  <input type="search" id="group_invites_search" placeholder="<?php echo esc_attr_x( 'Search', 'search placeholder text', 'buddypress' ); ?>"/>
 131  
 132                  <button type="submit" id="group_invites_search_submit" class="nouveau-search-submit">
 133                      <span class="dashicons dashicons-search" aria-hidden="true"></span>
 134                      <span id="button-text" class="bp-screen-reader-text"><?php echo esc_html_x( 'Search', 'button', 'buddypress' ); ?></span>
 135                  </button>
 136              </form>
 137          </div>
 138      </div>
 139  </script>
 140  
 141  <script type="text/html" id="tmpl-bp-invites-paginate">
 142      <# if ( 1 !== data.page ) { #>
 143          <a href="#previous-page" id="bp-invites-prev-page" class="button invite-button bp-tooltip" data-bp-tooltip="<?php echo esc_attr_x( 'Previous page', 'link', 'buddypress' ); ?>">
 144              <span class="dashicons dashicons-arrow-left" aria-hidden="true"></span>
 145              <span class="bp-screen-reader-text"><?php echo esc_html_x( 'Previous page', 'link', 'buddypress' ); ?></span>
 146          </a>
 147      <# } #>
 148  
 149      <# if ( data.total_page !== data.page ) { #>
 150          <a href="#next-page" id="bp-invites-next-page" class="button invite-button bp-tooltip" data-bp-tooltip="<?php echo esc_attr_x( 'Next page', 'link', 'buddypress' ); ?>">
 151              <span class="bp-screen-reader-text"><?php echo esc_html_x( 'Next page', 'link', 'buddypress' ); ?></span>
 152              <span class="dashicons dashicons-arrow-right" aria-hidden="true"></span>
 153          </a>
 154      <# } #>
 155  </script>