apostrophe/views/fileAnnotator.html

Apostrophe is a user-friendly content management system. This core module of Apostrophe provides rich content editing and essential facilities to integrate Apostrophe into your Express project. Apostrophe also includes simple facilities for storing your r

{% extends "baseModal.html" %}
{% include "uiMacros.html" %}
{% include "formMacros.html" %}

{% block modalClass %}
  apos-file-annotator apos-ui-modal-no-sidebar
{% endblock %}

{% block modalLabel %}
  {{ __('Edit Image Details') }}
{% endblock %}

{% block modalInstructions %}
  <p>{{ __('You have uploaded these files. Please take the time to title and tag them so that you can search for them at a later date.') }}</p>
{% endblock %}

{% block modalControls %}
  {{ renderProgressBtn({dataAttrs: 'data-save', float: 'right', color: 'base', label: 'Save Changes'}) }}
  {{ renderProgressBtn({dataAttrs: 'data-cancel', float: 'left', label: 'Cancel', arrow: 'left'}) }}
{% endblock %}


{% block modalBody %}
  <form>
    <div data-items>
      <div data-item class="apos-annotate-file apos-template">
        <div class="apos-annotator-preview" data-preview>{{ __('Filename or image') }}</div>
        <div class="apos-annotator-column">
          {{ formText('title', 'Title') }}
          {{ formTextarea('description', 'Description') }}
        </div>
        <div class="apos-annotator-column">
          {{ formText('credit', 'Credit') }}
          {{ formTags('tags', 'Tags') }}
        </div>
      </div>
    </div>
  </form>
{% endblock %}