toolbar-cb.njk
8aed74c33bbcmaster

toolbar-cb.njk
View Options

			<app-toolbar class="toolbar" sticky="sticky">
			<paper-icon-button id="tocToggle" class="toc-toggle" icon="icons:view-list" data-bs-toggle="offcanvas" data-bs-target="#toc-panel"></paper-icon-button>
			<div id="toolbar-start" style="display: none"></div>
			<pb-navigation emit="transcription" keyboard="left" subscribe="transcription" direction="backward" unit="page">
			<paper-icon-button icon="icons:chevron-left"></paper-icon-button>
			</pb-navigation>
			<pb-navigation emit="transcription" keyboard="right" subscribe="transcription" direction="forward" unit="page">
			<paper-icon-button icon="icons:chevron-right"></paper-icon-button>
			</pb-navigation>
			<span>
			<pb-zoom emit="transcription" direction="in" icon="icons:zoom-in"></pb-zoom>
			<pb-zoom emit="transcription" direction="out" icon="icons:zoom-out"></pb-zoom>
			<paper-icon-button id="toggleApps" class="mynav" icon="editor:title" data-i18n="[title]myapp.menu.toggleApps" data-target="#view1"></paper-icon-button>
			<paper-icon-button id="toggleInfo" class="mynav" icon="icons:description" data-i18n="[title]myapp.menu.toggleInfo" data-target="#pageInfo"></paper-icon-button>
			<a id="timelineButton" data-i18n="[title]myapp.menu.showTimeline" href="/timeline/index.html">
			<paper-icon-button id="showTimeline" class="mynav" icon="icons:history"></paper-icon-button>
			</a>
			</span>
			<pb-progress subscribe="transcription" indeterminate="indeterminate" bottom-item="bottom-item"></pb-progress>
			</app-toolbar>