webogram-i2p/app/partials/mobile/import_contact_modal.html

<div class="import_modal_wrap">

  <div class="tg_page_head tg_modal_head">
    <div class="navbar navbar-static-top navbar-inverse">
      <div class="container">

        <div class="navbar-header">

          <ul class="nav navbar-nav navbar-quick-nav">
            <li class="navbar-quick-right">
              <a ng-class="{disabled: progress.enabled}" ng-click="doImport()" ng-bind="progress.enabled ? 'Importing...' : 'Save'" ng-disabled="progress.enabled"></a>
            </li>
            <li>
              <a ng-click="$dismiss()" class="navbar-quick-media-back">
                <i class="icon icon-back"></i>
                <div class="navbar-quick-back-title">
                  <h4>
                    Add new contact
                  </h4>
                </div>
              </a>
            </li>
          </ul>

        </div>

      </div>
    </div>
  </div>

  <div class="modal-body">

    <form class="modal_simple_form" ng-submit="doImport()" my-vertical-position="0.3">

      <div class="form-group">
        <input class="form-control input-lg" my-focused type="text" placeholder="Phone number" ng-model="importContact.phone"/>
      </div>
      <div class="form-group">
        <input class="form-control input-lg" type="text" placeholder="First name" ng-model="importContact.first_name"/>
      </div>
      <div class="form-group">
        <input class="form-control input-lg" type="text" placeholder="Last name" ng-model="importContact.last_name"/>
      </div>

    </form>

  </div>

  <div class="modal-footer" ng-if="phonebookAvailable">
    <a class="btn btn-link" ng-click="importPhonebook()">Phonebook</a>
  </div>

</div>