From 6f0cb0dd881c186f18b5ea38940a547d14243794 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 16 Dec 2019 15:24:46 +0100
Subject: [PATCH 01/17] Add command for exporting assignments

---
 .../management/commands/export_assignments.py | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 server/core/management/commands/export_assignments.py

diff --git a/server/core/management/commands/export_assignments.py b/server/core/management/commands/export_assignments.py
new file mode 100644
index 00000000..1015e6a6
--- /dev/null
+++ b/server/core/management/commands/export_assignments.py
@@ -0,0 +1,29 @@
+from django.core.management import BaseCommand
+
+from assignments.models import Assignment, StudentSubmission
+import random
+import json
+from django.db.models import Q
+
+class Command(BaseCommand):
+    def add_arguments(self, parser):
+        parser.add_argument('jsonfile', type=str)
+
+    def handle(self, *args, **options):
+        jsonfile = options['jsonfile']
+        self.stdout.write("Exporting assignments")
+        assignment_list = []
+        for assignment in Assignment.objects.filter(user_created=False):
+            assignment_dict = {
+                "title": assignment.title,
+                "id": assignment.id,
+                "text": assignment.assignment,
+            }
+            submissions = assignment.submissions.filter(text__isnull=False).filter(~Q(text=''))
+            if submissions.count() > 0:
+                example = random.choice(submissions)
+                assignment_dict['example'] = example.text
+            assignment_list.append(assignment_dict)
+
+        with open(jsonfile, 'w') as f:
+            f.write(json.dumps(assignment_list, indent=2, sort_keys=True))

From 1549cde15128acb0712928a8671aba7bed54ece4 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 13:11:32 +0100
Subject: [PATCH 02/17] Update MyActivity query to include more activities

---
 server/api/schema.py                 |  4 +--
 server/assignments/schema/queries.py |  8 ------
 server/books/schema/queries.py       | 37 +++++++++++++++++++++++++++-
 server/notes/schema.py               |  4 +++
 server/surveys/schema.py             |  1 +
 server/users/schema.py               | 10 ++++++--
 6 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/server/api/schema.py b/server/api/schema.py
index 5e5f0d12..f265e893 100644
--- a/server/api/schema.py
+++ b/server/api/schema.py
@@ -6,7 +6,7 @@ from graphene_django.debug import DjangoDebug
 # noinspection PyUnresolvedReferences
 from api import graphene_wagtail  # Keep this import exactly here, it's necessary for StreamField conversion
 from assignments.schema.mutations import AssignmentMutations
-from assignments.schema.queries import AssignmentsQuery, StudentSubmissionQuery, MyActivityQuery
+from assignments.schema.queries import AssignmentsQuery, StudentSubmissionQuery
 from basicknowledge.queries import BasicKnowledgeQuery
 from books.schema.mutations.main import BookMutations
 from books.schema.queries import BookQuery
@@ -26,7 +26,7 @@ from registration.mutations_public import RegistrationMutations
 
 
 class Query(UsersQuery, AllUsersQuery, ModuleRoomsQuery, RoomsQuery, ObjectivesQuery, BookQuery, AssignmentsQuery,
-            StudentSubmissionQuery,  BasicKnowledgeQuery, PortfolioQuery, MyActivityQuery, SurveysQuery,
+            StudentSubmissionQuery,  BasicKnowledgeQuery, PortfolioQuery, SurveysQuery,
             graphene.ObjectType):
     node = relay.Node.Field()
 
diff --git a/server/assignments/schema/queries.py b/server/assignments/schema/queries.py
index 7f9ac9da..ae25ddf2 100644
--- a/server/assignments/schema/queries.py
+++ b/server/assignments/schema/queries.py
@@ -12,11 +12,3 @@ class AssignmentsQuery(object):
 
 class StudentSubmissionQuery(object):
     student_submission = relay.Node.Field(StudentSubmissionNode)
-
-
-class MyActivityQuery(object):
-    my_activity = DjangoFilterConnectionField(StudentSubmissionNode)
-
-    def resolve_my_activity(self, info, **kwargs):
-        user = info.context.user
-        return StudentSubmission.objects.filter(student=user)
diff --git a/server/books/schema/queries.py b/server/books/schema/queries.py
index cf241d3e..53d0e55f 100644
--- a/server/books/schema/queries.py
+++ b/server/books/schema/queries.py
@@ -4,10 +4,14 @@ from graphene_django import DjangoObjectType
 from graphene_django.filter import DjangoFilterConnectionField
 
 from api.utils import get_object
+from assignments.models import StudentSubmission
+from assignments.schema.types import StudentSubmissionNode
 from books.utils import are_solutions_enabled_for
 from notes.models import ContentBlockBookmark, ChapterBookmark, ModuleBookmark
 from notes.schema import ContentBlockBookmarkNode, ChapterBookmarkNode, ModuleBookmarkNode
 from rooms.models import ModuleRoomSlug
+from surveys.models import Answer
+from surveys.schema import AnswerNode
 from ..models import Book, Topic, Module, Chapter, ContentBlock
 
 
@@ -103,6 +107,7 @@ class ChapterNode(DjangoObjectType):
             chapter=self
         ).first()
 
+
 class ModuleNode(DjangoObjectType):
     pk = graphene.Int()
     chapters = DjangoFilterConnectionField(ChapterNode)
@@ -110,6 +115,10 @@ class ModuleNode(DjangoObjectType):
     hero_image = graphene.String()
     solutions_enabled = graphene.Boolean()
     bookmark = graphene.Field(ModuleBookmarkNode)
+    my_submissions = DjangoFilterConnectionField(StudentSubmissionNode)
+    my_answers = DjangoFilterConnectionField(AnswerNode)
+    my_content_bookmarks = DjangoFilterConnectionField(ContentBlockBookmarkNode)
+    my_chapter_bookmarks = DjangoFilterConnectionField(ChapterBookmarkNode)
 
     class Meta:
         model = Module
@@ -145,6 +154,32 @@ class ModuleNode(DjangoObjectType):
             module=self
         ).first()
 
+    def resolve_my_submissions(self, info, **kwargs):
+        user = info.context.user
+        return StudentSubmission.objects.filter(student=user, assignment__module=self)
+        # we want:
+        # StudentSubmission
+
+    def resolve_my_answers(self, info, **kwargs):
+        user = info.context.user
+        return Answer.objects.filter(owner=user, survey__module=self)
+        # Survey
+
+    def resolve_my_content_bookmarks(self, info, **kwargs):
+        user = info.context.user
+        content_blocks = ContentBlock.objects.live().descendant_of(self)
+        return ContentBlockBookmark.objects.filter(content_block__in=content_blocks, user=user)
+        # Bookmark Text
+        # Bookmark Image etc
+        # Bookmark Other
+        # Note
+        #
+
+    def resolve_my_chapter_bookmarks(self, info, **kwargs):
+        user = info.context.user
+        chapters = Chapter.objects.live().descendant_of(self)
+        return ChapterBookmark.objects.filter(chapter__in=chapters, user=user)
+
 
 class TopicNode(DjangoObjectType):
     pk = graphene.Int()
