<div class="pull-left">
    <button {{action "openModal"}}
            class="btn btn-xs btn-primary pull-left">{{t "action.select.execute"}} {{t "prop.image"}}</button>
  {{#modal-dialog visible=showModal}}
      <div class="modal-body clearfix">
          <div class="row">
            {{#each images as |image|}}
                <div class="col-xs-3">
                    <div class="panel {{if image.isSelected 'panel-primary'}} square-box"
                         style="cursor: pointer;background: url('{{image.urlXSmall}}') center no-repeat; background-size: contain;" {{action 'selectImage' image}}>
                    </div>
                </div>
            {{/each}}
          </div>
      </div>
      <div class="modal-footer">
          <button class="btn btn-default pull-left" {{action 'cancel' image}} data-dismiss="modal">
              <i class="fa fa-remove"></i> {{t "action.cancel.execute"}}
          </button>
          <button class="btn btn-danger pull-right" {{action 'save' image}} data-dismiss="modal">
              <i class="fa fa-save"></i> {{t "action.select.execute"}}
          </button>
      </div>
  {{/modal-dialog}}
</div>