From bb5172bde5452847fd049b371287311ce08dc345 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Wed, 31 Oct 2018 16:20:24 +0100
Subject: [PATCH] Disabled portfolio link and add message to missing page

---
 client/src/components/SectionBlock.vue  |  7 ++++++-
 client/src/components/TopNavigation.vue |  2 +-
 client/src/pages/portfolio.vue          | 12 ++++++++++++
 client/src/pages/start.vue              |  1 -
 client/src/router/index.js              |  2 ++
 5 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 client/src/pages/portfolio.vue

diff --git a/client/src/components/SectionBlock.vue b/client/src/components/SectionBlock.vue
index 9c0c9bad..491d4daa 100644
--- a/client/src/components/SectionBlock.vue
+++ b/client/src/components/SectionBlock.vue
@@ -6,9 +6,10 @@
     </div>
     <div class="section-block__content section-content">
       <div class="section-content__subsection subsection">
-        <router-link :to="route" class="subsection__content small-emph" >
+        <router-link :to="route" class="subsection__content small-emph" v-if="route">
           Alle Inhalte
         </router-link>
+        <span class="subsection__content subsection__content--disabled" v-if="!route">Noch nicht verfügbar</span>
       </div>
     </div>
   </div>
@@ -56,6 +57,10 @@
       font-family: $sans-serif-font-family;
       font-weight: 600;
       color: $color-brand;
+
+      &--disabled {
+        color: $color-grey;
+      }
     }
   }
 
diff --git a/client/src/components/TopNavigation.vue b/client/src/components/TopNavigation.vue
index 518f84c5..c7a44986 100644
--- a/client/src/components/TopNavigation.vue
+++ b/client/src/components/TopNavigation.vue
@@ -6,7 +6,7 @@
     </router-link>
     <router-link to="/rooms" active-class="top-navigation__link--active" class="top-navigation__link">Räume
     </router-link>
-    <router-link to="/404" active-class="top-navigation__link--active" class="top-navigation__link">Portfolio
+    <router-link to="/portfolio" active-class="top-navigation__link--active" class="top-navigation__link">Portfolio
     </router-link>
   </nav>
 </template>
diff --git a/client/src/pages/portfolio.vue b/client/src/pages/portfolio.vue
new file mode 100644
index 00000000..e14fe602
--- /dev/null
+++ b/client/src/pages/portfolio.vue
@@ -0,0 +1,12 @@
+<template>
+  <p class="portfolio-page">Diese Funktion steht noch nicht zur Verfügung.</p>
+</template>
+
+<style>
+  .portfolio-page {
+    display: grid;
+    align-content: center;
+    justify-content: center;
+    padding-top: 25vh;
+  }
+</style>
diff --git a/client/src/pages/start.vue b/client/src/pages/start.vue
index e25600c3..2cfac225 100644
--- a/client/src/pages/start.vue
+++ b/client/src/pages/start.vue
@@ -18,7 +18,6 @@
         class="start-sections__section"
         title="Portfolio"
         subtitle="Dokumentation & reflektieren"
-        route="/portfolio"
       ></section-block>
     </div>
     <div class="start-page__news news">
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 7e577927..da6ae9ec 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -15,6 +15,7 @@ import submissions from '@/pages/submissions'
 import p404 from '@/pages/p404'
 import start from '@/pages/start'
 import submission from '@/pages/studentSubmission'
+import portfolio from '@/pages/portfolio'
 
 const routes = [
   {path: '/', component: start, meta: {layout: 'blank'}},
@@ -45,6 +46,7 @@ const routes = [
   {path: '/article/:slug', name: 'article', component: article, meta: {layout: 'simple'}},
   {path: '/basic-knowledge/:slug', name: 'basic-knowledge', component: basicknowledge, meta: {layout: 'simple'}},
   {path: '/submission/:id', name: 'submission', component: submission, meta: {layout: 'simple'}},
+  {path: '/portfolio', name: 'portfolio', component: portfolio},
   {
     path: '/book',
     name: 'book',