cobuild-angular-stack
Version:
Base stack angular sass jade gulp
30 lines (29 loc) • 1.72 kB
HTML
<div class="modal-header">
<button type="button" class="close" ng-click="bye()" aria-label="Close"><span aria-hidden="true">×</span></button>
<h3 class="modal-title">{{'new' | translate}} Banner</h3>
</div>
<div id="banner-create" class="modal-body">
<form class="form-horizontal">
<div class="form-group">
<div class="profile-photo">
<div class="photo drop-zone" ng-style="{backgroundImage: coverPhoto ? 'url('+coverPhoto+')' : null}" ngf-drop="uploadPhotoProfile($file, $invalidFiles)" ngf-pattern="'image/*'" ngf-min-height="100" ngf-max-size="'10MB'">
<div class="placeholder">
{{'drag-photo' | translate}}...
</div>
</div>
<div class="text-center">
<button ngf-select="uploadPhotoProfile($file, $invalidFiles)" accept="image/*" style="margin-top: 10px" class="btn btn-sm btn-primary">
{{'search-photo' | translate}}
</button>
</div>
</div>
<div ng-show="coverPhoto" class="cropArea">
<img-crop image="cropablePhoto" area-type="rectangle" aspect-ratio="2.25" result-image="coverPhoto" result-image-size='{w:900, h: 400}' init-max-area="true"></img-crop>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-danger" ng-disabled="disabled" type="button" ng-click="bye()">{{'cancel' | translate}}</button>
<button class="btn btn-primary" ng-disabled="disabled || !coverPhoto" type="button" ng-click="save()">{{'save' | translate}}</button>
</div>