@@ -196,7 +231,7 @@ class FilteredChapterNode(DjangoObjectType):
     class Meta:
         model = Chapter
         only_fields = [
-            'slug', 'title',
+            'slug', 'title', 'description',
         ]
         filter_fields = [
             'slug', 'title',
diff --git a/server/notes/schema.py b/server/notes/schema.py
index 08119227..818d44e7 100644
--- a/server/notes/schema.py
+++ b/server/notes/schema.py
@@ -23,6 +23,8 @@ class ContentBlockBookmarkNode(DjangoObjectType):
 
     class Meta:
         model = ContentBlockBookmark
+        filter_fields = []
+        interfaces = (relay.Node,)
 
 
 class ModuleBookmarkNode(DjangoObjectType):
@@ -37,3 +39,5 @@ class ChapterBookmarkNode(DjangoObjectType):
 
     class Meta:
         model = ChapterBookmark
+        filter_fields = []
+        interfaces = (relay.Node,)
diff --git a/server/surveys/schema.py b/server/surveys/schema.py
index 701e76cd..9e5cdc37 100644
--- a/server/surveys/schema.py
+++ b/server/surveys/schema.py
@@ -14,6 +14,7 @@ class AnswerNode(DjangoObjectType):
     class Meta:
         model = Answer
         interfaces = (relay.Node,)
+        filter_fields = []
 
     def resolve_pk(self, *args, **kwargs):
         return self.id
diff --git a/server/users/schema.py b/server/users/schema.py
index 2511b7c3..11192d55 100644
--- a/server/users/schema.py
+++ b/server/users/schema.py
@@ -3,6 +3,10 @@ from graphene import relay
 from graphene_django import DjangoObjectType
 from graphene_django.filter import DjangoFilterConnectionField
 
+from assignments.models import StudentSubmission
+from assignments.schema.types import StudentSubmissionNode
+from books.models import Module
+from books.schema.queries import ModuleNode
 from users.models import User, SchoolClass
 
 
@@ -43,6 +47,7 @@ class UserNode(DjangoObjectType):
 class UsersQuery(object):
     me = graphene.Field(UserNode)
     all_users = DjangoFilterConnectionField(UserNode)
+    my_activity = DjangoFilterConnectionField(ModuleNode)
 
     def resolve_me(self, info, **kwargs):
         return info.context.user
@@ -53,6 +58,9 @@ class UsersQuery(object):
         else:
             return User.objects.all()
 
+    def resolve_my_activity(self, info, **kwargs):
+        return Module.objects.all()
+
 
 class AllUsersQuery(object):
     me = graphene.Field(UserNode)
@@ -63,5 +71,3 @@ class AllUsersQuery(object):
             return User.objects.none()
         else:
             return User.objects.all()
-
-

From cb13aa1ea5e4a84157621814453b096b54c2a11d Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 13:17:08 +0100
Subject: [PATCH 03/17] Update my activity in client

---
 .../components/profile/ContentBookmark.vue    |  50 +++++++++
 .../src/components/profile/ModuleActivity.vue | 105 ++++++++++++------
 client/src/graphql/gql/myActivity.gql         |  83 ++++++++++++--
 client/src/pages/activity.vue                 |  31 +-----
 4 files changed, 198 insertions(+), 71 deletions(-)
 create mode 100644 client/src/components/profile/ContentBookmark.vue

diff --git a/client/src/components/profile/ContentBookmark.vue b/client/src/components/profile/ContentBookmark.vue
new file mode 100644
index 00000000..701fa71e
--- /dev/null
+++ b/client/src/components/profile/ContentBookmark.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="content-bookmark module-activity-entry">
+    <h3 class="module-activity-entry__title">Lesezeichen</h3>
+    <div v-html="text" v-if="content.type === 'text_block'"></div>
+    <div v-else-if="content.type === 'link_block'">
+      <link-block :value="content.value"></link-block>
+    </div>
+    <p v-else>
+      {{type}}
+    </p>
+  </div>
+</template>
+
+<script>
+  import LinkBlock from '@/components/content-blocks/LinkBlock';
+  export default {
+    components: {LinkBlock},
+    props: ['bookmark'],
+    computed: {
+      content() {
+        return this.bookmark.contentBlock.contents.find(e => e.id === this.bookmark.uuid)
+      },
+      text() {
+        return this.content.value.text ? this.content.value.text : 'TO BE DEFINED'
+      },
+      type() {
+        switch (this.content.type) {
+          case 'assignment':
+            return 'Aufgabe & Ergebnis';
+          case 'link_block':
+            return this.content;
+          case 'survey':
+            return 'Übung';
+          default:
+            return this.content.type;
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_mixins.scss";
+
+  .content-bookmark {
+    /deep/ p {
+      @include regular-text;
+    }
+  }
+</style>
diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 7af3595d..2cb96f9e 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -1,38 +1,82 @@
 <template>
-  <div class="module-activity">
-    <h3 class="module-activity__module-name">{{moduleTitle}}</h3>
-    <h2 class="module-activity__title">{{title}}</h2>
+  <div class="module-activity" v-if="!empty">
+    <h3 class="module-activity__module-name">{{module.topic.title}}</h3>
+    <h2 class="module-activity__title">{{module.metaTitle}} - {{module.title}}</h2>
     <div class="module-activity__tasks activity-tasks">
-      <h4 class="activity-tasks__title">Meine Ergebnisse</h4>
-      <ol class="activity-tasks__task-list task-list">
-        <li v-for="activity in activities" :key="activity.key" class="task-list__item task-item">
-          <h5 class="task-item__title">{{activity.assignmentTitle}}</h5>
-          <p class="task-item__submission">{{activity.answer}}</p>
-          <a href="#" @click="goToAssignment(activity)"><chevron-right class="task-item__chevron"></chevron-right></a>
-        </li>
-      </ol>
+      <div class="module-activity__entry module-activity-entry"
+           v-for="submission in module.mySubmissions"
+           :key="submission.id"
+           @click="goToAssignment(submission.assignment.id)">
+        <h3 class="module-activity-entry__title">Aufgabe & Ergebnis</h3>
+        <p class="module-activity-entry__text">
+          {{submission.text}}
+        </p>
+      </div>
+      <div class="module-activity__entry module-activity-entry"
+           v-for="answer in module.myAnswers"
+           :key="answer.id">
+        <h3 class="module-activity-entry__title">Übung</h3>
+        <p class="module-activity-entry__text">
+          {{answer.survey.title}}
+        </p>
+
+      </div>
+      <div class="module-activity__entry"
+           v-for="bookmark in module.myContentBookmarks"
+           :key="bookmark.id">
+        <content-bookmark :bookmark="bookmark"></content-bookmark>
+      </div>
+      <div class="module-activity__entry"
+           v-for="bookmark in module.myChapterBookmarks"
+           :key="bookmark.id">
+        <h3 class="module-activity-entry__title">Lesezeichen</h3>
+        <p class="module-activity-entry__text">
+          {{bookmark.chapter.description}}
+        </p>
+      </div>
+      <div class="module-activity__entry"
+           v-for="note in notes" :key="note.id">
+        <h3 class="module-activity-entry__title">Notiz</h3>
+        <p class="module-activity-entry__text">
+          {{note.text}}
+        </p>
+
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 
-  import { mapActions } from 'vuex'
-  import ChevronRight from '@/components/icons/ChevronRight';
+  import {mapActions} from 'vuex'
+  import ContentBookmark from '@/components/profile/ContentBookmark';
 
   export default {
-    props: ['metaTitle', 'title', 'activities', 'topic', 'slug'],
-    components: {ChevronRight},
+    props: ['module'],
+    components: {
+      ContentBookmark
+    },
     computed: {
-      moduleTitle () {
-        return `${this.topic.title} - ${this.metaTitle}`
+      empty() {
+        return !(this.module.mySubmissions.length ||
+          this.module.myAnswers.length ||
+          this.module.myContentBookmarks.length ||
+          this.module.myChapterBookmarks.length ||
+          this.module.bookmark)
+      },
+      notes() {
+        return this.module.myChapterBookmarks
+          .concat(this.module.myContentBookmarks)
+          .concat([this.module.bookmark ? this.module.bookmark : {}])
+          .filter(b => b.note)
+          .map(b => b.note);
       }
     },
     methods: {
       ...mapActions(['scrollToAssignmentId']),
-      goToAssignment (activity) {
-        const url = `/module/${this.slug}/`;
-        this.scrollToAssignmentId(activity.assignmentId);
+      goToAssignment(id) {
+        const url = `/module/${this.module.slug}/`;
+        this.scrollToAssignmentId(id);
         this.$router.push(url);
       }
     }
@@ -44,8 +88,6 @@
   @import "@/styles/_mixins.scss";
 
   .module-activity {
-    @include widget-shadow;
-    padding: $medium-spacing;
 
     /* used for text ellipis... somehow https://css-flexbox-text-ellipsis.dinhquangtrung.net/ just does not work */
 
@@ -64,20 +106,17 @@
     }
 
     &__module-name {
-      @include small-text;
-      color: $color-silver-dark;
+      @include regular-text;
+      margin-bottom: $small-spacing;
     }
-  }
 
-  .activity-tasks {
     &__title {
-      background-color: $color-brand-light;
-      padding: $small-spacing $medium-spacing;
-      border-radius: $default-border-radius;
+      @include heading-2;
+    }
 
-      &--alternative {
-        background-color: $color-accent-1-light;
-      }
+    &__entry {
+      padding: $small-spacing 0;
+      border-bottom: 1px solid $color-silver;
     }
   }
 
@@ -90,7 +129,7 @@
     $line-height: 50px;
 
     &__title {
-        &::after {
+      &::after {
         content: ":"
       }
       margin-right: $medium-spacing;
diff --git a/client/src/graphql/gql/myActivity.gql b/client/src/graphql/gql/myActivity.gql
index 58ea7b8d..bfaa796b 100644
--- a/client/src/graphql/gql/myActivity.gql
+++ b/client/src/graphql/gql/myActivity.gql
@@ -1,22 +1,83 @@
-query {
+query MyActivityQuery {
   myActivity {
     edges {
       node {
         id
-        text
-        assignment {
-          id
+        title
+        slug
+        metaTitle
+        topic {
           title
-          module {
-            title
-            metaTitle
-            slug
-            id
-						topic {
-              title
+        }
+        mySubmissions {
+          edges {
+            node {
+              id
+              text
+              assignment {
+                id
+                title
+              }
             }
           }
         }
+        myAnswers {
+          edges {
+            node {
+              id
+              survey {
+                id
+                title
+              }
+            }
+          }
+        }
+        myContentBookmarks {
+          edges {
+            node {
+              id
+              uuid
+              note {
+                id
+                text
+              }
+              contentBlock {
+                id
+                type
+                contents
+              }
+            }
+          }
+        }
+        myChapterBookmarks {
+          edges {
+            node {
+              id
+              note {
+                id
+                text
+              }
+              chapter {
+                id
+                title
+                description
+              }
+            }
+          }
+        }
+        bookmark {
+          id
+          note {
+            id
+            text
+          }
+          module {
+            id
+            teaser
+            metaTitle
+            intro
+          }
+        }
       }
     }
   }
diff --git a/client/src/pages/activity.vue b/client/src/pages/activity.vue
index 1066fe00..c7dcc6d1 100644
--- a/client/src/pages/activity.vue
+++ b/client/src/pages/activity.vue
@@ -2,7 +2,8 @@
   <div class="activity">
     <h1 class="activity__header">Meine Aktivitäten</h1>
     <div class="modules">
-      <module-activity v-for="moduleId in Object.keys(modules)" v-bind="modules[moduleId]" :key="moduleId" class="activity"></module-activity>
+      <module-activity v-for="(module, id) in modules" :module="module" :key="id" class="activity"></module-activity>
+
     </div>
   </div>
 </template>
@@ -18,7 +19,7 @@
     },
 
     apollo: {
-      submissions: {
+      modules: {
         query: MY_ACTIVITY_QUERY,
         update(data) {
           return this.$getRidOfEdges(data).myActivity;
@@ -28,31 +29,7 @@
 
     data() {
       return {
-        submissions: []
-      }
-    },
-    computed: {
-      modules () {
-        let modules = {};
-
-        this.submissions.map((submission) => {
-          let activity = {
-            assignmentId: submission.assignment.id,
-            assignmentTitle: submission.assignment.title,
-            answer: submission.text
-          };
-
-          const module = submission.assignment.module
-          if (!(module.id in modules)) {
-            modules[module.id] = {
-              ...module,
-              activities: []
-            }
-          }
-
-          modules[module.id].activities = [...modules[module.id].activities, activity];
-        });
-        return modules
+        modules: []
       }
     }
   }

From b132e320af20e47e80f04123308cfc9d15ed82b2 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 13:18:17 +0100
Subject: [PATCH 04/17] Fix scrolling to assignments

---
 .../src/components/content-blocks/assignment/Assignment.vue   | 2 +-
 client/src/pages/module.vue                                   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue
index bbc3736b..853bec36 100644
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="assignment">
+  <div class="assignment" :data-scrollto="assignment.id">
     <p class="assignment__assignment-text">
       {{assignment.assignment}}
     </p>
diff --git a/client/src/pages/module.vue b/client/src/pages/module.vue
index 590ca32b..be5f5496 100644
--- a/client/src/pages/module.vue
+++ b/client/src/pages/module.vue
@@ -46,7 +46,7 @@
         if (mutation.type === 'setScrollToAssignmentReady' && mutation.payload && !this.isScrollingToAssignment) {
           this.scrollingToAssignment(true);
           let options = {
-            container: '#app',
+            container: 'body',
             easing: 'ease',
             offset: -60,
             onStart: (element) => {
@@ -62,7 +62,7 @@
             y: true
           };
           setTimeout(() => {
-            this.$scrollTo(`#${this.scrollToAssignmentId.replace(/=/g, '')}`, 1000, options);
+            this.$scrollTo(`[data-scrollto="${this.scrollToAssignmentId}"]`, 1000, options);
             }, 250) // unfortunately this timeout is needed as it is hard to tell when everything is rendered
         }
       })

From a713048b8647540e87897fd0b706046cf1980c00 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 13:18:42 +0100
Subject: [PATCH 05/17] Add styling for module activity entries

---
 client/src/styles/main.scss            |  1 +
 client/src/styles/module-activity.scss | 12 ++++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 client/src/styles/module-activity.scss

diff --git a/client/src/styles/main.scss b/client/src/styles/main.scss
index ff8c1251..62d4cf26 100644
--- a/client/src/styles/main.scss
+++ b/client/src/styles/main.scss
@@ -21,3 +21,4 @@
 @import "password_forms";
 @import "public-page";
 @import "student-submission";
+@import "module-activity";
diff --git a/client/src/styles/module-activity.scss b/client/src/styles/module-activity.scss
new file mode 100644
index 00000000..6330fbc9
--- /dev/null
+++ b/client/src/styles/module-activity.scss
@@ -0,0 +1,12 @@
+.module-activity-entry {
+  &__title {
+    @include small-text;
+    // todo: make style definition for small text and silver color
+    color: $color-silver-dark;
+    margin-bottom: 0;
+  }
+
+  &__text {
+    @include regular-text;
+  }
+}

From 54a6a2a702d7c6ee630b7799267247678fe0edba Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 16:16:32 +0100
Subject: [PATCH 06/17] Update package versions

---
 client/package-lock.json | 254 ++++++++++++++++++++++++---------------
 client/package.json      |  10 +-
 2 files changed, 164 insertions(+), 100 deletions(-)

diff --git a/client/package-lock.json b/client/package-lock.json
index 20e10dce..9d91828e 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -2460,7 +2460,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -2492,7 +2492,7 @@
         },
         "onetime": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
           "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
           "dev": true
         },
@@ -2757,12 +2757,6 @@
         "@types/yargs": "^12.0.9"
       }
     },
-    "@types/async": {
-      "version": "2.0.49",
-      "resolved": "https://registry.npmjs.org/@types/async/-/async-2.0.49.tgz",
-      "integrity": "sha512-Benr3i5odUkvpFkOpzGqrltGdbSs+EVCkEBGXbuR7uT0VzhXKIkhem6PDzHdx5EonA+rfbB3QvP6aDOw5+zp5Q==",
-      "optional": true
-    },
     "@types/babel__core": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.2.tgz",
@@ -2921,11 +2915,6 @@
         "@types/node": "*"
       }
     },
-    "@types/graphql": {
-      "version": "0.12.6",
-      "resolved": "https://registry.npmjs.org/@types/graphql/-/graphql-0.12.6.tgz",
-      "integrity": "sha512-wXAVyLfkG1UMkKOdMijVWFky39+OD/41KftzqfX1Oejd0Gm6dOIKjCihSVECg6X7PHjftxXmfOKA/d1H79ZfvQ=="
-    },
     "@types/istanbul-lib-coverage": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz",
@@ -2960,8 +2949,7 @@
     "@types/node": {
       "version": "12.7.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-12.7.1.tgz",
-      "integrity": "sha512-aK9jxMypeSrhiYofWWBf/T7O+KwaiAHzM4sveCdWPn71lzUSMimRnKzhXDKfKwV1kWoBo2P1aGgaIYGLf9/ljw==",
-      "dev": true
+      "integrity": "sha512-aK9jxMypeSrhiYofWWBf/T7O+KwaiAHzM4sveCdWPn71lzUSMimRnKzhXDKfKwV1kWoBo2P1aGgaIYGLf9/ljw=="
     },
     "@types/stack-utils": {
       "version": "1.0.1",
@@ -3011,6 +2999,23 @@
         "lodash": "^4.17.4"
       }
     },
+    "@wry/context": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@wry/context/-/context-0.4.4.tgz",
+      "integrity": "sha512-LrKVLove/zw6h2Md/KZyWxIkFM6AoyKp71OqpH9Hiip1csjPVoD3tPxlbQUNxEnHENks3UGgNpSBCAfq9KWuag==",
+      "requires": {
+        "@types/node": ">=6",
+        "tslib": "^1.9.3"
+      }
+    },
+    "@wry/equality": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.1.9.tgz",
+      "integrity": "sha512-mB6ceGjpMGz1ZTza8HYnrPGos2mC6So4NhS1PtZ8s4Qt0K7fBiIGhpSxUbQmhwcSWE3no+bYxmI2OL6KuXYmoQ==",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
     "abab": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.0.tgz",
@@ -3175,79 +3180,109 @@
       }
     },
     "apollo-cache": {
-      "version": "1.1.14",
-      "resolved": "https://registry.npmjs.org/apollo-cache/-/apollo-cache-1.1.14.tgz",
-      "integrity": "sha512-Zmo9nVqpWFogki2QyulX6Xx6KYXMyYWX74grwgsYYUOukl4pIAdtYyK8e874o0QDgzSOq5AYPXjtfkoVpqhCRw==",
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/apollo-cache/-/apollo-cache-1.3.4.tgz",
+      "integrity": "sha512-7X5aGbqaOWYG+SSkCzJNHTz2ZKDcyRwtmvW4mGVLRqdQs+HxfXS4dUS2CcwrAj449se6tZ6NLUMnjko4KMt3KA==",
       "requires": {
-        "apollo-utilities": "^1.0.18"
+        "apollo-utilities": "^1.3.3",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
       }
     },
     "apollo-cache-inmemory": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/apollo-cache-inmemory/-/apollo-cache-inmemory-1.2.7.tgz",
-      "integrity": "sha512-ikL3hWsd1DejiZSAuiGnX6TG3cKAZmkMTZZfNZggp9vcTa47kfPqms/pX0F4iajCJP/p7/AllhbpsQ3zVMOZGg==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/apollo-cache-inmemory/-/apollo-cache-inmemory-1.6.5.tgz",
+      "integrity": "sha512-koB76JUDJaycfejHmrXBbWIN9pRKM0Z9CJGQcBzIOtmte1JhEBSuzsOUu7NQgiXKYI4iGoMREcnaWffsosZynA==",
       "requires": {
-        "apollo-cache": "^1.1.14",
-        "apollo-utilities": "^1.0.18",
-        "graphql-anywhere": "^4.1.16"
+        "apollo-cache": "^1.3.4",
+        "apollo-utilities": "^1.3.3",
+        "optimism": "^0.10.0",
+        "ts-invariant": "^0.4.0",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
       }
     },
     "apollo-client": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/apollo-client/-/apollo-client-2.3.8.tgz",
-      "integrity": "sha512-X5wsBD1be1P/mScGsH5H+2hIE8d78WAfqOvFvBpP+C+jzJ9387uHLyFmYYMLRRqDQ3ihjI4iSID7KEOW2gyCcQ==",
+      "version": "2.6.8",
+      "resolved": "https://registry.npmjs.org/apollo-client/-/apollo-client-2.6.8.tgz",
+      "integrity": "sha512-0zvJtAcONiozpa5z5zgou83iEKkBaXhhSSXJebFHRXs100SecDojyUWKjwTtBPn9HbM6o5xrvC5mo9VQ5fgAjw==",
       "requires": {
-        "@types/async": "2.0.49",
         "@types/zen-observable": "^0.8.0",
-        "apollo-cache": "^1.1.14",
+        "apollo-cache": "1.3.4",
         "apollo-link": "^1.0.0",
-        "apollo-link-dedup": "^1.0.0",
-        "apollo-utilities": "^1.0.18",
+        "apollo-utilities": "1.3.3",
         "symbol-observable": "^1.0.2",
+        "ts-invariant": "^0.4.0",
+        "tslib": "^1.10.0",
         "zen-observable": "^0.8.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
       }
     },
     "apollo-link": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/apollo-link/-/apollo-link-1.2.2.tgz",
-      "integrity": "sha512-Uk/BC09dm61DZRDSu52nGq0nFhq7mcBPTjy5EEH1eunJndtCaNXQhQz/BjkI2NdrfGI+B+i5he6YSoRBhYizdw==",
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/apollo-link/-/apollo-link-1.2.13.tgz",
+      "integrity": "sha512-+iBMcYeevMm1JpYgwDEIDt/y0BB7VWyvlm/7x+TIPNLHCTCMgcEgDuW5kH86iQZWo0I7mNwQiTOz+/3ShPFmBw==",
       "requires": {
-        "@types/graphql": "0.12.6",
-        "apollo-utilities": "^1.0.0",
-        "zen-observable-ts": "^0.8.9"
-      }
-    },
-    "apollo-link-dedup": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/apollo-link-dedup/-/apollo-link-dedup-1.0.9.tgz",
-      "integrity": "sha512-RbuEKpmSHVMtoREMPh2wUFTeh65q+0XPVeqgaOP/rGEAfvLyOMvX0vT2nVaejMohoMxuUnfZwpldXaDFWnlVbg==",
-      "requires": {
-        "apollo-link": "^1.2.2"
+        "apollo-utilities": "^1.3.0",
+        "ts-invariant": "^0.4.0",
+        "tslib": "^1.9.3",
+        "zen-observable-ts": "^0.8.20"
       }
     },
     "apollo-link-http": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/apollo-link-http/-/apollo-link-http-1.5.4.tgz",
-      "integrity": "sha512-e9Ng3HfnW00Mh3TI6DhNRfozmzQOtKgdi+qUAsHBOEcTP0PTAmb+9XpeyEEOueLyO0GXhB92HUCIhzrWMXgwyg==",
+      "version": "1.5.16",
+      "resolved": "https://registry.npmjs.org/apollo-link-http/-/apollo-link-http-1.5.16.tgz",
+      "integrity": "sha512-IA3xA/OcrOzINRZEECI6IdhRp/Twom5X5L9jMehfzEo2AXdeRwAMlH5LuvTZHgKD8V1MBnXdM6YXawXkTDSmJw==",
       "requires": {
-        "apollo-link": "^1.2.2",
-        "apollo-link-http-common": "^0.2.4"
+        "apollo-link": "^1.2.13",
+        "apollo-link-http-common": "^0.2.15",
+        "tslib": "^1.9.3"
       }
     },
     "apollo-link-http-common": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/apollo-link-http-common/-/apollo-link-http-common-0.2.4.tgz",
