+
-
+
+
+
+
+
@@ -22,6 +26,7 @@ import TopMatter from './top-matter/TopMatter.vue';
import ClusterGrid from './ClusterGrid.vue';
import Timeline from './Timeline.vue';
import EmptyContent from './top-matter/EmptyContent.vue';
+import DynamicTopMatter from './top-matter/DynamicTopMatter.vue';
import * as dav from '../services/DavRequests';
@@ -35,6 +40,7 @@ export default defineComponent({
ClusterGrid,
Timeline,
EmptyContent,
+ DynamicTopMatter,
},
mixins: [UserConfig],
@@ -79,6 +85,10 @@ export default defineComponent({
this.items = [];
this.loading++;
+ await this.$nextTick();
+ // @ts-ignore
+ await this.$refs.dtm?.refresh?.();
+
if (route === 'albums') {
this.items = await dav.getAlbums(3, this.config.album_list_sort);
} else if (route === 'tags') {
diff --git a/src/components/top-matter/DynamicTopMatter.vue b/src/components/top-matter/DynamicTopMatter.vue
index ead7f33a..990dc2be 100644
--- a/src/components/top-matter/DynamicTopMatter.vue
+++ b/src/components/top-matter/DynamicTopMatter.vue
@@ -11,6 +11,7 @@ import { defineComponent } from 'vue';
import UserMixin from '../../mixins/UserConfig';
import FolderDynamicTopMatter from './FolderDynamicTopMatter.vue';
+import PlacesDynamicTopMatterVue from './PlacesDynamicTopMatter.vue';
import OnThisDay from './OnThisDay.vue';
import * as PublicShareHeader from './PublicShareHeader';
@@ -25,6 +26,8 @@ export default defineComponent({
currentmatter(): any {
if (this.routeIsFolders) {
return FolderDynamicTopMatter;
+ } else if (this.routeIsPlaces) {
+ return PlacesDynamicTopMatterVue;
} else if (this.routeIsBase && this.config.enable_top_memories) {
return OnThisDay;
}
diff --git a/src/components/top-matter/PlacesDynamicTopMatter.vue b/src/components/top-matter/PlacesDynamicTopMatter.vue
new file mode 100644
index 00000000..b27e931e
--- /dev/null
+++ b/src/components/top-matter/PlacesDynamicTopMatter.vue
@@ -0,0 +1,78 @@
+
+
+
+ {{ place.name }}
+
+
+
+
+
+
+
diff --git a/src/components/top-matter/TopMatter.vue b/src/components/top-matter/TopMatter.vue
index d7d899a3..c1bcfade 100644
--- a/src/components/top-matter/TopMatter.vue
+++ b/src/components/top-matter/TopMatter.vue
@@ -97,6 +97,11 @@ export default defineComponent({
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
+ // Hide shadow if inside cluster view
+ .cluster-view & {
+ box-shadow: none;
+ }
+
@media (max-width: 768px) {
padding-left: 10px; // extra space visual
}