geolba/tethys
6
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

- 'xsltfile' => "public/solr.xslt"

Browse source 
- search_style.css
- vuejs based solr search
- vuejs facets
This commit is contained in:
Arno Kaimbacher 2019-10-03 18:54:05 +02:00
parent eb4d35ddc1
commit dd2ad2d898
16 changed files with 316 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

58
resources/assets/js/search/App.vue
View file

@ -1,31 +1,49 @@
<template>
<div>
<!-- <div>{{ bar }}</div> -->
<!-- Search input section -->
<div class="row">
<div class="twelve columns">
<vs-input @search="onSearch"></vs-input>
<div class="search-container row">
<div class="four columns left-bar">
<div id="left-bar" class="sidebar left-bar">
<h2 class="indexheader">DataXplore</h2>
<!-- <div class="card" v-for="item in facets.language" :key="item.id">
<span>{{ item }}</span>
</div> -->
<facet-list v-bind:data="facets"></facet-list>
</div>
</div>
<!-- Results section -->
<div class="results">
<div class="card" v-for="item in results" :key="item.id">
<img
v-if="item.thumb"
class="card-img-top"
:src="item.thumb"
:alt="item.title"
@error="error(item)"
/>
<div class="card-body">
<h5 class="card-title">{{item.name}}</h5>
<!-- <p class="card-text" v-html="truncate(item.description || item.abstract, 50)"></p> -->
<div class="eight columns right-bar">
<div id="right-bar" class="sidebar right-bar">
<!-- Search input section -->
<div class="row">
<div class="twelve columns">
<vs-input @search="onSearch"></vs-input>
</div>
</div>
<!-- Results section -->
<vs-results v-bind:data="results"></vs-results>
</div>
</div>
</div>
<!-- <div class="card" v-for="item in results" :key="item.id">
<img
v-if="item.thumb"
class="card-img-top"
:src="item.thumb"
:alt="item.title"
@error="error(item)"
/>
<div class="card-body">
<h5 class="card-title">{{item.name}}</h5>
<p class="card-text" v-html="truncate(item.description || item.abstract, 50)"></p>
</div>
</div>
</div>-->
</template>
<script lang="js">