-      "integrity": "sha512-4j6o6WoXuSPen9xh4NBaX8/vL98X1xY2cYzUEK1F8SzvHe2oFONfxJBTekwU8hnvapcuq8Qh9Uct+gelu8T10g==",
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/apollo-link-http-common/-/apollo-link-http-common-0.2.15.tgz",
+      "integrity": "sha512-+Heey4S2IPsPyTf8Ag3PugUupASJMW894iVps6hXbvwtg1aHSNMXUYO5VG7iRHkPzqpuzT4HMBanCTXPjtGzxg==",
       "requires": {
-        "apollo-link": "^1.2.2"
+        "apollo-link": "^1.2.13",
+        "ts-invariant": "^0.4.0",
+        "tslib": "^1.9.3"
       }
     },
     "apollo-utilities": {
-      "version": "1.0.18",
-      "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.0.18.tgz",
-      "integrity": "sha512-hHrmsoMYzzzfUlTOPpxr0qRpTLotMkBIQ93Ub7ki2SWdLfYYKrp6/KB8YOUkbCwXxSFvYSV24ccuwUEqZIaHIA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/apollo-utilities/-/apollo-utilities-1.3.3.tgz",
+      "integrity": "sha512-F14aX2R/fKNYMvhuP2t9GD9fggID7zp5I96MF5QeKYWDWTrkRdHRp4+SVfXUVN+cXOaB/IebfvRtzPf25CM0zw==",
       "requires": {
-        "fast-json-stable-stringify": "^2.0.0"
+        "@wry/equality": "^0.1.2",
+        "fast-json-stable-stringify": "^2.0.0",
+        "ts-invariant": "^0.4.0",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.10.0",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
+        }
       }
     },
     "appolo": {
@@ -7103,7 +7138,7 @@
         },
         "minimist": {
           "version": "1.2.0",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+          "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
           "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
           "dev": true
         },
