Motion >> Repos - motion-next.git/blob

   1 <md-dialog class="cm-contact-dialog" aria-label="Merge Contact">
   2   <form name="contactForm" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title">{{ vm.title | translate }}</span>
  10         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  11           <md-icon
  12             md-font-icon="icon-close"
  13             aria-label="Close dialog"
  14           ></md-icon>
  15         </md-button>
  16       </div>
  17     </md-toolbar>
  18
  19     <md-dialog-content ms-scroll>
  20       <div class="error-list">
  21         <div
  22           ng-repeat="error in vm.errors"
  23           class="error"
  24           layout="row"
  25           layout-align="space-between center"
  26         >
  27           <div>
  28             <span class="message">{{error.message}}</span>
  29             <span class="type">({{error.type}})</span>
  30           </div>
  31           <md-button class="md-icon-button">
  32             <md-icon
  33               md-font-icon="icon-alert-box"
  34               aria-label="alert error"
  35               class="s16"
  36             ></md-icon>
  37           </md-button>
  38         </div>
  39       </div>
  40
  41       <md-input-container class="md-block" flex-gt-sm>
  42         <label>Filter</label>
  43         <input
  44           ng-model="vm.searchTerm"
  45           name="searchTerm"
  46           ng-model-options="{ debounce: 300 }"
  47           ng-change="vm.change()"
  48         />
  49       </md-input-container>
  50
  51       <md-list flex>
  52         <md-subheader class="md-no-sticky" ng-hide="vm.contacts.length"
  53           ><em>Filter doesn't match any contact</em></md-subheader
  54         >
  55         <md-list-item
  56           class="md-3-line"
  57           ng-repeat="contact in vm.contacts | filter:{ id: '!' + vm.contact.id}"
  58           ng-click="vm.showConfirm($event, vm.contact, contact)"
  59         >
  60           <img
  61             ng-src="assets/images/avatars/profile.png"
  62             class="md-avatar"
  63             alt="{{contact.who}}"
  64           />
  65           <div class="md-list-item-text" layout="column">
  66             <h3>
  67               #{{ contact.id }} - {{ contact.firstName }} {{ contact.lastName }}
  68             </h3>
  69             <h4>{{ contact.email }}</h4>
  70             <p>{{ contact.phone }}</p>
  71           </div>
  72         </md-list-item>
  73       </md-list>
  74
  75       <div class="error-list">
  76         <div
  77           ng-repeat="error in vm.errors"
  78           class="error"
  79           layout="row"
  80           layout-align="space-between center"
  81         >
  82           <div>
  83             <span class="message">{{error.message}}</span>
  84             <span class="type">({{error.type}})</span>
  85           </div>
  86           <md-button class="md-icon-button">
  87             <md-icon
  88               md-font-icon="icon-alert-box"
  89               aria-label="alert error"
  90               class="s16"
  91             ></md-icon>
  92           </md-button>
  93         </div>
  94       </div>
  95     </md-dialog-content>
  96   </form>
  97 </md-dialog>