profile-image-editor.html 947 Bytes
<div class="modal-header">
  <h3>{{"profile.image.edit" | translate}}</h3>
</div>
<div class="modal-body">
  <form class="">
		<div ngf-drop ng-model="ctrl.picFile" ngf-pattern="image/*" class="cropArea">
			<img-crop image="ctrl.picFile  | ngfDataUrl" area-type="square"
				result-image="ctrl.croppedDataUrl" ng-init="ctrl.croppedDataUrl=''">
			</img-crop>
		</div>
		<div>
			<img ng-src="{{ctrl.croppedDataUrl}}" />
		</div>
		<span class="progress" ng-show="progress >= 0">
			<div style="width: {{progress" ng-bind="progress + '%'"></div>
		</span> <span ng-show="ctrl.result">Upload Successful</span> <span class="err"
			ng-show="ctrl.errorMsg">{{errorMsg}}</span>
  </form>

  <div class="actions">
    <button type="submit" class="btn btn-default" (click)="ctrl.uploadImage(ctrl.croppedDataUrl, ctrl.picFile.name)">Upload</button>
    <button type="submit" class="btn btn-danger" (click)="ctrl.cancel()">Cancel</button>
  </div>
</div>