@@ -8985,7 +9020,8 @@
         },
         "ansi-regex": {
           "version": "2.1.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -9003,11 +9039,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -9020,15 +9058,18 @@
         },
         "code-point-at": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -9131,7 +9172,8 @@
         },
         "inherits": {
           "version": "2.0.3",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -9141,6 +9183,7 @@
         "is-fullwidth-code-point": {
           "version": "1.0.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -9153,17 +9196,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -9180,6 +9226,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -9252,7 +9299,8 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -9262,6 +9310,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -9367,6 +9416,7 @@
         "string-width": {
           "version": "1.0.2",
           "bundled": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -9384,6 +9434,7 @@
         "strip-ansi": {
           "version": "3.0.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -9422,7 +9473,8 @@
         },
         "wrappy": {
           "version": "1.0.2",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
@@ -9666,18 +9718,10 @@
         "iterall": "^1.2.1"
       }
     },
-    "graphql-anywhere": {
-      "version": "4.1.16",
-      "resolved": "https://registry.npmjs.org/graphql-anywhere/-/graphql-anywhere-4.1.16.tgz",
-      "integrity": "sha512-DNQGxrh2p8w4vQwHIW1Sw65ZDbOr6ktQCeol6itH3LeWy1a3IoZ67jxrhgrHM+Upg8oiazvteSr64VRxJ8n5+g==",
-      "requires": {
-        "apollo-utilities": "^1.0.18"
-      }
-    },
     "graphql-tag": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.9.2.tgz",
-      "integrity": "sha512-qnNmof9pAqj/LUzs3lStP0Gw1qhdVCUS7Ab7+SUB6KD5aX1uqxWQRwMnOGTkhKuLvLNIs1TvNz+iS9kUGl1MhA=="
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.10.1.tgz",
+      "integrity": "sha512-jApXqWBzNXQ8jYa/HLkZJaVw9jgwNqZkywa2zfFn16Iv1Zb7ELNHkJaXHR7Quvd5SIGsy6Ny7SUKATgnu05uEg=="
     },
     "growl": {
       "version": "1.9.2",
@@ -11430,12 +11474,14 @@
             "balanced-match": {
               "version": "1.0.0",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "brace-expansion": {
               "version": "1.1.11",
               "bundled": true,
               "dev": true,
+              "optional": true,
               "requires": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -11455,7 +11501,8 @@
             "concat-map": {
               "version": "0.0.1",
               "bundled": true,
-              "dev": true
+              "dev": true,
+              "optional": true
             },
             "console-control-strings": {
               "version": "1.1.0",
@@ -13065,7 +13112,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -13112,13 +13159,13 @@
         },
         "onetime": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
           "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
           "dev": true
         },
         "ora": {
           "version": "0.2.3",
-          "resolved": "https://registry.npmjs.org/ora/-/ora-0.2.3.tgz",
+          "resolved": "http://registry.npmjs.org/ora/-/ora-0.2.3.tgz",
           "integrity": "sha1-N1J9Igrc1Tw5tzVx11QVbV22V6Q=",
           "dev": true,
           "requires": {
@@ -13176,7 +13223,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -13240,7 +13287,7 @@
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "dev": true,
           "requires": {
@@ -13272,7 +13319,7 @@
         },
         "onetime": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
           "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
           "dev": true
         },
@@ -13542,7 +13589,7 @@
         },
         "onetime": {
           "version": "1.1.0",
-          "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+          "resolved": "http://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
           "integrity": "sha1-ofeDj4MUxRbwXs78vEzP4EtO14k=",
           "dev": true
         },
@@ -14685,6 +14732,14 @@
         "is-wsl": "^1.1.0"
       }
     },
+    "optimism": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/optimism/-/optimism-0.10.3.tgz",
+      "integrity": "sha512-9A5pqGoQk49H6Vhjb9kPgAeeECfUDF6aIICbMDL23kDLStBn1MWk3YvcZ4xWF9CsSf6XEgvRLkXy4xof/56vVw==",
+      "requires": {
+        "@wry/context": "^0.4.0"
+      }
+    },
     "optimist": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/optimist/-/optimist-0.6.1.tgz",
@@ -19027,6 +19082,14 @@
       "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
       "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA=="
     },
+    "ts-invariant": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.4.4.tgz",
+      "integrity": "sha512-uEtWkFM/sdZvRNNDL3Ehu4WVpwaulhwQszV8mrtcdeE8nN00BV9mAmQ88RkrBhFgl9gMgvjJLAQcZbnPXI9mlA==",
+      "requires": {
+        "tslib": "^1.9.3"
+      }
+    },
     "tsconfig": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-7.0.0.tgz",
@@ -20570,15 +20633,16 @@
       }
     },
     "zen-observable": {
-      "version": "0.8.9",
-      "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.9.tgz",
-      "integrity": "sha512-Y9kPzjGvIZ5jchSlqlCpBW3I82zBBL4z+ulXDRVA1NwsKzjt5kwAi+gOYIy0htNkfuehGZZtP5mRXHRV6TjDWw=="
+      "version": "0.8.15",
+      "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.15.tgz",
+      "integrity": "sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ=="
     },
     "zen-observable-ts": {
-      "version": "0.8.9",
-      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-0.8.9.tgz",
-      "integrity": "sha512-KJz2O8FxbAdAU5CSc8qZ1K2WYEJb1HxS6XDRF+hOJ1rOYcg6eTMmS9xYHCXzqZZzKw6BbXWyF4UpwSsBQnHJeA==",
+      "version": "0.8.20",
+      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-0.8.20.tgz",
+      "integrity": "sha512-2rkjiPALhOtRaDX6pWyNqK1fnP5KkJJybYebopNSn6wDG1lxBoFs2+nwwXKoA6glHIrtwrfBBy6da0stkKtTAA==",
       "requires": {
+        "tslib": "^1.9.3",
         "zen-observable": "^0.8.0"
       }
     }
