cronapp-framework-js/components/templates/image.template.html

Javascript library for CronApp's projects

<div class="form-group upload-image-component"  ngf-drop ngf-change="datasource.setImage($file, datasource.active.image)" ngf-pattern="'image/*'">
  <label>Image Upload</label>
  <img style="max-height: 128px; max-width: 128px;"
       ng-if="datasource.active.image"
       data-ng-src="{{'data:image/png;base64,' + datasource.active.image}}"
       ngf-change="datasource.setImage($file, datasource.active, 'image')"
       accept="image/*">
  <img data-ng-src="{{datasource.noImageUpload}}"
       style="max-height: 128px; max-width: 128px;"
       ng-if="!datasource.active.image"
       ngf-select class="btn btn-default btn-block"
       ngf-change="datasource.setImage($file, datasource.active, 'image')" accept="image/*">
  <div class="remove btn btn-default btn-xs btn-danger" ng-if="datasource.active.image" ng-click="datasource.active.image=null">
    <span class="glyphicon glyphicon-remove"></span>
  </div>
</div>