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

   1 <md-dialog class="user-dialog" aria-label="{{vm.name}}">
   2   <form name="userForm" 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">{{ ' STAFF.MANAGE_API_KEY' | 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-card layout-fill layout-padding>
  20       <textarea
  21         class="api-key-area"
  22         ng-model="vm.user.apiKey"
  23         rows="6"
  24         disabled
  25       ></textarea>
  26     </md-card>
  27
  28     <md-dialog-actions layout="row" layout-align="space-between center">
  29       <div layout="row" layout-align="start center">
  30         <md-button
  31           type="submit"
  32           ng-click="vm.generateApiKey()"
  33           class="send-button md-accent md-raised"
  34           aria-label="Generate"
  35           translate="{{ vm.user.apiKey === 'N/A' ? 'STAFF.GENERATE' : 'STAFF.REGENERATE' }}"
  36           translate-attr-aria-label="STAFF.GENERATE"
  37         >
  38           Generate
  39         </md-button>
  40         <md-button
  41           type="submit"
  42           ng-click="vm.removeApiKey()"
  43           class="send-button md-accent md-raised"
  44           aria-label="Remove"
  45           translate="STAFF.REMOVE"
  46           translate-attr-aria-label="STAFF.DELETE"
  47         >
  48           Delete
  49         </md-button>
  50       </div>
  51     </md-dialog-actions>
  52   </form>
  53 </md-dialog>