ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Disabled portfolio link and add message to missing page

This commit is contained in:
Ramon Wenger 2018-10-31 16:20:24 +01:00
parent 58030fc70d
commit bb5172bde5
5 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/SectionBlock.vue
View File

@ -6,9 +6,10 @@
</div> </div>
<div class="section-block__content section-content"> <div class="section-block__content section-content">
<div class="section-content__subsection subsection"> <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 Alle Inhalte
</router-link> </router-link>
<span class="subsection__content subsection__content--disabled" v-if="!route">Noch nicht verfügbar</span>
</div> </div>
</div> </div>
</div> </div>
@ -56,6 +57,10 @@
font-family: $sans-serif-font-family; font-family: $sans-serif-font-family;
font-weight: 600; font-weight: 600;
color: $color-brand; color: $color-brand;
&--disabled {
color: $color-grey;
}
} }
} }

2
client/src/components/TopNavigation.vue
View File

@ -6,7 +6,7 @@
</router-link> </router-link>
<router-link to="/rooms" active-class="top-navigation__link--active" class="top-navigation__link">Räume <router-link to="/rooms" active-class="top-navigation__link--active" class="top-navigation__link">Räume
</router-link> </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> </router-link>
</nav> </nav>
</template> </template>

12
client/src/pages/portfolio.vue Normal file
View File

@ -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>

1
client/src/pages/start.vue
View File

@ -18,7 +18,6 @@
class="start-sections__section" class="start-sections__section"
title="Portfolio" title="Portfolio"
subtitle="Dokumentation & reflektieren" subtitle="Dokumentation & reflektieren"
route="/portfolio"
></section-block> ></section-block>
</div> </div>
<div class="start-page__news news"> <div class="start-page__news news">

2
client/src/router/index.js
View File

@ -15,6 +15,7 @@ import submissions from '@/pages/submissions'
import p404 from '@/pages/p404' import p404 from '@/pages/p404'
import start from '@/pages/start' import start from '@/pages/start'
import submission from '@/pages/studentSubmission' import submission from '@/pages/studentSubmission'
import portfolio from '@/pages/portfolio'
const routes = [ const routes = [
{path: '/', component: start, meta: {layout: 'blank'}}, {path: '/', component: start, meta: {layout: 'blank'}},
@ -45,6 +46,7 @@ const routes = [
{path: '/article/:slug', name: 'article', component: article, meta: {layout: 'simple'}}, {path: '/article/:slug', name: 'article', component: article, meta: {layout: 'simple'}},
{path: '/basic-knowledge/:slug', name: 'basic-knowledge', component: basicknowledge, 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: '/submission/:id', name: 'submission', component: submission, meta: {layout: 'simple'}},
{path: '/portfolio', name: 'portfolio', component: portfolio},
{ {
path: '/book', path: '/book',
name: 'book', name: 'book',