<script src="components/bower_components/webcomponentsjs/webcomponents-loader.js"/> <link rel="import" href="components/dependencies-dev.html"/> <style> [unresolved] { display:none; } </style> <custom-style> <style include="pb-common-styles"> main { margin: 0 20px 0 20px; } @media (max-width: 1023px) { main { margin: 0 8px 0 8px; } .doclist { margin-bottom: 20px; } .documents { padding-left: 10px; } .documents .label { display: none; } .toolbar pb-search { padding-left: 0; } #facets { display: none; } } .tp-title { font-family: "Oswald",Verdana,"Helvetica",sans-serif; font-size: 36px; font-weight: 400; } .tp-title span { color: #9e9e9e; font-size: 26px; margin-top: 12px; } pb-results { overflow: scroll; margin: 0 20px; height: calc(100vh - 128px); } @media (min-width: 1024px) { .toolbar { display: none; } .panels { display: flex; flex-direction: row; } .panels .doclist { flex: 2 auto; margin-right: 20px; } } .panels { margin-bottom: 40px; } .panels .doclist { --paper-card-header: { background-color: #d1dae0; }; --paper-card-header-text: { font-family: "Oswald",Verdana,"Helvetica",sans-serif; font-size: 16px; font-weight: 400; }; } .panels .doclist .card-content { display: flex; flex-direction: row; justify-content: space-between; padding: 0; } #document-list { flex: 2; margin-right: 20px; } aside { flex: 1; display: flex; flex-direction: column; min-width: 360px; } aside .odds, aside .upload { --paper-card-header: { background-color: #607D8B; }; --paper-card-header-text: { font-family: "Oswald",Verdana,"Helvetica",sans-serif; font-size: 16px; font-weight: 400; color: white; }; } aside .upload { margin-top: 20px; width: 100%; } .documents ul { list-style: none; } .documents app-toolbar { @apply --layout-start-justified; font-size: 14px; margin-top: 10px; padding-left: 0; } .documents div { margin: 0; } .documents a, .documents a:visited { color: #303F9F; text-decoration: none; } .documents li { display: flex; flex-direction: row; margin-bottom: 10px; padding:6px 0; border-bottom:thin solid var(--paper-grey-300); } .documents li:last-child{ border:none; } .documents .document-select { flex: 0 0; margin-right: 20px; } h1, h2, h3, h4, h5, h6 { font-family: "Oswald",Verdana,"Helvetica",sans-serif; font-weight: 400 !important; line-height: 1.2; } h5 { font-size: 16px; margin: 0; } #facets { flex: 0; min-width: 220px; margin-right: 20px; background-color: #F0F0F0; padding: 0 10px; } #facets h3 { display: flex; flex-direction: row; align-items: center; } #facets h3 paper-checkbox { margin-left: 16px; font-size: 11px; } #facets table { font-size: 14px; } #facets table table { padding-left: 16px; width: 100%; } #facets table td{ padding:4px 0; } #facets table td:nth-child(2) { color: #808080; text-align: right; padding-left: 1em; vertical-align: middle; } </style> </custom-style> </head> <body unresolved="unresolved" data-template="i18n:translate" data-template-catalogues="resources/i18n"> <pb-page data-template="pages:pb-page"> <app-drawer-layout force-narrow="force-narrow"> <app-drawer slot="drawer" align="right" xmlns:i18n="http://exist-db.org/xquery/i18n"> <div class="drawer-content"> <pb-media-query query="(max-width: 1023px)">  <pb-lang name="lang" label="Language" data-template="pages:current-language"> <paper-item>en</paper-item> <paper-item>de</paper-item> <paper-item>fr</paper-item> <paper-item>gr</paper-item> <paper-item>it</paper-item> <paper-item>pl</paper-item> <paper-item>nl</paper-item> </pb-lang> <pb-collapse> <h3 slot="collapse-trigger"><i18n:text key="documentation"/></h3> <paper-listbox slot="collapse-content"> <paper-item> <a href="${app}/doc/documentation.xml?odd=docbook.odd" data-template="pages:parse-params"> <i18n:text key="documentation"/> </a> </paper-item> <paper-item> <a href="${app}/doc/documentation.xml?odd=docbook.odd&id=faq" data-template="pages:parse-params">FAQ</a> </paper-item> <paper-item> <a href="${app}/doc/blog/" data-template="pages:parse-params">News</a> </paper-item> <paper-item> <a href="${app}/components/docs.html" data-template="pages:parse-params">Webcomponents API</a> </paper-item> </paper-listbox> </pb-collapse> </pb-media-query> </div> </app-drawer> <app-header-layout> <app-header slot="header" reveals="reveals" fixed="fixed" effects="waterfall" data-template="browse:fix-links"> <app-toolbar class="menubar"> <a href="$app/index.html" class="logo"> <img src="resources/images/tei-publisher-logo-contrast-color.svg"/> </a> <pb-media-query query="(min-width: 1024px)"> <a href="$app/index.html">Start</a> <paper-menu-button> <a href="#" slot="dropdown-trigger"> <i18n:text key="documentation"/> </a> <paper-listbox slot="dropdown-content"> <paper-item> <a href="$app/doc/documentation.xml?odd=docbook.odd"> <i18n:text key="documentation"/> </a> </paper-item> <paper-item> <a href="$app/doc/documentation.xml?odd=docbook.odd&id=faq">FAQ</a> </paper-item> <paper-item> <a href="$app/components/docs.html">Webcomponents API</a> </paper-item> </paper-listbox> </paper-menu-button> <a href="$app/doc/blog/">News</a> <pb-restricted login="login" group="tei"> <paper-menu-button> <a href="#" slot="dropdown-trigger"> <i18n:text key="admin"/> </a> <paper-listbox slot="dropdown-content"> <paper-item><a href="$app/manage.html"><i18n:text key="app-generator"/></a></paper-item> </paper-listbox> </paper-menu-button> </pb-restricted> <a href="https://gitlab.existsolutions.com/tei-publisher/" title="View code on Gitlab" class="gitlab"> <img src="resources/images/wm_no_bg.svg"/> </a>  <pb-search action="${app}/search.html" data-template="pages:parse-params" value="${query}" place-holder="i18n(search-query-attr)" redirect="redirect"></pb-search>  <pb-lang name="lang" label="Language" data-template="pages:current-language"> <paper-item>en</paper-item> <paper-item>de</paper-item> <paper-item>fr</paper-item> <paper-item>gr</paper-item> <paper-item>it</paper-item> <paper-item>pl</paper-item> </pb-lang> </pb-media-query> <pb-login id="login" login-label="i18n(login)" logout-label="i18n(logout)" group="tei"> <iron-icon slot="icon" icon="account-circle"></iron-icon> </pb-login> <pb-progress indeterminate="indeterminate" bottom-item="bottom-item"/> </app-toolbar> <pb-media-query query="(max-width: 1023px)"> <app-toolbar class="toolbar" sticky="sticky" xmlns:i18n="http://exist-db.org/xquery/i18n">  <pb-search action="${app}/search.html" data-template="pages:parse-params" value="${query}" place-holder="i18n(search-query-attr)" redirect="redirect"></pb-search> <paper-icon-button icon="icons:menu" drawer-toggle="drawer-toggle"/> </app-toolbar> </pb-media-query> </app-header> <main> <section> <h1 class="tp-title">TEI Publisher <span>The Instant Publishing Toolbox</span></h1> <p>Use this app to experiment and try out various ODDs containing processing model instructions. Upload your own files and create a custom ODD.</p> <p><strong>Log in</strong> to upload files or see administrative functions (default user: "tei", password: "simple").</p> </section> <section class="panels"> <paper-card class="doclist" heading="i18n(documents)"> <div class="card-content"> <dts-client base-uri="http://localhost:8080/exist/apps/tei-publisher/api/dts"/> </div> </paper-card> <aside> <paper-card class="odds" heading="i18n(odd-data)"> <div class="card-content"> <pb-manage-odds id="manage-odds" target="document-list"></pb-manage-odds> </div> </paper-card> <pb-restricted login="login"> <paper-card class="upload" heading="i18n(upload)"> <div class="card-content"> <pb-upload id="upload" target="test" emit="docs" accept=".xml, .tei, .odd, .docx"></pb-upload> </div> </paper-card> </pb-restricted> </aside> </section> </main> </app-header-layout> </app-drawer-layout> <paper-dialog id="downloadDialog"> <h2> <i18n:text key="generating-file">Generating File...</i18n:text> </h2> <paper-dialog-scrollable> <i18n:text key="download-message"/> </paper-dialog-scrollable> <div class="buttons"> <paper-button dialog-confirm="dialog-confirm" autofocus="autofocus"> <i18n:text key="close">Close</i18n:text> </paper-button> </div> </paper-dialog> <paper-dialog id="messageDialog" modal="modal"> <h2>Action</h2> <paper-dialog-scrollable/> <div class="buttons"> <paper-button dialog-confirm="dialog-confirm" autofocus="autofocus"> <i18n:text key="close">Close</i18n:text> </paper-button> </div> </paper-dialog> <paper-dialog id="errorDialog"> <h2>Error</h2> <paper-dialog-scrollable/> <div class="buttons"> <paper-button dialog-confirm="dialog-confirm" autofocus="autofocus"> <i18n:text key="close">Close</i18n:text> </paper-button> </div> </paper-dialog> </pb-page> <script> const facets = document.getElementById('facets'); if (facets) { facets.addEventListener('pb-custom-form-loaded', function(ev) { const elems = ev.detail.querySelectorAll('.facet'); elems.forEach(facet => { facet.addEventListener('change', () => { const table = facet.closest('table'); if (table) { const nested = table.querySelectorAll('.nested .facet').forEach(nested => { if (nested != facet) { nested.checked = false; } }); } facets.submit(); }); }); }); } </script> </body> </html>