feat: Display filters in public and shared albums

Signed-off-by: Louis Chemineau <[email protected]>

src/components/PhotosFilters/PlacesFilterDisplay.vue

@@ -7,7 +7,7 @@
 		<MapMarker /> <b>{{ t('photos', 'Places') }}: </b>
 		<span v-for="place in selectedPlaces" :key="place.label">
 			<NcChip no-close>
-				<template #icon>
+				<template v-if="place.previewUrl !== undefined" #icon>
 					<img :src="place.previewUrl" class="place__preview">
 				</template>
 				<template #default>

src/views/PublicAlbumContent.vue

@@ -24,6 +24,12 @@
 				<div v-if="album.attributes.location !== ''" slot="subtitle" class="album__location">
 					<MapMarker />{{ album.attributes.location }}
 				</div>
+				<template slot="default">
+					<span v-if="album !== undefined" class="album-container__filters">
+						<PhotosFiltersDisplay :filters-value="album.attributes.filters" />
+					</span>
+				</template>
+
 				<template v-if="album !== undefined" slot="right">
 					<NcActions :force-menu="true" :aria-label="t('photos', 'Open actions menu')">
 						<!-- TODO: enable download on public albums -->
@@ -84,6 +90,7 @@ import { generateRemoteUrl, generateUrl } from '@nextcloud/router'
 import { translate } from '@nextcloud/l10n'
 import { getClient } from '@nextcloud/files/dav'
 
+import PhotosFiltersDisplay from '../components/PhotosFilters/PhotosFiltersDisplay.vue'
 import CollectionContent from '../components/Collection/CollectionContent.vue'
 import HeaderNavigation from '../components/HeaderNavigation.vue'
 // import ActionDownload from '../components/Actions/ActionDownload.vue'
@@ -107,6 +114,7 @@ export default {
 		CollectionContent,
 		// ActionDownload,
 		HeaderNavigation,
+		PhotosFiltersDisplay,
 	},
 
 	mixins: [

src/views/SharedAlbumContent.vue

@@ -32,6 +32,10 @@
 						</template>
 						{{ t('photos', 'Unselect all') }}
 					</NcButton>
+
+					<span v-if="album !== undefined" class="album-container__filters">
+						<PhotosFiltersDisplay :filters-value="album.attributes.filters" />
+					</span>
 				</template>
 
 				<template v-if="album !== undefined" slot="right">
@@ -120,6 +124,7 @@ import Close from 'vue-material-design-icons/Close.vue'
 import FetchFilesMixin from '../mixins/FetchFilesMixin.js'
 import FetchCollectionContentMixin from '../mixins/FetchCollectionContentMixin.js'
 
+import PhotosFiltersDisplay from '../components/PhotosFilters/PhotosFiltersDisplay.vue'
 import CollectionContent from '../components/Collection/CollectionContent.vue'
 import HeaderNavigation from '../components/HeaderNavigation.vue'
 // import ActionDownload from '../components/Actions/ActionDownload.vue'
@@ -146,6 +151,7 @@ export default {
 		// ActionDownload,
 		PhotosPicker,
 		HeaderNavigation,
+		PhotosFiltersDisplay,
 	},
 
 	mixins: [