ang/crmAttachment/attachments.html

   1 <div nv-file-drop nv-file-over uploader="att.uploader" class="crm-attachments">
   2   <table>
   3     <tbody>
   4     <!-- Files from DB -->
   5     <tr ng-repeat="file in att.files">
   6       <td class="filename filename-existing">
   7         <a ng-href="{{file.url}}" target="_blank">{{file.name}}</a>
   8       </td>
   9       <td>
  10         <input ng-model="file.description" class="crm-form-text" placeholder="{{ts('Description')}}"/>
  11       </td>
  12       <td>
  13         <a
  14           crm-icon="trash"
  15           crm-confirm="{message: ts('Deleting an attachment will completely remove it from server.')}" on-yes="att.deleteFile(file)"
  16           title="{{ts('Delete attachment')}}"
  17           class="crm-hover-button">
  18         </a>
  19       </td>
  20     </tr>
  21     <!-- Newly selected files -->
  22     <!-- This is fairly minimal. For examples with progress-bars and file-sizes, see https://github.com/nervgh/angular-file-upload/blob/master/examples/simple/index.html -->
  23     <tr ng-repeat="item in att.uploader.queue" ng-class="{nvReady: item.isReady, nvUploading:item.isUploading, nvUploaded:item.isUploaded,nvSuccess:item.isSuccess,nvCancel:item.isCancel,nvError:item.isError}">
  24       <td class="filename filename-new">{{item.file.name}}</td>
  25       <td>
  26         <input ng-model="item.crmData.description" class="crm-form-text" placeholder="{{ts('Description')}}"/>
  27         <!-- item.isReady item.isUploading item.isUploaded item.isSuccess item.isCancel item.isError -->
  28       </td>
  29       <td>
  30         <a crm-icon="close" ng-click="item.remove()" class="crm-hover-button" title="{{ts('Remove unsaved attachment')}}"></a>
  31       </td>
  32     </tr>
  33     </tbody>
  34   </table>
  35
  36   <!--
  37   WISHLIST Improve styling of the 'Add file' / 'Browse' button
  38   e.g. http://www.quirksmode.org/dom/inputfile.html
  39   -->
  40   <div>
  41     {{ts('Add file:')}} <input type="file" nv-file-select uploader="att.uploader" multiple/><br/>
  42   </div>
  43   <div>
  44     {{ts('Alternatively, you may add new files using drag/drop.')}}
  45   </div>
  46 </div>