aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdBreadcrumb.vue4
-rw-r--r--viewer/src/components/LdCommand.vue4
-rw-r--r--viewer/src/components/LdCommandSearch.vue4
-rw-r--r--viewer/src/components/LdError.vue3
-rw-r--r--viewer/src/components/LdProposition.vue7
-rw-r--r--viewer/src/components/LdTagInput.vue4
-rw-r--r--viewer/src/components/LdThumbnail.vue8
-rw-r--r--viewer/src/components/index.ts15
-rw-r--r--viewer/src/components/item_handlers/LdAudioViewer.vue5
-rw-r--r--viewer/src/components/item_handlers/LdDirectory.vue3
-rw-r--r--viewer/src/components/item_handlers/LdPdfViewer.vue3
-rw-r--r--viewer/src/components/item_handlers/LdPicture.vue2
-rw-r--r--viewer/src/components/item_handlers/LdVideoViewer.vue11
13 files changed, 33 insertions, 40 deletions
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index a8d8dcb..618b15a 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -29,11 +29,11 @@
29 > 29 >
30 <div v-show="overflowMask" class="ld-breadcrumb-overflow-mask"></div> 30 <div v-show="overflowMask" class="ld-breadcrumb-overflow-mask"></div>
31 <ul class="ld-breadcrumb"> 31 <ul class="ld-breadcrumb">
32 <li v-for="(item,idx) in currentItemPath" :key="item.path"> 32 <li v-for="(item, idx) in currentItemPath" :key="item.path">
33 <fa-icon v-if="idx > 0" icon="angle-right" class="disabled" /> 33 <fa-icon v-if="idx > 0" icon="angle-right" class="disabled" />
34 <router-link :to="item.path" class="link"> 34 <router-link :to="item.path" class="link">
35 <fa-icon :icon="getIcon(item)" size="lg" /> 35 <fa-icon :icon="getIcon(item)" size="lg" />
36 {{item.title}} 36 {{ item.title }}
37 </router-link> 37 </router-link>
38 </li> 38 </li>
39 <li v-if="searchMode"> 39 <li v-if="searchMode">
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 49d86bb..d3705de 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -24,14 +24,14 @@
24 <fa-icon :icon="commandToggleSearchPanelIcon" size="lg" /> 24 <fa-icon :icon="commandToggleSearchPanelIcon" size="lg" />
25 </a> 25 </a>
26 <a 26 <a
27 :class="{'disabled': isEntryPoint}" 27 :class="{ disabled: isEntryPoint }"
28 class="link command-secondary" 28 class="link command-secondary"
29 :title="$t('command.back')" 29 :title="$t('command.back')"
30 @click="isEntryPoint || $router.back()" 30 @click="isEntryPoint || $router.back()"
31 > 31 >
32 <fa-icon icon="arrow-left" size="lg" /> 32 <fa-icon icon="arrow-left" size="lg" />
33 </a> 33 </a>
34 <router-link :class="{'disabled': isRoot}" :title="$t('command.parent')" :to="parent"> 34 <router-link :class="{ disabled: isRoot }" :title="$t('command.parent')" :to="parent">
35 <fa-icon icon="folder" size="xs" /> 35 <fa-icon icon="folder" size="xs" />
36 <fa-icon icon="level-up-alt" size="lg" /> 36 <fa-icon icon="level-up-alt" size="lg" />
37 </router-link> 37 </router-link>
diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index ef158ff..33ab804 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -21,11 +21,11 @@
21 <div class="flex webkit-flex-shrink-fix"> 21 <div class="flex webkit-flex-shrink-fix">
22 <b-button @click="clear"> 22 <b-button @click="clear">
23 <fa-icon icon="eraser" /> 23 <fa-icon icon="eraser" />
24 <span>{{$t('command.search.clear')}}</span> 24 <span>{{ $t("command.search.clear") }}</span>
25 </b-button> 25 </b-button>
26 <b-button expanded @click="search"> 26 <b-button expanded @click="search">
27 <fa-icon icon="search" /> 27 <fa-icon icon="search" />
28 <span>{{$t('command.search.search')}}</span> 28 <span>{{ $t("command.search.search") }}</span>
29 </b-button> 29 </b-button>
30 </div> 30 </div>
31</template> 31</template>
diff --git a/viewer/src/components/LdError.vue b/viewer/src/components/LdError.vue
index a53942d..c71e2ad 100644
--- a/viewer/src/components/LdError.vue
+++ b/viewer/src/components/LdError.vue
@@ -30,7 +30,8 @@
30<script lang="ts"> 30<script lang="ts">
31import { Component, Prop, Vue } from "vue-property-decorator"; 31import { Component, Prop, Vue } from "vue-property-decorator";
32 32
33@Component export default class LdError extends Vue { 33@Component
34export default class LdError extends Vue {
34 @Prop({ required: true, type: String }) readonly icon!: string; 35 @Prop({ required: true, type: String }) readonly icon!: string;
35 @Prop({ required: true, type: String }) readonly message!: string; 36 @Prop({ required: true, type: String }) readonly message!: string;
36} 37}
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 1490689..97f47da 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -20,7 +20,7 @@
20 20
21<template> 21<template>
22 <div class="proposition"> 22 <div class="proposition">
23 <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{title}}</h2> 23 <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{ title }}</h2>
24 <div v-for="proposed in proposedTags" :key="proposed.rawTag"> 24 <div v-for="proposed in proposedTags" :key="proposed.rawTag">
25 <a 25 <a
26 class="operation-btns link" 26 class="operation-btns link"
@@ -42,9 +42,10 @@
42 class="operation-tag link" 42 class="operation-tag link"
43 :title="$t('tag-propositions.intersection')" 43 :title="$t('tag-propositions.intersection')"
44 @click="add(Operation.INTERSECTION, proposed.rawTag)" 44 @click="add(Operation.INTERSECTION, proposed.rawTag)"
45 >{{proposed.rawTag}}</a> 45 >{{ proposed.rawTag }}</a
46 >
46 47
47 <div class="disabled" :title="$t('tag-propositions.item-count')">{{proposed.count}}</div> 48 <div class="disabled" :title="$t('tag-propositions.item-count')">{{ proposed.count }}</div>
48 </div> 49 </div>
49 </div> 50 </div>
50</template> 51</template>
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index 6b6e749..ce83ba8 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -34,8 +34,8 @@
34 @remove="clearCurrentFilter" 34 @remove="clearCurrentFilter"
35 @keydown.enter.native="onKeyEnter" 35 @keydown.enter.native="onKeyEnter"
36 > 36 >
37 <template slot-scope="props">{{displayOption(props.option)}}</template> 37 <template slot-scope="props">{{ displayOption(props.option) }}</template>
38 <template slot="empty">{{$t('tagInput.nomatch')}}</template> 38 <template slot="empty">{{ $t("tagInput.nomatch") }}</template>
39 </b-taginput> 39 </b-taginput>
40</template> 40</template>
41 41
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 0ddeb6b..5b1bc82 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -18,20 +18,20 @@
18--> 18-->
19 19
20<template> 20<template>
21 <div :class="{'preload': loading}"> 21 <div :class="{ preload: loading }">
22 <v-lazy-image 22 <v-lazy-image
23 v-if="item.thumbnail" 23 v-if="item.thumbnail"
24 :src="pictureSrc(item.thumbnail.resource)" 24 :src="pictureSrc(item.thumbnail.resource)"
25 :style="pictureStyle" 25 :style="pictureStyle"
26 :title="item.title" 26 :title="item.title"
27 @intersect="loading=true" 27 @intersect="loading = true"
28 @load="loading=false" 28 @load="loading = false"
29 /> 29 />
30 <div v-else class="thumbnail-other flex-column flex-center"> 30 <div v-else class="thumbnail-other flex-column flex-center">
31 <div> 31 <div>
32 <fa-icon :icon="icon" size="4x" /> 32 <fa-icon :icon="icon" size="4x" />
33 </div> 33 </div>
34 {{item.title}} 34 {{ item.title }}
35 </div> 35 </div>
36 </div> 36 </div>
37</template> 37</template>
diff --git a/viewer/src/components/index.ts b/viewer/src/components/index.ts
index 043087d..f34eea1 100644
--- a/viewer/src/components/index.ts
+++ b/viewer/src/components/index.ts
@@ -17,18 +17,21 @@
17-- along with this program. If not, see <https://www.gnu.org/licenses/>. 17-- along with this program. If not, see <https://www.gnu.org/licenses/>.
18*/ 18*/
19 19
20import Vue from "vue" 20import Vue from "vue";
21 21
22const requireComponent = require.context( 22const requireComponent = require.context(
23 "@/components", 23 "@/components",
24 true, // Whether or not to look in subfolders 24 true, // Whether or not to look in subfolders
25 // The regular expression used to match base component filenames 25 // The regular expression used to match base component filenames
26 /Ld[A-Z]\w+\.vue$/ 26 /Ld[A-Z]\w+\.vue$/
27) 27);
28 28
29requireComponent.keys().forEach(fileName => { 29requireComponent.keys().forEach(fileName => {
30 const componentConfig = requireComponent(fileName) 30 const componentConfig = requireComponent(fileName);
31 const componentName = fileName.split("/").pop()!.replace(/\.vue$/, ""); 31 const componentName = fileName
32 .split("/")
33 .pop()!
34 .replace(/\.vue$/, "");
32 35
33 // Register component globally 36 // Register component globally
34 Vue.component( 37 Vue.component(
@@ -37,5 +40,5 @@ requireComponent.keys().forEach(fileName => {
37 // exist if the component was exported with `export default`, 40 // exist if the component was exported with `export default`,
38 // otherwise fall back to module's root. 41 // otherwise fall back to module's root.
39 componentConfig.default ?? componentConfig 42 componentConfig.default ?? componentConfig
40 ) 43 );
41}) 44});
diff --git a/viewer/src/components/item_handlers/LdAudioViewer.vue b/viewer/src/components/item_handlers/LdAudioViewer.vue
index 8c8ce2b..2e0f8dc 100644
--- a/viewer/src/components/item_handlers/LdAudioViewer.vue
+++ b/viewer/src/components/item_handlers/LdAudioViewer.vue
@@ -22,10 +22,7 @@
22 <div class="flex-column container-vh-centering"> 22 <div class="flex-column container-vh-centering">
23 <ld-thumbnail :item="item" /> 23 <ld-thumbnail :item="item" />
24 <audio :class="$style.player" :src="itemResourceUrl" preload="auto" controls> 24 <audio :class="$style.player" :src="itemResourceUrl" preload="auto" controls>
25 <a 25 <a :download="itemFileName" :href="itemResourceUrl">{{ $t("download.download-file-fmt", [itemFileName]) }}</a>
26 :d