webogram-i2p/app/partials/phonebook_modal.html

<div class="contacts_modal_wrap" my-modal-position>

  <a class="modal-close-button" ng-click="$dismiss()"><i></i></a>

  <div class="modal-body">

    <div class="contacts_modal_header">
      <h4 class="contacts_modal_title">Phonebook</h4>
    </div>

    <div class="contacts_modal_search">
      <input class="form-control contacts_modal_search_field no_outline" my-focused type="search" placeholder="Search" ng-model="search.query"/>
      <a class="contacts_modal_search_clear" ng-click="search.query = ''" ng-show="search.query.length"></a>
    </div>


    <div my-contacts-list class="contacts_modal_col">

      <div class="contacts_wrap nano" my-infinite-scroller>
        <div class="contacts_scrollable_wrap nano-content">

          <ul class="contacts_modal_members_list nav nav-pills nav-stacked">

            <li class="contacts_modal_contact_wrap clearfix" ng-repeat="contact in contacts | limitTo: slice.limit track by contact.id" ng-class="{active: selectedContacts[contact.id]}">
              <a class="contacts_modal_contact" ng-click="contactSelect(contact.id)">

                <i ng-if="multiSelect" class="icon icon-contact-tick"></i>

                <div class="contacts_modal_contact_photo pull-left">
                  <img
                    class="contacts_modal_contact_photo"
                    ng-src="{{contact.photo}}"
                  />
                </div>

                <div class="contacts_modal_contact_name">
                  <span ng-bind="contact.first_name"></span>
                  <span ng-bind="contact.last_name"></span>
                </div>
                <div class="contacts_modal_contact_status" ng-repeat="phone in contact.phones">
                  <span ng-bind="phone | phoneNumber"></span>
                </div>

              </a>
            </li>

          </ul>

        </div>
      </div>

    </div>

  </div>

  <div class="modal-footer contacts_modal_panel" ng-show="multiSelect">
    <a class="btn btn-link pull-left" ng-click="toggleSelection()" ng-switch="selectedCount > 0">
      <span ng-switch-when="true">Deselect all</span>
      <span ng-switch-default>Select all</span>
    </a>
    <button class="btn btn-primary pull-right" ng-class="{disabled: !selectedCount || progress.enabled}" ng-disabled="!selectedCount || progress.enabled" ng-click="submitSelected()" type="submit" ng-switch="progress.enabled">
      <span ng-switch-when="true">Importing<span my-loading-dots></span></span>
      <span ng-switch-default>Import contacts</span>
    </button>
  </div>

</div>