From 10388eb227be3de4968cbb172f92bb2462bf5120 Mon Sep 17 00:00:00 2001 From: schneider210 <frank.schneider@sub.uni-goettingen.de> Date: Thu, 12 Aug 2021 11:30:20 +0200 Subject: [PATCH] style: minor formatting / whitespacing for better readability --- src/.vuepress/components/SearchResultList.vue | 30 +++++++++++-------- 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/src/.vuepress/components/SearchResultList.vue b/src/.vuepress/components/SearchResultList.vue index 4f36409..3bbd2d8 100644 --- a/src/.vuepress/components/SearchResultList.vue +++ b/src/.vuepress/components/SearchResultList.vue @@ -1,27 +1,31 @@ <template> <div class="result-container"> <v-list - two-line - subheader 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-content> <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"> <span v-for="(matchItem, i) in item.matches" :key="i" class="d-flex"> - <span>"{{matchItem.match}}"</span> - <span> ({{matchItem.occurrencesOnPage}})</span> + <span>"{{ matchItem.match }}"</span> + <span> ({{ matchItem.occurrencesOnPage }})</span> <span v-if="i < item.matches.length - 1">, </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>{{getLanguage(item.lang)}}</v-list-item-subtitle> + + <v-list-item-subtitle>{{ getLanguage(item.lang) }}</v-list-item-subtitle> </a> </v-list-item-content> </v-list-item> </v-list> + <SearchResultEmpty :query="query" v-else /> </div> </template> @@ -33,8 +37,8 @@ export default { languagesMap: { ara: 'Arabic', syc: 'Syriac', - } - } + }, + }; }, computed: { viewerBaseUrl() { @@ -61,7 +65,7 @@ export default { if (item.lang === 'ara') { language = 'arabic-karshuni'; } 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,'')}`; }, @@ -69,9 +73,9 @@ export default { watch: { page: function() { this.$emit('page-change', this.page); - } - } -} + }, + }, +}; </script> <style lang="scss" scoped> -- GitLab