cobuild-angular-stack/modules/coupleAccount/views/auth.wedding.photo.add.html

Base stack angular sass jade gulp

<div class="modal-header">
    <button type="button" class="close outside" ng-click="bye()" aria-label="Close">
      <span aria-hidden="true"><img src="img/close@2x.png" alt=""></span>
    </button>
    <h3 class="header-pink text-center">{{'upload-profile-picture' | translate | uppercase}}</h3>
    <p class="text-muted text-center">Escoge una de las fotos más románticas y divertidas </p>
</div>
<div id="auth-wedding" class="modal-body">
    <div class="form-group">
        <div class="profile-photo">
                <div ng-show="!cropablePhoto" class="photo drop-zone" ng-style="{backgroundImage:(originalPhoto||profilePhoto)?'url('+(originalPhoto||profilePhoto)+')':null}" ngf-drop="uploadPhotoProfile($file, $invalidFiles)" ngf-pattern="'image/*'" ngf-min-height="100" ngf-max-size="'10MB'">
                    <div class="placeholder" ng-class="{'filled':(originalPhoto||profilePhoto)}">
                        <img class="img-responsive" ng-src="{{(originalPhoto || profilePhoto) ? '/img/camara.png' :'/img/camara-big.png'}}">
                        {{'drag-photo' | translate}}...
                    </div>
                </div>
                <div ng-show="cropablePhoto" class="cropArea">
                    <img-crop area-type="square" image="cropablePhoto" result-image="profilePhoto"></img-crop>
                </div>
                <div class="text-center">
                    <button ngf-select="uploadPhotoProfile($file, $invalidFiles)" accept="image/*" ngf-min-height="100" style="margin-top: 10px" class="btn  btn-default">
                        + {{'upload-a-photo' | translate | uppercase}}
                    </button>
                </div>
        </div>
        
    </div>
</div>
<div class="modal-footer-centered">
    
    <button class="btn btn-dark btn-action btn-lg" ng-disabled="disabled" type="button" ng-click="bye()">{{'cancel' | translate | uppercase}}</button>
    <button class="btn btn-inverse btn-action btn-lg" ng-disabled="disabled || (!originalPhoto && !profilePhoto)" type="button" ng-click="save()">{{'save' | translate | uppercase}}
    </button>
</div>