documize/gui/app/templates/components/document/page-heading.hbs

<div class="row no-gutters">

	<div class="col-10">
		<div class="document-structure">
			<div class="page-header">
				<span class="page-number">1</span>
				<span class="page-title">{{page.title}}</span>
			</div>
		</div>
	</div>

	<div class="col-2">
		<div class="document-structure">
			<div class="page-toolbar" id="page-toolbar-{{ page.id }}">
				{{#if permissions.documentEdit}}
					<div class="float-right">
						{{#if (is-equal page.pageType 'tab')}}
							{{#link-to 'document.section' page.id}}
								<div id="page-edit-button-{{page.id}}" class="button-icon-gray align-middle">
									<i class="material-icons">mode_edit</i>
								</div>
							{{/link-to}}
						{{else}}
							<div id="page-edit-button-{{page.id}}" class="button-icon-gray align-middle" {{action 'onEdit'}}>
								<i class="material-icons">mode_edit</i>
							</div>
						{{/if}}
						{{#if hasMenuPermissions}}
							<div class="button-icon-gap" />
							<div id="page-menu-button-{{page.id}}" class="button-icon-gray align-middle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="material-icons">more_vert</i>
							</div>
							<div class="dropdown-menu dropdown-menu-right" aria-labelledby="page-menu-button-{{page.id}}">
								{{#if permissions.documentCopy}}
									<a class="dropdown-item" href="#" id={{concat 'copy-page-button-' page.id}} data-toggle="modal" data-target={{concat '#copy-page-modal-' page.id}} data-backdrop="static">Copy</a>
								{{/if}}
								{{#if permissions.documentMove}}
									<a class="dropdown-item" href="#" id={{concat 'move-page-button-' page.id}} data-toggle="modal" data-target={{concat '#move-page-modal-' page.id}} data-backdrop="static">Move</a>
								{{/if}}
								{{#if permissions.documentTemplate}}
									<a class="dropdown-item" href="#" id={{concat 'publish-page-button-' page.id}} data-toggle="modal" data-target={{concat '#publish-page-modal-' page.id}} data-backdrop="static">Publish</a>
								{{/if}}
								{{#if permissions.documentDelete}}
									<a class="dropdown-item text-danger" href="#" id={{concat 'delete-page-button-' page.id}} data-toggle="modal" data-target={{concat '#delete-page-modal-' page.id}} data-backdrop="static">Delete</a>
								{{/if}}
							</div>
						{{/if}}
					</div>
				{{/if}}
			</div>
		</div>
	</div>

	{{#if permissions.documentCopy}}
		<div id={{concat 'copy-page-modal-' page.id}} class="modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">Copy Section</div>
					<div class="modal-body">
						<div class="form-group">
							<label>Destination Document</label>
							{{ui/ui-list-picker items=documentList nameField='name' singleSelect=true maxHeight=300}}
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-success" onclick={{action 'onCopyPage'}}>Copy</button>
					</div>
				</div>
			</div>
		</div>
	{{/if}}

	{{#if permissions.documentMove}}
		<div id={{concat 'move-page-modal-' page.id}} class="modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">Move Section</div>
					<div class="modal-body">
						<div class="form-group">
							<label>Destination Document</label>
							{{ui/ui-list-picker items=documentListOthers nameField='name' singleSelect=true maxHeight=300}}
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-success" onclick={{action 'onMovePage'}}>Move</button>
					</div>
				</div>
			</div>
		</div>
	{{/if}}

	{{#if permissions.documentDelete}}
		<div id={{concat 'delete-page-modal-' page.id}} class="modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">Delete Section</div>
					<div class="modal-body">
						<p>Are you shire you want to delete this section?</p>
						<label class="form-check-label">
							<input type="checkbox" class="form-check-input" checked={{deleteChildren}} />
							Also delete child sections
						</label>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-danger" onclick={{action 'onDeletePage'}}>Delete</button>
					</div>
				</div>
			</div>
		</div>
	{{/if}}

	{{#if permissions.documentTemplate}}
		<div id={{concat 'publish-page-modal-' page.id}} class="modal" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">Publish Reusable Content Block</div>
					<div class="modal-body">
						<div class="form-group">
							<label for="block-title-{{page.id}}">Name</label>
							{{input id=(concat 'block-title-' page.id) type='text' class="form-control mousetrap" placeholder="Enter name" value=blockTitle}}
							<small class="form-text text-muted">Provide a short title for the reusable content block</small>
						</div>
						<div class="form-group">
							<label for="block-desc-{{page.id}}">Description</label>
							{{textarea id=(concat 'block-desc-' page.id) rows="3" class="form-control mousetrap" placeholder="Enter description" value=blockExcerpt}}
							<small class="form-text text-muted">Short description to help others understand the reusable content block</small>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
						<button type="button" class="btn btn-success" onclick={{action 'onSavePageAsBlock'}}>Publish</button>
					</div>
				</div>
			</div>
		</div>
	{{/if}}

</div>