Page MenuHomec4science
Files F96110005

search.html
No OneTemporary
Actions

File Metadata

Created
Sun, Dec 22, 17:02

search.html
View Options

<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes"/>
<link rel="shortcut icon" type="image/x-icon" href="resources/images/favicon.ico"/>
<link rel="shortcut icon" type="image/png" href="resources/images/favicon-16.png" sizes="16x16"/>
<link rel="shortcut icon" type="image/png" href="resources/images/favicon-24.png" sizes="24x24"/>
<link rel="shortcut icon" type="image/png" href="resources/images/favicon-32.png" sizes="32x32"/>
<link rel="shortcut icon" type="image/png" href="resources/images/favicon-64.png" sizes="64x64"/>
<title data-template="config:app-title"/>
<link rel="stylesheet" href="resources/css/theme.css"/>
<script type="module" src="pb-components-bundle.js" data-template="pages:load-components"/>
<style>
main {
display: flex;
flex-direction: row;
margin-top: 10px;
}
.search-panel {
flex: 1 1;
margin: 0 20px;
}
.search-panel paper-card {
width: 100%;
}
.targets paper-checkbox {
margin-top: 10px;
}
#results {
flex: 2 1;
overflow: scroll;
margin: 0 20px;
height: calc(100vh - 140px);
}
#results paper-card {
width: 100%;
margin-bottom: 15px;
padding: 8px;
}
#results header {
display: flex;
justify-content: flex-start;
}
#results .count {
margin-right: 20px;
font-weight: bold;
}
.breadcrumb:link, .breadcrumb:visited {
text-decoration: none;
color: var(--paper-grey-600);
}
.breadcrumb:before {
content: '&gt;';
padding: 0 8px;
font-weight: bold;
}
.breadcrumb:first-child::before {
content: '';
}
.matches {
display: table;
margin-left: 20px;
margin-top: 10px;
font: var(--pb-results-body-font);
}
.matches p {
display: table-row;
}
.matches p * {
display: table-cell;
padding: 4px 8px;
}
.hi {
display: block;
}
#facets h3 {
display: flex;
flex-direction: row;
align-self: center;
justify-content: space-between;
}
#facets h3 paper-checkbox {
font-size: 85%;
}
#facets table td:nth-child(2) {
color: #808080;
text-align: right;
padding-left: 1em;
vertical-align: middle;
}
#download-button, .menu-edit-odd {
display: none;
}
</style>
</head>
<body>
<pb-page data-template="pages:pb-page" api-version="1.0" unresolved="unresolved" theme="resources/css/components.css">
<app-drawer-layout force-narrow="force-narrow">
<app-drawer slot="drawer" align="right">
<div class="drawer-content">
<pb-media-query query="(max-width: 1023px)">
<div data-template="lib:include" data-template-path="templates/menu-drawer.html"/>
</pb-media-query>
</div>
</app-drawer>
<app-header-layout>
<app-header slot="header" reveals="reveals" fixed="fixed" effects="waterfall">
<app-toolbar data-template="lib:include" data-template-path="templates/menu.html"/>
<app-toolbar>
<pb-paginate per-page="10" range="5" subscribe="results"/>
<pb-progress indeterminate="indeterminate" bottom-item="bottom-item"/>
</app-toolbar>
</app-header>
<main>
<pb-load id="results" url="api/search" emit="results"/>
<div class="search-panel">
<paper-card>
<div class="card-content">
<pb-search id="search-form" subscribe="search" data-template="pages:parse-params" value="${query}" submit-on-load="submit-on-load">
<div class="targets">
<paper-checkbox name="field" value="text">Search sections</paper-checkbox>
<paper-checkbox name="field" value="head">Search headings</paper-checkbox>
</div>
<pb-custom-form id="facets" url="api/search/facets" subscribe="results" event="pb-results-received" emit="search"/>
</pb-search>
</div>
</paper-card>
</div>
</main>
</app-header-layout>
</app-drawer-layout>
</pb-page>
<div class="splash"/>
<script src="resources/scripts/browse.js"/>
</body>
</html>

Event Timeline

c4science · Help