- detailed help-view-component with titles and authors

- beginning search page styling
This commit is contained in:
Arno Kaimbacher 2021-12-07 12:22:25 +01:00
parent ed394e9587
commit 7cc4fc075c
7 changed files with 111 additions and 9 deletions

View file

@ -79,7 +79,7 @@
</div>
</template>
<script lang="ts">
<script lang="ts" scoped>
import HelpViewComponent from "./help-view-component";
export default HelpViewComponent;
</script>

View file

@ -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>

View file

@ -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;
}
}

View file

@ -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>