- detailed help-view-component with titles and authors
- beginning search page styling
This commit is contained in:
parent
ed394e9587
commit
7cc4fc075c
7 changed files with 111 additions and 9 deletions
|
@ -79,7 +79,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
<script lang="ts" scoped>
|
||||
import HelpViewComponent from "./help-view-component";
|
||||
export default HelpViewComponent;
|
||||
</script>
|
||||
|
|
|
@ -55,9 +55,9 @@
|
|||
</div>
|
||||
|
||||
<div class="columns">
|
||||
<div id="id-side-bar" class="column is-4 sidebar_column" style="padding-top: 1.2rem; padding-right: 1.5rem">
|
||||
<div id="id-side-bar" class="column is-4 sidebar_column" style="padding-top: 1.2rem; padding-right: 1.5rem; padding-left: 1.5rem">
|
||||
<div id="externals" class="">
|
||||
<div class="card" v-for="(facetItems, key, index) in facets" :key="index" name="external_card" style="margin-bottom: 0px">
|
||||
<div v-for="(facetItems, key, index) in facets" :key="index" name="external_card" style="margin-bottom: 0px">
|
||||
<facet-category v-bind:facetItems="facetItems" v-bind:filterName="key" @filter="onFilter"></facet-category>
|
||||
</div>
|
||||
<!-- <div class="card" name="external_card" style="margin-bottom: 0px">
|
||||
|
@ -108,7 +108,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-8 column is-8 results_column" style="padding-top: 1.2rem; padding-right: 0.5rem">
|
||||
<div class="col col-8 column is-8 results_column" style="padding-top: 1.2rem; padding-right: 1rem; padding-left: 1rem">
|
||||
<div class="column" v-if="activeFilterCategories && Object.keys(activeFilterCategories).length > 0">
|
||||
<span class="active-filter-items" v-for="(values, key, index) in activeFilterCategories" :key="index">
|
||||
<active-facet-category v-bind:filterItems="values" :categoryName="key" @clearFacetCategory="onClearFacetCategory"></active-facet-category>
|
||||
|
|
|
@ -61,4 +61,17 @@ export default class SitelinkViewComponent extends Vue {
|
|||
this.error = err;
|
||||
// this.loading = false;
|
||||
}
|
||||
|
||||
toDayDateTimeString(UNIX_timestamp: number): string {
|
||||
const a = new Date(UNIX_timestamp * 1000);
|
||||
const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
||||
const year = a.getFullYear();
|
||||
const month = months[a.getMonth()];
|
||||
const date = a.getDate();
|
||||
const hour = a.getHours();
|
||||
const min = a.getMinutes();
|
||||
const sec = a.getSeconds();
|
||||
const time = date + " " + month + " " + year + " " + hour + ":" + min + ":" + sec;
|
||||
return time;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -34,6 +34,20 @@
|
|||
<a>{{ dataset.type }}; {{ dataset.publish_id }}</a>
|
||||
</h2>
|
||||
</header>
|
||||
<div class="blog-meta">
|
||||
{{ dataset.server_date_published }}
|
||||
</div>
|
||||
<div class="post-description">
|
||||
<!-- @foreach ($document->authors as $author) -->
|
||||
<div v-for="(author, index) in dataset.authors" :key="index">
|
||||
<em>Author: {{ author.full_name }}</em>
|
||||
<br />
|
||||
</div>
|
||||
<div v-for="(title, index) in dataset.titles" :key="index">
|
||||
<em>{{ title.type }}: {{ title.value }}</em>
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
|
|
Loading…
Add table
editor.link_modal.header
Reference in a new issue