diff --git a/client/src/components/modules/SnapshotTeamMenu.vue b/client/src/components/modules/SnapshotTeamMenu.vue
new file mode 100644
index 00000000..c0d176bc
--- /dev/null
+++ b/client/src/components/modules/SnapshotTeamMenu.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
diff --git a/client/src/pages/snapshot/snapshots.vue b/client/src/pages/snapshot/snapshots.vue
index c03c8adc..2a857238 100644
--- a/client/src/pages/snapshot/snapshots.vue
+++ b/client/src/pages/snapshot/snapshots.vue
@@ -2,12 +2,19 @@
Snapshots
Thema: {{ module.topic.title }} - {{ module.metaTitle }}: {{ module.title }}
-
+
+
+ v-for="snapshot in module.snapshots"
+ />
@@ -16,16 +23,19 @@
import SnapshotListItem from '@/components/modules/SnapshotListItem';
import MODULE_SNAPSHOTS_QUERY from '@/graphql/gql/queries/moduleSnapshots.gql';
+ import SnapshotTeamMenu from '@/components/modules/SnapshotTeamMenu';
const defaultModule = {topic: {}, snapshots: []};
export default {
components: {
- SnapshotListItem
+ SnapshotTeamMenu,
+ SnapshotListItem,
},
data() {
return {
- module: defaultModule
+ module: defaultModule,
+ selectedLink: 'mine',
};
},
@@ -34,7 +44,7 @@
query: MODULE_SNAPSHOTS_QUERY,
variables() {
return {
- slug: this.$route.params.slug
+ slug: this.$route.params.slug,
};
},
error(error, vm, key, type, options) {
@@ -42,7 +52,7 @@
},
update(data) {
return data.module || defaultModule;
- }
+ },
},
},
};
@@ -60,6 +70,7 @@
&__details {
@include regular-text;
+ margin-bottom: $large-spacing;
}
&__list {