documize/gui/app/templates/components/document/document-toolbar.hbs

<div class="no-print">
	{{#if session.authenticated}}
		{{#if permissions.documentEdit}}
			{{#link-to "document.settings" space.id space.slug document.id document.slug class="button-icon-gray align-middle"}}
				<i class="material-icons">settings</i>
				{{#attach-tooltip showDelay=1000}}Settings &mdash; meta, lifecycle, workflow{{/attach-tooltip}}
			{{/link-to}}
			<div class="button-icon-gap" />
		{{/if}}
		{{#if permissions.documentAdd}}
			<div id="document-template-button" class="button-icon-gray align-middle">
				<i class="material-icons" data-toggle="modal" data-target="#document-template-modal" data-backdrop="static">content_copy</i>
				{{#attach-tooltip showDelay=1000}}Save as template{{/attach-tooltip}}
			</div>
			<div class="button-icon-gap" />
		{{/if}}
	{{/if}}

	<div id="document-print-button" class="button-icon-gray align-middle" {{action "onPrintDocument"}}>
		<i class="material-icons">print</i>
		{{#attach-tooltip showDelay=1000}}Print{{/attach-tooltip}}
	</div>
	<div class="button-icon-gap" />

	<div id="space-export-button" class="button-icon-danger align-middle" {{action "onExport"}}>
		<i class="material-icons">import_export</i>
		{{#attach-tooltip showDelay=1000}}Export as HTML{{/attach-tooltip}}
	</div>
	<div class="button-icon-gap" />

	{{#if pinState.isPinned}}
		<div id="document-pin-button" class="button-icon-gold align-middle" {{action "onUnpin"}}>
			<i class="material-icons">star</i>
			{{#attach-tooltip showDelay=1000}}Remove bookmark{{/attach-tooltip}}
		</div>
		<div class="button-icon-gap" />
	{{else if session.authenticated}}
		<div id="document-pin-button" class="button-icon-gray align-middle" {{action "onPin"}}>
			<i class="material-icons">star</i>
			{{#attach-tooltip showDelay=1000}}Add bookmark{{/attach-tooltip}}
		</div>
		<div class="button-icon-gap" />
	{{/if}}

	{{#if permissions.documentDelete}}
		<div id="document-delete-button" class="button-icon-danger align-middle">
			<i class="material-icons" data-toggle="modal" data-target="#document-delete-modal" data-backdrop="static">delete</i>
			{{#attach-tooltip showDelay=1000}}Delete{{/attach-tooltip}}
		</div>
	{{/if}}
</div>

<div id="document-template-modal" class="modal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">Save as Template</div>
			<div class="modal-body">
				<form onsubmit={{action "onSaveTemplate"}}>
					<div class="form-group">
						<label for="new-template-name">Name</label>
						{{input id="new-template-name" value=saveTemplate.name type="email" class="form-control mousetrap" placeholder="Template name"}}
						<small class="form-text text-muted">Good template name conveys document type</small>
					</div>
					<div class="form-group">
						<label for="new-template-desc">Description</label>
						{{textarea id="new-template-desc" value=saveTemplate.description class="form-control" rows="5"}}
						<small class="form-text text-muted">Explain use case for this template</small>
					</div>
				</form>
			</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 "onSaveTemplate"}}>Save</button>
			</div>
		</div>
	</div>
</div>

<div id="document-delete-modal" class="modal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">Delete Document</div>
			<div class="modal-body">
				<p>Are you sure you want to delete this document?</p>
			</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 "onDocumentDelete"}}>Delete</button>
			</div>
		</div>
	</div>
</div>