diff --git a/templates/pages/collate.html b/templates/pages/collate.html new file mode 100644 index 0000000..8c5c453 --- /dev/null +++ b/templates/pages/collate.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + <meta name="description" content="Collation table view"/> + <meta name="pb-template" content="collate.html"/> + + <link rel="stylesheet" type="text/css" href="resources/fonts/font.css"/> + <link rel="stylesheet" + href="https://fonts.googleapis.com/css?family=Oswald&display=swap"/> + <link rel="stylesheet" href="resources/css/theme.css"/> + <!-- optional: add your own collation-specific stylesheet --> + <!-- <link rel="stylesheet" href="resources/css/collate.css"/> --> + + <script type="module" + src="pb-components-bundle.js" + data-template="pages:load-components"></script> + </head> + + <body> + <pb-page data-template="pages:pb-page" unresolved="unresolved"> + <pb-document id="document1" data-template="pages:pb-document"/> + <app-drawer-layout force-narrow="force-narrow"> + <app-drawer data-template="templates:include" + data-template-path="templates/drawer.html"/> + <app-header-layout> + <app-header slot="header" reveals fixed effects="waterfall"> + <app-toolbar data-template="templates:include" + data-template-path="templates/menu.html"/> + <app-toolbar data-template="templates:include" + data-template-path="templates/toolbar.html"/> + </app-header> + + <pb-drawer toggle="tocToggle" class="toc" + emit="toc" subscribe="transcription"> + <div class="drawer-content"> + <h3><pb-i18n key="document.contents">Contents</pb-i18n></h3> + <pb-load id="toc" + url="api/document/{doc}/contents?target=collation&icons=true" + expand="expand" src="document1" + subscribe="toc" load-once="load-once"> + <pb-i18n key="dialogs.loading">Loading</pb-i18n> + </pb-load> + </div> + </pb-drawer> + + <section class="breadcrumbs"> + <pb-view id="title-view1" src="document1" + xpath="//teiHeader/fileDesc/titleStmt/title" view="single"> + <pb-param name="header" value="short"/> + </pb-view> + </section> + + <main class="content-body"> + <!-- Collation table component --> + <pb-collation-table id="collation" + src="document1" + witnesses="A,B,C" + show-headers="show-headers" + subscribe="transcription" + emit="transcription"> + </pb-collation-table> + </main> + </app-header-layout> + </app-drawer-layout> + </pb-page> + <div class="splash"></div> + </body> +</html>