@christianriedl/media 1.0.230 → 1.0.232
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/views/ThumbnailsPage.vue +10 -2
package/package.json
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
const folder = ref<IMediaFolder | null>(null);
|
|
38
38
|
const selectMode = ref<boolean>(false);
|
|
39
39
|
const showDownload = ref(false);
|
|
40
|
+
const showText = ref("SHOW");
|
|
40
41
|
|
|
41
42
|
onMounted(async () => {
|
|
42
43
|
if (mediaAppConfig.useMediaBin) {
|
|
@@ -137,8 +138,15 @@
|
|
|
137
138
|
}
|
|
138
139
|
return result;
|
|
139
140
|
}
|
|
141
|
+
async function onTitleChanged() {
|
|
142
|
+
if (isMobile || title.value.length < 3)
|
|
143
|
+
return;
|
|
144
|
+
const list = await searchPictures (title.value, withPerson.value, withLocation.value, mediaService.photoSelection.rating, 100000);
|
|
145
|
+
showText.value = `SHOW ${list.length}`;
|
|
146
|
+
}
|
|
140
147
|
async function onSearch() {
|
|
141
148
|
const list = await searchPictures (title.value, withPerson.value, withLocation.value, mediaService.photoSelection.rating, isMobile ? 200 : 500);
|
|
149
|
+
showText.value = `SHOW ${list.length}`;
|
|
142
150
|
photos.value.splice(0, photos.value.length, ...list);
|
|
143
151
|
console.log(photos.value.length);
|
|
144
152
|
}
|
|
@@ -222,7 +230,7 @@
|
|
|
222
230
|
</v-row>
|
|
223
231
|
<v-row v-else dense align="center">
|
|
224
232
|
<v-col cols="6">
|
|
225
|
-
<v-combobox label="Titel" v-model="title" :items="titles" hide-details single-line></v-combobox>
|
|
233
|
+
<v-combobox label="Titel" v-model="title" :items="titles" @update:modelValue="onTitleChanged" hide-details single-line></v-combobox>
|
|
226
234
|
</v-col>
|
|
227
235
|
<v-col cols="2">
|
|
228
236
|
<v-checkbox v-model="withLocation" hide-details density="compact" label="Loc"></v-checkbox>
|
|
@@ -232,7 +240,7 @@
|
|
|
232
240
|
</v-col>
|
|
233
241
|
<v-col cols="2">
|
|
234
242
|
<v-btn v-if="isMobile" icon="$search" variant="tonal" @click="onSearch"></v-btn>
|
|
235
|
-
<v-btn v-else prepend-icon="$search" variant="tonal" @click="onSearch">
|
|
243
|
+
<v-btn v-else prepend-icon="$search" variant="tonal" @click="onSearch">{{showText}}</v-btn>
|
|
236
244
|
</v-col>
|
|
237
245
|
</v-row>
|
|
238
246
|
<v-row v-if="mediaAppConfig.showThumbnailText" dense align="center" >
|