public/app/main/apps/callysquare/views/projects/edit/import/import.html

   1 <md-dialog class="project-dialog" aria-label="New dialog">
   2     <form name="importForm" 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"><span translate="CALLYSQUARE.IMPORT_XML"></span></span>
   6                 </span>
   7                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   8                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   9                 </md-button>
  10             </div>
  11         </md-toolbar>
  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                     </div>
  18                     <md-button class="md-icon-button">
  19                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  20                     </md-button>
  21                 </div>
  22             </div>
  23             <div id="xml-uploader" flow-init="vm.ngFlowOptions" flow-name="vm.ngFlow.flow" flow-file-added="vm.fileAdded($file)" flow-drop flow-drag-enter="vm.dropping=true" flow-drag-leave="vm.dropping=false" ng-class="{'dropping':vm.dropping}">
  24
  25                 <div class="drop-text hint-text" layout="row" layout-align="center center">
  26                     <span translate="CALLYSQUARE.DROP_TO_UPLOAD">Drop to upload</span>
  27                 </div>
  28
  29                 <div class="upload-button" layout="column" layout-align="center center">
  30                     <md-button class="md-accent md-raised" flow-btn>
  31                         Upload
  32                     </md-button>
  33                     <span class="secondary-text mt-8" translate="CALLYSQUARE.DROP_TO_UPLOAD_MESSAGE">You can also drop files here to upload. Only XML - Max. 5MB</span>
  34                 </div>
  35             </div>
  36             <div class="error-list">
  37                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  38                     <div>
  39                         <span class="message">{{error.message}}</span>
  40                     </div>
  41                     <md-button class="md-icon-button">
  42                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  43                     </md-button>
  44                 </div>
  45             </div>
  46         </md-dialog-content>
  47
  48         <md-dialog-actions layout="row" layout-align="space-between center">
  49             <div layout="row" layout-align="start center">
  50                 <md-button type="submit" ng-click="vm.closeDialog()" class="send-button md-accent md-raised" ng-disabled="importForm.$invalid" aria-label="CLOSE" translate="CALLYSQUARE.CLOSE" translate-attr-aria-label="CALLYSQUARE.CLOSE">
  51                     CLOSE
  52                 </md-button>
  53             </div>
  54         </md-dialog-actions>
  55     </form>
  56 </md-dialog>