From ffc63328940abaccb896a35425656b5f094f1f10 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Thu, 28 Mar 2019 08:42:37 +0100
Subject: [PATCH] add edit project page

---
 .../src/components/portfolio/EditProject.vue  | 41 +++++++++++++++++++
 client/src/pages/editProject.vue              | 37 +++++++++++++++++
 client/src/router/index.js                    |  2 +
 3 files changed, 80 insertions(+)
 create mode 100644 client/src/components/portfolio/EditProject.vue
 create mode 100644 client/src/pages/editProject.vue

diff --git a/client/src/components/portfolio/EditProject.vue b/client/src/components/portfolio/EditProject.vue
new file mode 100644
index 00000000..343c7a53
--- /dev/null
+++ b/client/src/components/portfolio/EditProject.vue
@@ -0,0 +1,41 @@
+<template>
+  <project-form
+    :project="project"
+    @save="updateProject"
+  ></project-form>
+</template>
+
+<script>
+  import ProjectForm from '@/components/portfolio/ProjectForm';
+
+  import UPDATE_PROJECT_MUTATION from '@/graphql/gql/mutations/updateProject.gql';
+
+  export default {
+    props: ['project'],
+
+    components: {
+      ProjectForm
+    },
+
+    methods: {
+      updateProject(project) {
+        this.$apollo.mutate({
+          mutation: UPDATE_PROJECT_MUTATION,
+          variables: {
+            input: {
+              project: {
+                id: project.id,
+                title: project.title,
+                description: project.description,
+                appearance: project.appearance,
+                objectives: project.objectives
+              }
+            }
+          }
+        }).then(() => {
+          this.$router.push('/portfolio');
+        });
+      }
+    },
+  }
+</script>
diff --git a/client/src/pages/editProject.vue b/client/src/pages/editProject.vue
new file mode 100644
index 00000000..3eeb50fc
--- /dev/null
+++ b/client/src/pages/editProject.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="edit-project-page">
+    <edit-project :project="project" v-if="this.project.id"></edit-project>
+  </div>
+</template>
+
+<script>
+  // todo: refactor this, we don't need 2 components, remove editRoom or EditRoom component
+  import EditProject from '@/components/portfolio/EditProject';
+
+  import PROJECT_QUERY from '@/graphql/gql/projectQuery.gql';
+
+  export default {
+    props: ['id'],
+
+    components: {
+      EditProject
+    },
+
+    data() {
+      return {
+        project: {}
+      }
+    },
+
+    apollo: {
+      project: {
+        query: PROJECT_QUERY,
+        variables() {
+          return {
+            id: this.id
+          }
+        }
+      }
+    }
+  }
+</script>
diff --git a/client/src/router/index.js b/client/src/router/index.js
index a50c9f60..4fd97bd1 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -18,6 +18,7 @@ import start from '@/pages/start'
 import submission from '@/pages/studentSubmission'
 import portfolio from '@/pages/portfolio'
 import project from '@/pages/project'
+import editProject from '@/pages/editProject'
 import newProject from '@/pages/newProject'
 
 const routes = [
@@ -53,6 +54,7 @@ const routes = [
   {path: '/portfolio', name: 'portfolio', component: portfolio},
   {path: '/portfolio/:slug', name: 'project', component: project, props: true},
   {path: '/new-project/', name: 'new-project', component: newProject},
+  {path: '/edit-project/:id', name: 'edit-project', component: editProject, props: true},
   {
     path: '/book',
     name: 'book',