[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 10.0.0
  10   */
  11  
  12  // Backward Compatibility for plugins still needing the placeholders to be located into this file.
  13  if ( ! did_action( '_bp_nouveau_group_print_invites_placeholders' ) ) {
  14      /**
  15       * Placeholders to inject elements of the UI
  16       * to manage Group members.
  17       *
  18       * @since 5.0.0
  19       */
  20      bp_nouveau_group_print_invites_placeholders();
  21  }
  22  ?>
  23  
  24  <script type="text/html" id="tmpl-bp-group-invites-feedback">
  25      <div class="bp-feedback {{data.type}}">
  26          <span class="bp-icon" aria-hidden="true"></span>
  27          <p>{{{data.message}}}</p>
  28      </div>
  29  </script>
  30  
  31  <script type="text/html" id="tmpl-bp-invites-nav">
  32      <a href="{{data.href}}" class="bp-invites-nav-item" data-nav="{{data.id}}">{{data.name}}</a>
  33  </script>
  34  
  35  <script type="text/html" id="tmpl-bp-invites-users">
  36      <div class="item-avatar">
  37          <img src="{{data.avatar}}" class="avatar" alt="">
  38      </div>
  39  
  40      <div class="item">
  41          <div class="list-title member-name">
  42              {{data.name}}
  43          </div>
  44  
  45          <# if ( 'invited' === data.scope ) { #>
  46              <div class="item-meta">
  47  
  48                  <# if ( data.invited_by.length > 0 ) { #>
  49                      <ul class="group-inviters">
  50                          <li><?php esc_html_e( 'Invited by:', 'buddypress' ); ?></li>
  51                          <# for ( i in data.invited_by ) { #>
  52                              <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>
  53                          <# } #>
  54                      </ul>
  55                  <# } #>
  56  
  57                  <p class="status">
  58                      <# if ( false === data.is_sent ) { #>
  59                          <?php esc_html_e( 'The invite has not been sent yet.', 'buddypress' ); ?>
  60                      <# } else { #>
  61                          <?php esc_html_e( 'The invite has been sent.', 'buddypress' ); ?>
  62                      <# } #>
  63                  </p>
  64  
  65              </div>
  66          <# } #>
  67      </div>
  68  
  69      <div class="action">
  70          <# if ( true === data.can_invite ) { #>
  71              <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' ); ?><# } #>">
  72                  <span class="icons" aria-hidden="true"></span>
  73                  <span class="bp-screen-reader-text">
  74                      <# if ( data.selected ) { #>
  75                          <?php echo esc_html_x( 'Cancel invitation', 'button', 'buddypress' ); ?>
  76                      <# } else { #>
  77                          <?php echo esc_html_x( 'Invite', 'button', 'buddypress' ); ?>
  78                      <# } #>
  79                  </span>
  80              </button>
  81          <# } #>
  82  
  83          <# if ( true === data.can_edit ) { #>
  84              <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' ); ?>">
  85                  <span class=" icons" aria-hidden="true"></span>
  86                  <span class="bp-screen-reader-text"><?php echo esc_attr_x( 'Cancel invitation', 'button', 'buddypress' ); ?></span>
  87              </button>
  88          <# } #>
  89      </div>
  90  
  91  </script>
  92  
  93  <script type="text/html" id="tmpl-bp-invites-selection">
  94      <a href="#uninvite-user-{{data.id}}" class="bp-tooltip" data-bp-tooltip="{{data.uninviteTooltip}}" aria-label="{{data.uninviteTooltip}}">
  95          <img src="{{data.avatar}}" class="avatar" alt=""/>
  96      </a>
  97  </script>
  98  
  99  <script type="text/html" id="tmpl-bp-invites-form">
 100  
 101      <label for="send-invites-control"><?php esc_html_e( 'Optional: add a message to your invite.', 'buddypress' ); ?></label>
 102      <textarea id="send-invites-control" class="bp-faux-placeholder-label"></textarea>
 103  
 104      <div class="action">
 105          <button type="button" id="bp-invites-reset" class="button bp-secondary-action"><?php echo esc_html_x( 'Cancel', 'button', 'buddypress' ); ?></button>
 106          <button type="button" id="bp-invites-send" class="button bp-primary-action"><?php echo esc_html_x( 'Send', 'button', 'buddypress' ); ?></button>
 107      </div>
 108  </script>
 109  
 110  <script type="text/html" id="tmpl-bp-invites-filters">
 111      <div class="group-invites-search subnav-search clearfix" role="search" >
 112          <div class="bp-search">
 113              <form action="" method="get" id="group_invites_search_form" class="bp-invites-search-form" data-bp-search="{{data.scope}}">
 114                  <label for="group_invites_search" class="bp-screen-reader-text"><?php bp_nouveau_search_default_text( _x( 'Search Members', 'heading', 'buddypress' ), false ); ?></label>
 115                  <input type="search" id="group_invites_search" placeholder="<?php echo esc_attr_x( 'Search', 'search placeholder text', 'buddypress' ); ?>"/>
 116  
 117                  <button type="submit" id="group_invites_search_submit" class="nouveau-search-submit">
 118                      <span class="dashicons dashicons-search" aria-hidden="true"></span>
 119                      <span id="button-text" class="bp-screen-reader-text"><?php echo esc_html_x( 'Search', 'button', 'buddypress' ); ?></span>
 120                  </button>
 121              </form>
 122          </div>
 123      </div>
 124  </script>
 125  
 126  <script type="text/html" id="tmpl-bp-invites-paginate">
 127      <# if ( 1 !== data.page ) { #>
 128          <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' ); ?>">
 129              <span class="dashicons dashicons-arrow-left" aria-hidden="true"></span>
 130              <span class="bp-screen-reader-text"><?php echo esc_html_x( 'Previous page', 'link', 'buddypress' ); ?></span>
 131          </a>
 132      <# } #>
 133  
 134      <# if ( data.total_page !== data.page ) { #>
 135          <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' ); ?>">
 136              <span class="bp-screen-reader-text"><?php echo esc_html_x( 'Next page', 'link', 'buddypress' ); ?></span>
 137              <span class="dashicons dashicons-arrow-right" aria-hidden="true"></span>
 138          </a>
 139      <# } #>
 140  </script>