| 1 | {%- extends 'baseModal.html' -%}
|
| 2 | {%- include 'uiMacros.html' -%}
|
| 3 | {%- include 'formMacros.html' -%}
|
| 4 | {%- include 'permissionsMacros.html' -%}
|
| 5 |
|
| 6 | {%- block modalClass -%}
|
| 7 | apos-new-page-settings apos-ui-modal-no-sidebar apos-ui-modal-has-tabs
|
| 8 | {%- endblock-%}
|
| 9 |
|
| 10 | {%- block modalControls -%}
|
| 11 | {{ renderProgressBtn({dataAttrs: 'data-save', float: 'right', color: 'base', label: 'Save'}) }}
|
| 12 | {{ renderProgressBtn({dataAttrs: 'data-cancel', float: 'left', label: 'Cancel'}) }}
|
| 13 | {%- endblock -%}
|
| 14 |
|
| 15 | {%- block modalLabel -%}
|
| 16 | {{ __('New Page') }}
|
| 17 | {%- endblock -%}
|
| 18 |
|
| 19 | {%- block modalBody -%}
|
| 20 | <form>
|
| 21 | {{ formText('title', 'Title') }}
|
| 22 | {# JS will populate it #}
|
| 23 | <div class="apos-modal-tabs">
|
| 24 | <div class="apos-modal-tab-control">
|
| 25 | <div class="apos-modal-tab-title apos-active" data-tab="groupSettings">
|
| 26 | Settings
|
| 27 | </div>
|
| 28 | <div class="apos-modal-tab-title" data-tab="groupPermissions">
|
| 29 | Permissions
|
| 30 | </div>
|
| 31 | </div>
|
| 32 |
|
| 33 | <div class="apos-modal-tab apos-active" data-tab-id="groupSettings">
|
| 34 | <div class="apos-modal-tab-content">
|
| 35 | {{ formSelect('type', 'Type', []) }}
|
| 36 | {{ formBoolean('published', 'Published') }}
|
| 37 | {{ formBoolean('notOrphan', 'Show in Navigation') }}
|
| 38 | {%- block slug -%}
|
| 39 | {%- endblock -%}
|
| 40 | {{ formText('seoDescription', 'SEO Description', { limit: 155 }) }}
|
| 41 | {{ formTags('tags', 'Tags') }}
|
| 42 | <div data-type-details></div>
|
| 43 | </div>
|
| 44 | </div>
|
| 45 |
|
| 46 | <div class="apos-modal-tab" data-tab-id="groupPermissions">
|
| 47 | <div class="apos-modal-tab-content">
|
| 48 | {# Must contain the entirety of the permissions editor for js. -Tom #}
|
| 49 | <div data-permissions>
|
| 50 | {%- block permissionsEditor -%}
|
| 51 | {{ permissionsEditor({ propagate: false, workflow: workflow }) }}
|
| 52 | {%- endblock -%}
|
| 53 | </div>
|
| 54 | </div>
|
| 55 | </div>
|
| 56 |
|
| 57 | </div>
|
| 58 | </form>
|
| 59 | {%- endblock -%}
|