diff --git a/client/package.json b/client/package.json
index 2737c6c6..37b42657 100644
--- a/client/package.json
+++ b/client/package.json
@@ -21,10 +21,10 @@
     "@babel/preset-env": "^7.5.4",
     "@babel/preset-stage-2": "^7.0.0",
     "@babel/runtime": "^7.5.4",
-    "apollo-cache-inmemory": "^1.2.2",
-    "apollo-client": "^2.3.2",
-    "apollo-link": "^1.2.2",
-    "apollo-link-http": "^1.5.4",
+    "apollo-cache-inmemory": "^1.6.5",
+    "apollo-client": "^2.6.8",
+    "apollo-link": "^1.2.13",
+    "apollo-link-http": "^1.5.16",
     "appolo": "^6.0.19",
     "autoprefixer": "^7.1.2",
     "axios": "^0.18.0",
@@ -50,7 +50,7 @@
     "file-loader": "^1.1.4",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "graphql": "^0.13.2",
-    "graphql-tag": "^2.9.2",
+    "graphql-tag": "^2.10.1",
     "html-webpack-plugin": "^2.30.1",
     "lodash": "^4.17.10",
     "moment": "^2.24.0",

From 65a09fb9c77445a88c0e9aa99b5577e3b189561d Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 16:23:33 +0100
Subject: [PATCH 07/17] Use the GQL cache for local state

---
 client/src/graphql/client.js    | 27 +++++++++++++++++++++------
 client/src/graphql/resolvers.js | 12 ++++++++++++
 client/src/graphql/typedefs.js  | 11 +++++++++++
 client/src/store/index.js       |  1 +
 4 files changed, 45 insertions(+), 6 deletions(-)
 create mode 100644 client/src/graphql/resolvers.js
 create mode 100644 client/src/graphql/typedefs.js

diff --git a/client/src/graphql/client.js b/client/src/graphql/client.js
index 6d0822b0..7280a0e7 100644
--- a/client/src/graphql/client.js
+++ b/client/src/graphql/client.js
@@ -1,11 +1,13 @@
 import {InMemoryCache} from 'apollo-cache-inmemory/lib/index'
-import {HttpLink} from 'apollo-link-http/lib/index'
-import {ApolloClient} from 'apollo-client/index'
+import {createHttpLink} from 'apollo-link-http'
+import {ApolloClient} from 'apollo-client'
 import {ApolloLink} from 'apollo-link'
 import fetch from 'unfetch'
