{%- extends "apostrophe-modal:base.html" -%}
{%- import "apostrophe-modal:macros.html" as modals -%}

{%- block modalClass -%}
  apos-crop-editor apos-ui-modal-no-sidebar
{%- endblock -%}

{%- block controls -%}
  <div class="apos-modal-controls">
    {{ modals.button({dataAttrs: 'data-save', float: 'right', color: 'base', label: 'Save'}) }}
    {{ modals.button({dataAttrs: 'data-cancel', float: 'left', arrow: 'left', label: 'Cancel'}) }}
  </div>
{%- endblock -%}

{%- block label -%}
  {{ __('Crop Image') }}
{%- endblock -%}

{% block body %}
  <img class="apos-crop-image" data-crop-image />
{% endblock %}

{% block footer %}

  <div class="apos-progress-container">
    {% include "progress.html" %}
  </div>`

{% endblock %}

{%- extends "apostrophe-modal:base.html" -%}
{%- import "apostrophe-modal:macros.html" as modals -%}
{%- import "apostrophe-ui:components/buttons.html" as buttons with context -%}

{%- block modalClass -%}
  apos-crop-editor apos-ui-modal-no-sidebar
{%- endblock -%}

{%- block controls -%}
  <div class="apos-modal-controls">
    {{ buttons.minor('Cancel', { action: 'cancel' }) }}
    {{ buttons.major('Save Crop', { action: 'save' }) }}
  </div>
{%- endblock -%}

{%- block label -%}
  {{ __('Crop Image') }}
{%- endblock -%}

{% block body %}
  <img class="apos-crop-image" data-crop-image />
{% endblock %}

{% block footer %}

  <div class="apos-progress-container">
    {% include "progress.html" %}
  </div>`

{% endblock %}

Fix namespacing issue with crop editor
Fix namespacing issue with crop editor
