webogram-i2p/app/partials/user_modal.html

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

  <div class="modal-header">
    <a class="modal-close-link" ng-click="$close()">Close</a>
    <h4 class="modal-title">Info</h4>
  </div>


  <div class="modal-body">

    <div class="user_modal_image_wrap pull-left">
      <img
        class="user_modal_image"
        my-load-thumb
        thumb="userPhoto"
      />
    </div>

    <div class="user_modal_info_wrap clearfix">
      <h4 class="user_modal_header">{{user | userName}}</h4>
      <p class="user_modal_status" ng-if="user.status">{{user | userStatus}}</p>

      <p class="user_modal_phone" ng-if="user.phone">{{user.phone | phoneNumber}}</p>

      <div class="user_modal_actions_wrap clearfix">
        <button class="btn btn-primary user_modal_send_btn" ng-click="goToHistory()">Send message</button>

        <div class="dropdown user_modal_other_btn">
          <button class="btn btn-link dropdown-toggle">More<i class="icon icon-caret"></i></button>
          <ul class="dropdown-menu">
            <li ng-if="user._ == 'userContact'">
              <a ng-click="importContact(true)">Edit contact</a>
            </li>
            <li ng-if="user._ == 'userContact'">
              <a ng-click="deleteContact()">Delete contact</a>
            </li>
            <li ng-if="user.phone.length > 0 &amp;&amp; user._ != 'userContact'">
              <a ng-click="importContact()">Add to contacts</a>
            </li>
            <li ng-if="user.phone.length > 0">
              <a ng-click="shareContact()">Share contact</a>
            </li>
            <li>
              <a ng-click="flushHistory()">Delete chat</a>
            </li>
          </ul>
        </div>

      </div>
    </div>

    <div class="user_modal_settings_wrap">
      <div class="user_modal_notifications">
        Notifications:
        <a ng-click="settings.notifications = !settings.notifications">
          {{settings.notifications ? 'ON' : 'OFF'}}
        </a>
      </div>
    </div>

  </div>

</div>