Skip to content
Snippets Groups Projects
Commit 10388eb2 authored by schneider210's avatar schneider210
Browse files

style: minor formatting / whitespacing for better readability

parent 20a41e08
No related branches found
No related tags found
1 merge request!56no-search-result
Pipeline #220009 passed
<template> <template>
<div class="result-container"> <div class="result-container">
<v-list <v-list
two-line
subheader
v-if="items.length > 0" v-if="items.length > 0"
subheader
two-line
> >
<v-list-item v-for="item in items" :key="item.item" class="pl-0"> <v-list-item v-for="item in items" :key="item.item" class="pl-0">
<v-list-item-content> <v-list-item-content>
<a :href="getItemUrl(item)" target="_blank"> <a :href="getItemUrl(item)" target="_blank">
<v-list-item-title>{{item.label}}</v-list-item-title> <v-list-item-title>{{ item.label }}</v-list-item-title>
<v-list-item-subtitle class="d-flex"> <v-list-item-subtitle class="d-flex">
<span v-for="(matchItem, i) in item.matches" :key="i" class="d-flex"> <span v-for="(matchItem, i) in item.matches" :key="i" class="d-flex">
<span>"{{matchItem.match}}"</span> <span>"{{ matchItem.match }}"</span>
<span>&nbsp;({{matchItem.occurrencesOnPage}})</span> <span>&nbsp;({{ matchItem.occurrencesOnPage }})</span>
<span v-if="i < item.matches.length - 1">, </span> <span v-if="i < item.matches.length - 1">, </span>
</span> </span>
<span class="ml-1">in Sheet {{item.n}}</span>
<span class="ml-1">in Sheet {{ item.n }}</span>
</v-list-item-subtitle> </v-list-item-subtitle>
<v-list-item-subtitle>{{getLanguage(item.lang)}}</v-list-item-subtitle>
<v-list-item-subtitle>{{ getLanguage(item.lang) }}</v-list-item-subtitle>
</a> </a>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-list> </v-list>
<SearchResultEmpty :query="query" v-else /> <SearchResultEmpty :query="query" v-else />
</div> </div>
</template> </template>
...@@ -33,8 +37,8 @@ export default { ...@@ -33,8 +37,8 @@ export default {
languagesMap: { languagesMap: {
ara: 'Arabic', ara: 'Arabic',
syc: 'Syriac', syc: 'Syriac',
} },
} };
}, },
computed: { computed: {
viewerBaseUrl() { viewerBaseUrl() {
...@@ -61,7 +65,7 @@ export default { ...@@ -61,7 +65,7 @@ export default {
if (item.lang === 'ara') { if (item.lang === 'ara') {
language = 'arabic-karshuni'; language = 'arabic-karshuni';
} else if (item.lang === 'syc') { } else if (item.lang === 'syc') {
language = 'syriac' language = 'syriac';
} }
return `${this.viewerBaseUrl}/${language}/#/?itemurl=${item.item}&source=external&searchTerm=${item.searchTerm}&redirectUrl=${window.location.href.replace(/\?(.*)/g,'')}`; return `${this.viewerBaseUrl}/${language}/#/?itemurl=${item.item}&source=external&searchTerm=${item.searchTerm}&redirectUrl=${window.location.href.replace(/\?(.*)/g,'')}`;
}, },
...@@ -69,9 +73,9 @@ export default { ...@@ -69,9 +73,9 @@ export default {
watch: { watch: {
page: function() { page: function() {
this.$emit('page-change', this.page); this.$emit('page-change', this.page);
} },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment