public/app/main/apps/contactmanager/views/contacts/merge/dialog.html

   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 class="md-toolbar-tools" layout="row" layout-align="space-between center">
   5                 <span class="title">{{ vm.title | translate }}</span>
   6                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   7                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   8                 </md-button>
   9             </div>
  10         </md-toolbar>
  11
  12         <md-dialog-content ms-scroll>
  13             <div class="error-list">
  14                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  15                     <div>
  16                         <span class="message">{{error.message}}</span>
  17                         <span class="type">({{error.type}})</span>
  18                     </div>
  19                     <md-button class="md-icon-button">
  20                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  21                     </md-button>
  22                 </div>
  23             </div>
  24
  25             <md-input-container class="md-block" flex-gt-sm>
  26                 <label>Filter</label>
  27                 <input ng-model="vm.searchTerm" name="searchTerm" ng-model-options="{ debounce: 300 }" ng-change="vm.change()">
  28             </md-input-container>
  29
  30             <md-list flex>
  31                 <md-subheader class="md-no-sticky" ng-hide="vm.contacts.length"><em>Filter doesn't match any contact</em></md-subheader>
  32                 <md-list-item class="md-3-line" ng-repeat="contact in vm.contacts | filter:{ id: '!' + vm.contact.id}" ng-click="vm.showConfirm($event, vm.contact, contact)">
  33                     <img ng-src="assets/images/avatars/profile.jpg" class="md-avatar" alt="{{contact.who}}" />
  34                     <div class="md-list-item-text" layout="column">
  35                         <h3>#{{ contact.id }} - {{ contact.firstName }} {{ contact.lastName }}</h3>
  36                         <h4>{{ contact.email }}</h4>
  37                         <p>{{ contact.phone }}</p>
  38                     </div>
  39                 </md-list-item>
  40             </md-list>
  41
  42             <div class="error-list">
  43                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  44                     <div>
  45                         <span class="message">{{error.message}}</span>
  46                         <span class="type">({{error.type}})</span>
  47                     </div>
  48                     <md-button class="md-icon-button">
  49                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  50                     </md-button>
  51                 </div>
  52             </div>
  53         </md-dialog-content>
  54     </form>
  55 </md-dialog>