+import {typeDefs} from '@/graphql/typedefs';
+import {resolvers} from '@/graphql/resolvers';
 
 export default function (uri) {
-  const httpLink = new HttpLink({
+  const httpLink = createHttpLink({
     // uri: process.env.NODE_ENV !== 'production' ? 'http://localhost:8000/api/graphql/' : '/api/graphql/',
     uri,
     credentials: 'include',
@@ -48,7 +50,8 @@ export default function (uri) {
         assignment: (_, args, {getCacheKey}) => getCacheKey({__typename: 'AssignmentNode', id: args.id}),
         objective: (_, args, {getCacheKey}) => getCacheKey({__typename: 'ObjectiveNode', id: args.id}),
         objectiveGroup: (_, args, {getCacheKey}) => getCacheKey({__typename: 'ObjectiveGroupNode', id: args.id}),
-        module: (_, args, {getCacheKey}) => getCacheKey({__typename: 'ModuleNode', id: args.id}),
+        // todo: remove, the new client seems to cache this correctly by itself
+        // module: (_, args, {getCacheKey}) => getCacheKey({__typename: 'ModuleNode', id: args.id}),
         projectEntry: (_, args, {getCacheKey}) => getCacheKey({__typename: 'ProjectEntryNode', id: args.id}),
       }
     }
@@ -66,11 +69,23 @@ export default function (uri) {
     }
   };
 
+  // we use the cache as our local state
+  cache.writeData({
+    data: {
+      scrollPosition: {
+        __typename: 'ScrollPosition',
+        scrollTo: ''
+      }
+    }
+  });
+
   // Create the apollo client
   return new ApolloClient({
     link: composedLink,
     // link: httpLink,
-    cache: cache,
-    connectToDevTools: true
+    cache,
+    connectToDevTools: true,
+    typeDefs,
+    resolvers
   })
 }
diff --git a/client/src/graphql/resolvers.js b/client/src/graphql/resolvers.js
new file mode 100644
index 00000000..4b8b8845
--- /dev/null
+++ b/client/src/graphql/resolvers.js
@@ -0,0 +1,12 @@
+import SCROLL_POSITION from '@/graphql/gql/local/scrollPosition.gql';
+
+export const resolvers = {
+  Mutation: {
+    scrollTo: (_, {scrollTo}, {cache}) => {
+      const data = cache.readQuery({query: SCROLL_POSITION});
+      data.scrollPosition.scrollTo = scrollTo;
+      cache.writeQuery({query: SCROLL_POSITION, data});
+      return data.scrollPosition;
+    }
+  }
+};
diff --git a/client/src/graphql/typedefs.js b/client/src/graphql/typedefs.js
new file mode 100644
index 00000000..effdbebf
--- /dev/null
+++ b/client/src/graphql/typedefs.js
@@ -0,0 +1,11 @@
+import gql from 'graphql-tag';
+
+export const typeDefs = gql`
+  type ScrollPosition {    
+    scrollTo: String!
+  }
+  
+  type Mutation {
+    scrollTo(scrollTo: String!): ScrollPosition
+  }
+`;
diff --git a/client/src/store/index.js b/client/src/store/index.js
index 1fe03ee4..26b20323 100644
--- a/client/src/store/index.js
+++ b/client/src/store/index.js
@@ -3,6 +3,7 @@ import Vuex from 'vuex'
 
 Vue.use(Vuex)
 
+// WARNING fixme todo: please do not use this anymore, use the local GraphQL cache
 export default new Vuex.Store({
   modules: {},
 

From 9fb8e13c1c0448e0be74fee6591c58799f785794 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 18 Dec 2019 16:28:24 +0100
Subject: [PATCH 08/17] Enable scrolling to the content blocks in a module

---
 client/src/components/Chapter.vue             |  2 +-
 .../content-blocks/ContentComponent.vue       |  4 +-
 .../components/content-blocks/SurveyBlock.vue |  2 +-
 .../content-blocks/assignment/Assignment.vue  |  2 +-
 .../src/components/profile/ModuleActivity.vue | 22 +++--
 .../graphql/gql/local/mutations/scrollTo.gql  |  3 +
 .../src/graphql/gql/local/scrollPosition.gql  |  5 ++
 client/src/pages/module.vue                   | 90 +++++++++++--------
 server/books/schema/queries.py                | 35 ++++----
 9 files changed, 101 insertions(+), 64 deletions(-)
 create mode 100644 client/src/graphql/gql/local/mutations/scrollTo.gql
 create mode 100644 client/src/graphql/gql/local/scrollPosition.gql

diff --git a/client/src/components/Chapter.vue b/client/src/components/Chapter.vue
index b5fd26db..c7332d56 100644
--- a/client/src/components/Chapter.vue
+++ b/client/src/components/Chapter.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="chapter">
+  <div class="chapter" :data-scrollto="chapter.id">
     <h3 :id="'chapter-' + index">{{chapter.title}}</h3>
 
     <bookmark-actions
diff --git a/client/src/components/content-blocks/ContentComponent.vue b/client/src/components/content-blocks/ContentComponent.vue
index 3710281c..348bd44a 100644
--- a/client/src/components/content-blocks/ContentComponent.vue
+++ b/client/src/components/content-blocks/ContentComponent.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="content-component" :class="{'content-component--bookmarked': bookmarked}">
+  <div class="content-component"
+       :class="{'content-component--bookmarked': bookmarked}"
+       :data-scrollto="component.id">
     <bookmark-actions
       v-if="showBookmarkActions"
       @add-note="addNote(component.id)"
diff --git a/client/src/components/content-blocks/SurveyBlock.vue b/client/src/components/content-blocks/SurveyBlock.vue
index aebb695f..736ae333 100644
--- a/client/src/components/content-blocks/SurveyBlock.vue
+++ b/client/src/components/content-blocks/SurveyBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="survey-block">
+  <div class="survey-block" :data-scrollto="value.id">
     <router-link class="button button--primary"
                  :to="{name: 'survey', params: {id:value.id}}">Übung anzeigen
     </router-link>
diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue
index 853bec36..cad57597 100644
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="assignment" :data-scrollto="assignment.id">
+  <div class="assignment" :data-scrollto="value.id">
     <p class="assignment__assignment-text">
       {{assignment.assignment}}
     </p>
diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 2cb96f9e..4ac7bdd0 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -6,7 +6,7 @@
       <div class="module-activity__entry module-activity-entry"
            v-for="submission in module.mySubmissions"
            :key="submission.id"
-           @click="goToAssignment(submission.assignment.id)">
+           @click="goTo(submission.assignment.id)">
         <h3 class="module-activity-entry__title">Aufgabe & Ergebnis</h3>
         <p class="module-activity-entry__text">
           {{submission.text}}
@@ -14,7 +14,8 @@
       </div>
       <div class="module-activity__entry module-activity-entry"
            v-for="answer in module.myAnswers"
-           :key="answer.id">
+           :key="answer.id"
+           @click="goTo(answer.survey.id)">
         <h3 class="module-activity-entry__title">Übung</h3>
         <p class="module-activity-entry__text">
           {{answer.survey.title}}
@@ -23,12 +24,14 @@
       </div>
       <div class="module-activity__entry"
            v-for="bookmark in module.myContentBookmarks"
-           :key="bookmark.id">
+           :key="bookmark.id"
+           @click="goTo(bookmark.uuid)">
         <content-bookmark :bookmark="bookmark"></content-bookmark>
       </div>
       <div class="module-activity__entry"
            v-for="bookmark in module.myChapterBookmarks"
-           :key="bookmark.id">
+           :key="bookmark.id"
+           @click="goTo(bookmark.chapter.id)">
         <h3 class="module-activity-entry__title">Lesezeichen</h3>
         <p class="module-activity-entry__text">
           {{bookmark.chapter.description}}
@@ -51,6 +54,8 @@
   import {mapActions} from 'vuex'
   import ContentBookmark from '@/components/profile/ContentBookmark';
 
+  import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
+
   export default {
     props: ['module'],
     components: {
@@ -74,9 +79,14 @@
     },
     methods: {
       ...mapActions(['scrollToAssignmentId']),
-      goToAssignment(id) {
+      goTo(scrollTo) {
         const url = `/module/${this.module.slug}/`;
-        this.scrollToAssignmentId(id);
+        this.$apollo.mutate({
+          mutation: SCROLL_TO_MUTATION,
+          variables: {
+            scrollTo
+          }
+        });
         this.$router.push(url);
       }
     }
diff --git a/client/src/graphql/gql/local/mutations/scrollTo.gql b/client/src/graphql/gql/local/mutations/scrollTo.gql
new file mode 100644
index 00000000..cf79d083
--- /dev/null
+++ b/client/src/graphql/gql/local/mutations/scrollTo.gql
@@ -0,0 +1,3 @@
+mutation($scrollTo: String!) {
+  scrollTo(scrollTo: $scrollTo) @client
+}
diff --git a/client/src/graphql/gql/local/scrollPosition.gql b/client/src/graphql/gql/local/scrollPosition.gql
new file mode 100644
index 00000000..c4901e51
--- /dev/null
+++ b/client/src/graphql/gql/local/scrollPosition.gql
@@ -0,0 +1,5 @@
+query ScrollPosition {
+  scrollPosition @client {
+    scrollTo
+  }
+}
diff --git a/client/src/pages/module.vue b/client/src/pages/module.vue
index be5f5496..2c30be23 100644
--- a/client/src/pages/module.vue
+++ b/client/src/pages/module.vue
@@ -3,9 +3,12 @@
 </template>
 
 <script>
-  import { mapGetters, mapActions } from 'vuex'
+  import {mapGetters, mapActions} from 'vuex'
   import ASSIGNMENTS_QUERY from '@/graphql/gql/assignmentsQuery.gql';
-  import {moduleQuery} from '@/graphql/queries';
+  import MODULE_DETAILS_QUERY from '@/graphql/gql/moduleDetailsQuery.gql';
+
+  import SCROLL_POSITION from '@/graphql/gql/local/scrollPosition.gql';
+  import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
 
   import Module from '@/components/modules/Module.vue';
 
@@ -16,23 +19,65 @@
 
     methods: {
       ...mapActions(['scrollToAssignmentReady', 'scrollingToAssignment']),
+      scrollTo() {
+        if (this.scrollPosition && this.scrollPosition.scrollTo) {
+          let options = {
+            container: 'body',
+            easing: 'ease',
+            offset: -60,
+            onStart: (element) => {
+            },
+            onDone: (element) => {
+            },
+            onCancel: function () {
+              // scrolling has been interrupted
+            },
+            x: false,
+            y: true
+          };
+          setTimeout(() => {
+            this.$scrollTo(`[data-scrollto="${this.scrollPosition.scrollTo}"]`, 1000, options);
+            this.$apollo.mutate({
+              mutation: SCROLL_TO_MUTATION,
+              variables: {
+                scrollTo: ''
+              }
+            })
+          }, 250); // unfortunately this timeout is needed as it is hard to tell when everything is rendered
+        }
+      }
     },
 
     computed: {
       ...mapGetters({
-          scrollToAssignmentId: 'scrollToAssignmentId',
-          isScrollingToAssignment: 'scrollingToAssignment',
-          editModule: 'editModule'
-        }),
+        editModule: 'editModule'
+      }),
     },
 
     apollo: {
-      module: moduleQuery,
+      module() {
+        return {
+          query: MODULE_DETAILS_QUERY,
+          variables: {
+            slug: this.$route.params.slug
+          },
+          update(data) {
+            return this.$getRidOfEdges(data).module || {};
+          },
+          result() {
+            // scroll only after the module has been loaded completely
+            this.scrollTo();
+          }
+        }
+      },
       assignments() {
         return {
           query: ASSIGNMENTS_QUERY
         }
-      }
+      },
+      scrollPosition: {
+        query: SCROLL_POSITION
+      },
     },
 
     data() {
@@ -41,34 +86,5 @@
         assignments: []
       }
     },
-    mounted () {
-      this.$store.subscribe((mutation, state) => {
-        if (mutation.type === 'setScrollToAssignmentReady' && mutation.payload && !this.isScrollingToAssignment) {
-          this.scrollingToAssignment(true);
-          let options = {
-            container: 'body',
-            easing: 'ease',
-            offset: -60,
-            onStart: (element) => {
-            },
-            onDone: (element) => {
-              this.scrollToAssignmentReady(false);
-              this.scrollingToAssignment(false);
-            },
-            onCancel: function() {
-              // scrolling has been interrupted
-            },
-            x: false,
-            y: true
-          };
-          setTimeout(() => {
-            this.$scrollTo(`[data-scrollto="${this.scrollToAssignmentId}"]`, 1000, options);
-            }, 250) // unfortunately this timeout is needed as it is hard to tell when everything is rendered
-        }
-      })
-    },
-    beforeDestroy () {
-      this.scrollToAssignmentReady(false);
-    }
   }
 </script>
diff --git a/server/books/schema/queries.py b/server/books/schema/queries.py
index 53d0e55f..18b86e46 100644
--- a/server/books/schema/queries.py
+++ b/server/books/schema/queries.py
@@ -225,34 +225,35 @@ class BookNode(DjangoObjectType):
         return Topic.get_by_parent(self)
 
 
-class FilteredChapterNode(DjangoObjectType):
-    content_blocks = DjangoFilterConnectionField(ContentBlockNode)
-
-    class Meta:
-        model = Chapter
-        only_fields = [
-            'slug', 'title', 'description',
-        ]
-        filter_fields = [
-            'slug', 'title',
-        ]
-        interfaces = (relay.Node,)
-
-    def resolve_content_blocks(self, *args, **kwargs):
-        return ContentBlock.get_by_parent(self)
+# todo: do we need this?
+# class FilteredChapterNode(DjangoObjectType):
+#     content_blocks = DjangoFilterConnectionField(ContentBlockNode)
+#
+#     class Meta:
+#         model = Chapter
+#         only_fields = [
+#             'slug', 'title', 'description',
+#         ]
+#         filter_fields = [
+#             'slug', 'title',
+#         ]
+#         interfaces = (relay.Node,)
+#
+#     def resolve_content_blocks(self, *args, **kwargs):
+#         return ContentBlock.get_by_parent(self)
 
 
 class BookQuery(object):
     book = relay.Node.Field(BookNode)
     topic = graphene.Field(TopicNode, slug=graphene.String())
     module = graphene.Field(ModuleNode, slug=graphene.String(), id=graphene.ID())
-    chapter = relay.Node.Field(FilteredChapterNode)
+    chapter = relay.Node.Field(ChapterNode)
     content_block = relay.Node.Field(ContentBlockNode)
 
     books = DjangoFilterConnectionField(BookNode)
     topics = DjangoFilterConnectionField(TopicNode)
     modules = DjangoFilterConnectionField(ModuleNode)
-    chapters = DjangoFilterConnectionField(FilteredChapterNode)
+    chapters = DjangoFilterConnectionField(ChapterNode)
 
     def resolve_books(self, *args, **kwargs):
         return Book.objects.filter(**kwargs).live()

From e45847fe1e70beb5cd4f2f047d0de45f889ec533 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 09:46:55 +0100
Subject: [PATCH 09/17] Fix unit tests

---
 .../assignments/tests/test_myassignments.py   | 78 +++++++++++++++++--
 1 file changed, 73 insertions(+), 5 deletions(-)

diff --git a/server/assignments/tests/test_myassignments.py b/server/assignments/tests/test_myassignments.py
index f3efd115..ff9399fe 100644
--- a/server/assignments/tests/test_myassignments.py
+++ b/server/assignments/tests/test_myassignments.py
@@ -39,20 +39,88 @@ class MyAssignemntsText(DefaultUserTestCase):
 
     def query_my_assignments(self):
         query = '''
-                query {
+                query MyActivityQuery {
                   myActivity {
                     edges {
                       node {
                         id
-                        text
-                        assignment {
+                        title
+                        slug
+                        metaTitle
+                        mySubmissions {
+                          edges {
+                            node {
+                              id
+                              text
+                              assignment {
+                                id
+                                title
+                              }
+                            }
+                          }
+                        }
+                        myAnswers {
+                          edges {
+                            node {
+                              id
+                              survey {
+                                id
+                                title
+                              }
+                            }
+                          }
+                        }
+                        myContentBookmarks {
+                          edges {
+                            node {
+                              id
+                              uuid
+                              note {
+                                id
+                                text
+                              }
+                              contentBlock {
+                                id
+                                type
+                                contents
+                              }
+                            }
+                          }
+                        }
+                        myChapterBookmarks {
+                          edges {
+                            node {
+                              id
+                              note {
+                                id
+                                text
+                              }
+                              chapter {
+                                id
+                                title
+                                description
+                              }
+                            }
+                          }
+                        }
+                        bookmark {
                           id
-                          title
+                          note {
+                            id
+                            text
+                          }
+                          module {
+                            id
+                            teaser
+                            metaTitle
+                            intro
+                          }
                         }
                       }
                     }
                   }
                 }
+
                 '''
 
         result = self.client.execute(query)
@@ -68,5 +136,5 @@ class MyAssignemntsText(DefaultUserTestCase):
         result = self.query_my_assignments()
         contents = self.get_content(result)
         self.assertEqual(len(contents), 1)
-        self.assertEquals(contents[0].get('node').get('text'), self.submission1.text)
+        self.assertEquals(contents[0].get('node').get('mySubmissions').get('edges')[0].get('node').get('text'), self.submission1.text)
 

From ddf3bde07685c65cdb4c1a55a1fd6e80db565ac5 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:34:20 +0100
Subject: [PATCH 10/17] Add clickable link to my activities

---
 .../src/components/profile/ActivityEntry.vue  | 64 ++++++++++++++++
 .../components/profile/ContentBookmark.vue    | 11 ---
 .../src/components/profile/ModuleActivity.vue | 73 ++++++++-----------
 3 files changed, 95 insertions(+), 53 deletions(-)
 create mode 100644 client/src/components/profile/ActivityEntry.vue

diff --git a/client/src/components/profile/ActivityEntry.vue b/client/src/components/profile/ActivityEntry.vue
new file mode 100644
index 00000000..cbf27894
--- /dev/null
+++ b/client/src/components/profile/ActivityEntry.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="activity-entry">
+    <div class="activity-entry__content">
+      <h3 class="activity-entry__title">{{title}}</h3>
+      <slot></slot>
+    </div>
+
+    <div class="activity-entry__link" @click="$emit('link')">
+      <chevron-right class="activity-entry__icon"></chevron-right>
+    </div>
+  </div>
+</template>
+
+<script>
+  import ChevronRight from '@/components/icons/ChevronRight';
+
+  export default {
+    props: ['title'],
+
+    components: {
+      ChevronRight
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+  @import "@/styles/_mixins.scss";
+
+  .activity-entry {
+    padding: $small-spacing 0;
+    border-bottom: 1px solid $color-silver;
+    display: flex;
+    justify-content: space-between;
+
+    &__title {
+      @include small-text;
+      // todo: make style definition for small text and silver color
+      color: $color-silver-dark;
+      margin-bottom: 0;
+    }
+
+    &__content {
+      flex-grow: 1;
+      @include regular-text;
+      line-height: $default-line-height;
+    }
+    &__link {
+      display: flex;
+      flex-grow: 0;
+      align-content: center;
+      cursor: pointer;
+    }
+
+    &__icon {
+      fill: $color-brand;
+      width: 30px;
+    }
+
+    /deep/ p {
+      @include regular-text;
+    }
+  }
+</style>
diff --git a/client/src/components/profile/ContentBookmark.vue b/client/src/components/profile/ContentBookmark.vue
index 701fa71e..bfefc191 100644
--- a/client/src/components/profile/ContentBookmark.vue
+++ b/client/src/components/profile/ContentBookmark.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="content-bookmark module-activity-entry">
-    <h3 class="module-activity-entry__title">Lesezeichen</h3>
     <div v-html="text" v-if="content.type === 'text_block'"></div>
     <div v-else-if="content.type === 'link_block'">
       <link-block :value="content.value"></link-block>
@@ -38,13 +37,3 @@
     }
   }
 </script>
-
-<style scoped lang="scss">
-  @import "@/styles/_mixins.scss";
-
-  .content-bookmark {
-    /deep/ p {
-      @include regular-text;
-    }
-  }
-</style>
diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 4ac7bdd0..067c8fb3 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -3,48 +3,35 @@
     <h3 class="module-activity__module-name">{{module.topic.title}}</h3>
     <h2 class="module-activity__title">{{module.metaTitle}} - {{module.title}}</h2>
     <div class="module-activity__tasks activity-tasks">
-      <div class="module-activity__entry module-activity-entry"
-           v-for="submission in module.mySubmissions"
-           :key="submission.id"
-           @click="goTo(submission.assignment.id)">
-        <h3 class="module-activity-entry__title">Aufgabe & Ergebnis</h3>
-        <p class="module-activity-entry__text">
-          {{submission.text}}
-        </p>
-      </div>
-      <div class="module-activity__entry module-activity-entry"
-           v-for="answer in module.myAnswers"
-           :key="answer.id"
-           @click="goTo(answer.survey.id)">
-        <h3 class="module-activity-entry__title">Übung</h3>
-        <p class="module-activity-entry__text">
-          {{answer.survey.title}}
-        </p>
-
-      </div>
-      <div class="module-activity__entry"
-           v-for="bookmark in module.myContentBookmarks"
-           :key="bookmark.id"
-           @click="goTo(bookmark.uuid)">
+      <activity-entry title="Aufgabe & Ergebnis" class="module-activity__entry"
+                      v-for="submission in module.mySubmissions"
+                      :key="submission.id"
+                      @link="goTo(submission.assignment.id)">
+        {{submission.text}}
+      </activity-entry>
+      <activity-entry title="Übung" class="module-activity__entry"
+                      v-for="answer in module.myAnswers"
+                      :key="answer.id"
+                      @link="goTo(answer.survey.id)">
+        {{answer.survey.title}}
+      </activity-entry>
+      <activity-entry title="Lesezeichen" class="module-activity__entry"
+                      v-for="bookmark in module.myContentBookmarks"
+                      :key="bookmark.id"
+                      @link="goTo(bookmark.uuid)">
         <content-bookmark :bookmark="bookmark"></content-bookmark>
-      </div>
-      <div class="module-activity__entry"
-           v-for="bookmark in module.myChapterBookmarks"
-           :key="bookmark.id"
-           @click="goTo(bookmark.chapter.id)">
-        <h3 class="module-activity-entry__title">Lesezeichen</h3>
-        <p class="module-activity-entry__text">
-          {{bookmark.chapter.description}}
-        </p>
-      </div>
-      <div class="module-activity__entry"
-           v-for="note in notes" :key="note.id">
-        <h3 class="module-activity-entry__title">Notiz</h3>
-        <p class="module-activity-entry__text">
-          {{note.text}}
-        </p>
-
-      </div>
+      </activity-entry>
+      <activity-entry title="Lesezeichen" class="module-activity__entry"
+                      v-for="bookmark in module.myChapterBookmarks"
+                      :key="bookmark.id"
+                      @link="goTo(bookmark.chapter.id)">
+        {{bookmark.chapter.description}}
+      </activity-entry>
+      <activity-entry title="Notiz" class="module-activity__entry"
+                      v-for="note in notes" :key="note.id"
+                      @link="goTo(note.id)">
+        {{note.text}}
+      </activity-entry>
     </div>
   </div>
 </template>
@@ -53,13 +40,15 @@
 
   import {mapActions} from 'vuex'
   import ContentBookmark from '@/components/profile/ContentBookmark';
+  import ActivityEntry from '@/components/profile/ActivityEntry';
 
   import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
 
   export default {
     props: ['module'],
     components: {
-      ContentBookmark
+      ContentBookmark,
+      ActivityEntry
     },
     computed: {
       empty() {

From 64db0487cae47438af4855d309c17709235305c8 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:35:47 +0100
Subject: [PATCH 11/17] Refresh my activities periodically

---
 client/src/pages/activity.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/activity.vue b/client/src/pages/activity.vue
index c7dcc6d1..4a649395 100644
--- a/client/src/pages/activity.vue
+++ b/client/src/pages/activity.vue
@@ -23,7 +23,8 @@
         query: MY_ACTIVITY_QUERY,
         update(data) {
           return this.$getRidOfEdges(data).myActivity;
-        }
+        },
+        pollInterval: 5000,
       }
     },
 

From de5882f644a10b3e5deba336ff29805d3df57008 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:36:29 +0100
Subject: [PATCH 12/17] Add anchor for notes

---
 client/src/components/notes/BookmarkActions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/notes/BookmarkActions.vue b/client/src/components/notes/BookmarkActions.vue
index 4c5b74d4..cb6c7c11 100644
--- a/client/src/components/notes/BookmarkActions.vue
+++ b/client/src/components/notes/BookmarkActions.vue
@@ -7,7 +7,7 @@
     <a class="bookmark-actions__action bookmark-actions__add-note" v-if="bookmarked && !note" @click="$emit('add-note')">
       <add-note-icon></add-note-icon>
     </a>
-    <a class="bookmark-actions__action bookmark-actions__edit-note bookmark-actions__action--noted" @click="$emit('edit-note')"  v-if="note">
+    <a :data-scrollto="note.id" class="bookmark-actions__action bookmark-actions__edit-note bookmark-actions__action--noted" @click="$emit('edit-note')"  v-if="note">
       <note-icon></note-icon>
     </a>
   </div>

From a76b27bf0b0fb5a2920329eaee5ffc55404ff43c Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:37:31 +0100
Subject: [PATCH 13/17] Fix margin on link block in my activities

---
 client/src/components/content-blocks/LinkBlock.vue | 13 +++++++++++--
 client/src/components/profile/ContentBookmark.vue  |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/client/src/components/content-blocks/LinkBlock.vue b/client/src/components/content-blocks/LinkBlock.vue
index 03d7a8ae..e36655a7 100644
--- a/client/src/components/content-blocks/LinkBlock.vue
+++ b/client/src/components/content-blocks/LinkBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="link-block">
+  <div class="link-block" :class="{ 'link-block--no-margin': noMargin}">
     <link-icon class="link-block__icon"></link-icon>
     <a :href="href" class="link-block__link" target="_blank">{{value.text}}</a>
   </div>
@@ -9,7 +9,12 @@
   import LinkIcon from '@/components/icons/LinkIcon';
 
   export default {
-    props: ['value'],
+    props: {
+      value: Object,
+      'no-margin': {
+        default: false
+      }
+    },
 
     components: {
       LinkIcon
@@ -31,6 +36,10 @@
     grid-template-columns: 50px 1fr;
     align-items: center;
 
+    &--no-margin {
+      margin-bottom: 0;
+    }
+
     &__icon {
       width: 30px;
       height: 30px;
diff --git a/client/src/components/profile/ContentBookmark.vue b/client/src/components/profile/ContentBookmark.vue
index bfefc191..f58b90d9 100644
--- a/client/src/components/profile/ContentBookmark.vue
+++ b/client/src/components/profile/ContentBookmark.vue
@@ -2,7 +2,7 @@
   <div class="content-bookmark module-activity-entry">
     <div v-html="text" v-if="content.type === 'text_block'"></div>
     <div v-else-if="content.type === 'link_block'">
-      <link-block :value="content.value"></link-block>
+      <link-block :value="content.value" :no-margin="true"></link-block>
     </div>
     <p v-else>
       {{type}}

From 7237b86ac04ac64d82d4b7ebaa133205272080fd Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:38:07 +0100
Subject: [PATCH 14/17] Refactor code

---
 .../src/components/profile/ModuleActivity.vue | 44 +------------------
 1 file changed, 2 insertions(+), 42 deletions(-)

diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 067c8fb3..7f1abc0f 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -87,9 +87,6 @@
   @import "@/styles/_mixins.scss";
 
   .module-activity {
-
-    /* used for text ellipis... somehow https://css-flexbox-text-ellipsis.dinhquangtrung.net/ just does not work */
-
     max-width: 640px;
 
     @include desktop {
@@ -104,6 +101,8 @@
       max-width: 320px;
     }
 
+    margin-bottom: 2*$large-spacing;
+
     &__module-name {
       @include regular-text;
       margin-bottom: $small-spacing;
@@ -119,43 +118,4 @@
     }
   }
 
-  .task-item {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    width: 100%;
-
-    $line-height: 50px;
-
-    &__title {
-      &::after {
-        content: ":"
-      }
-      margin-right: $medium-spacing;
-    }
-
-    &__submission {
-      width: 100%;
-      min-width: 0;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    &__title, &__submission {
-      line-height: $line-height;
-      height: $line-height;
-      white-space: nowrap;
-    }
-
-    &__chevron {
-      line-height: $line-height;
-      height: $medium-spacing;
-      vertical-align: middle;
-      position: relative;
-      top: ($line-height - $medium-spacing) / 2;
-      fill: $color-brand;
-      width: 30px;
-    }
-  }
-
 </style>

From 74c74c1eca1902047e7cca7310150acd2a907ddb Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 11:38:15 +0100
Subject: [PATCH 15/17] Add missing block type in my activities

---
 client/src/components/profile/ContentBookmark.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/client/src/components/profile/ContentBookmark.vue b/client/src/components/profile/ContentBookmark.vue
index f58b90d9..fcc6a828 100644
--- a/client/src/components/profile/ContentBookmark.vue
+++ b/client/src/components/profile/ContentBookmark.vue
@@ -30,6 +30,8 @@
             return this.content;
           case 'survey':
             return 'Übung';
+          case 'image_url_block':
+            return 'Bild';
           default:
             return this.content.type;
         }

From 32ae0b0641659172f6140b86c3346029340ea2e2 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 14:19:20 +0100
Subject: [PATCH 16/17] Add filter for my activity

---
 .../src/components/profile/ActivityFilter.vue | 49 +++++++++++++++++++
 .../src/components/profile/ModuleActivity.vue | 10 +++-
 client/src/pages/activity.vue                 | 20 ++++++--
 3 files changed, 73 insertions(+), 6 deletions(-)
 create mode 100644 client/src/components/profile/ActivityFilter.vue

diff --git a/client/src/components/profile/ActivityFilter.vue b/client/src/components/profile/ActivityFilter.vue
new file mode 100644
index 00000000..06932132
--- /dev/null
+++ b/client/src/components/profile/ActivityFilter.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="activity-filter">
+    <a class="activity-filter__link"
+       :class="{'activity-filter__link--active': filter === entry.tag}"
+       @click="$emit('change-filter', entry.tag)"
+       v-for="(entry, i) in filters"
+       :key="i"
+    >{{entry.label}}</a>
+  </div>
+</template>
+
+<script>
+  export default {
+    props: ['filter'],
+
+    data() {
+      return {
+        filters: [
+          {tag: '', label: 'Alle'},
+          {tag: 'assignments', label: 'Ergebnisse'},
+          {tag: 'surveys', label: 'Übungen'},
+          {tag: 'bookmarks', label: 'Lesezeichen'},
+          {tag: 'notes', label: 'Notizen'},
+        ]
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+  @import "@/styles/_mixins.scss";
+
+  .activity-filter {
+    display: flex;
+    justify-content: space-between;
+
+    &__link {
+      @include small-text;
+      cursor: pointer;
+      padding: $large-spacing 0;
+      color: $color-silver-dark;
+
+      &--active {
+        color: $color-brand;
+      }
+    }
+  }
+</style>
diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 7f1abc0f..67b35972 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -6,11 +6,13 @@
       <activity-entry title="Aufgabe & Ergebnis" class="module-activity__entry"
                       v-for="submission in module.mySubmissions"
                       :key="submission.id"
+                      v-if="applyFilter('assignments')"
                       @link="goTo(submission.assignment.id)">
         {{submission.text}}
       </activity-entry>
       <activity-entry title="Übung" class="module-activity__entry"
                       v-for="answer in module.myAnswers"
+                      v-if="applyFilter('surveys')"
                       :key="answer.id"
                       @link="goTo(answer.survey.id)">
         {{answer.survey.title}}
@@ -18,16 +20,19 @@
       <activity-entry title="Lesezeichen" class="module-activity__entry"
                       v-for="bookmark in module.myContentBookmarks"
                       :key="bookmark.id"
+                      v-if="applyFilter('bookmarks')"
                       @link="goTo(bookmark.uuid)">
         <content-bookmark :bookmark="bookmark"></content-bookmark>
       </activity-entry>
       <activity-entry title="Lesezeichen" class="module-activity__entry"
                       v-for="bookmark in module.myChapterBookmarks"
+                      v-if="applyFilter('bookmarks')"
                       :key="bookmark.id"
                       @link="goTo(bookmark.chapter.id)">
         {{bookmark.chapter.description}}
       </activity-entry>
       <activity-entry title="Notiz" class="module-activity__entry"
+                      v-if="applyFilter('notes')"
                       v-for="note in notes" :key="note.id"
                       @link="goTo(note.id)">
         {{note.text}}
@@ -45,7 +50,7 @@
   import SCROLL_TO_MUTATION from '@/graphql/gql/local/mutations/scrollTo.gql';
 
   export default {
-    props: ['module'],
+    props: ['module', 'filter'],
     components: {
       ContentBookmark,
       ActivityEntry
@@ -77,6 +82,9 @@
           }
         });
         this.$router.push(url);
+      },
+      applyFilter(filterCriteria) {
+        return !this.filter || this.filter === filterCriteria;
       }
     }
   }
diff --git a/client/src/pages/activity.vue b/client/src/pages/activity.vue
index 4a649395..6a53f648 100644
--- a/client/src/pages/activity.vue
+++ b/client/src/pages/activity.vue
@@ -1,21 +1,30 @@
 <template>
   <div class="activity">
     <h1 class="activity__header">Meine Aktivitäten</h1>
+    <activity-filter
+      :filter="filter"
+      @change-filter="filter = $event"
+    ></activity-filter>
     <div class="modules">
-      <module-activity v-for="(module, id) in modules" :module="module" :key="id" class="activity"></module-activity>
-
+      <module-activity
+        v-for="(module, id) in modules"
+        :filter="filter"
+        :module="module"
+        :key="id"
+        class="activity"></module-activity>
     </div>
   </div>
 </template>
 
 <script>
-
   import ModuleActivity from '@/components/profile/ModuleActivity';
+  import ActivityFilter from '@/components/profile/ActivityFilter';
   import MY_ACTIVITY_QUERY from '@/graphql/gql/myActivity.gql'
 
   export default {
     components: {
-      ModuleActivity
+      ModuleActivity,
+      ActivityFilter
     },
 
     apollo: {
@@ -30,7 +39,8 @@
 
     data() {
       return {
-        modules: []
+        modules: [],
+        filter: ''
       }
     }
   }

From a75ae4f3fcbd2532946f577c17aa4c9fbed4154b Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Thu, 19 Dec 2019 14:19:42 +0100
Subject: [PATCH 17/17] Add top border to my activities

---
 client/src/components/profile/ModuleActivity.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/profile/ModuleActivity.vue b/client/src/components/profile/ModuleActivity.vue
index 67b35972..5972f9cd 100644
--- a/client/src/components/profile/ModuleActivity.vue
+++ b/client/src/components/profile/ModuleActivity.vue
@@ -121,8 +121,10 @@
     }
 
     &__entry {
-      padding: $small-spacing 0;
-      border-bottom: 1px solid $color-silver;
+      &:first-of-type {
+
+        border-top: 1px solid $color-silver;
+      }
     }
   }