Print selected sections

Close #146

gui/app/templates/components/document/document-meta.hbs

@@ -39,7 +39,7 @@
 	{{/if}}
 
 	{{#if document.template}}
-		<div class="label-template">
+			<div class="label-template non-printable">
 			Template
 			{{#attach-tooltip showDelay=1000}}This is a template{{/attach-tooltip}}
 		</div>

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

@@ -29,7 +29,7 @@
 					<li class="item" {{action "onPin"}}>Bookmark</li>
 					<li class="divider"/>
 				{{/if}}
-				<li class="item" {{action "onPrintDocument"}}>Print</li>
+				<li class="item" {{action "onShowPrintModal"}}>Print</li>
 				<li class="item" {{action "onExport"}}>Download</li>
 				{{#if permissions.documentAdd}}
 					<li class="divider"/>
@@ -93,6 +93,27 @@
 	</div>
 </div>
 
+<div id="document-print-modal" class="modal" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-header">Print</div>
+			<div class="modal-body">
+				<p>Print all content or select sections.</p>
+				{{#each pages as |item|}}
+					{{#ui/ui-checkbox selected=item.printSelected}}
+						{{item.page.numbering}}. {{item.page.title}}
+					{{/ui/ui-checkbox}}
+				{{/each}}
+			</div>
+			<div class="modal-footer">
+				{{ui/ui-button color=constants.Color.Gray light=true label=constants.Label.Cancel dismiss=true}}
+				{{ui/ui-button-gap}}
+				{{ui/ui-button color=constants.Color.Green light=true label=constants.Label.Print onClick=(action "onPrintSelection")}}
+			</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">

gui/app/templates/components/document/view-content.hbs

@@ -1,6 +1,6 @@
 {{#if hasPages}}
 	{{#each pages key="id" as |item|}}
-		<Ui::UiSpacer @size="100" />
+		<Ui::UiSpacer @size="100" id={{concat 'page-spacer-' item.page.id}} />
 		{{document/document-page
 			roles=roles
 			pages=pages