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>