From 2ee3cb0dbcf6bc0bba360ffe4dd093f30e44167a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Gr=C3=B6ger?= Date: Sat, 10 Oct 2020 23:02:32 +0200 Subject: [PATCH] Grobes Layout fertig MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit wurde Gefüllt mit Dummies für die Navigation. Zeigt Loginpage und leitet einen weiter. Design ist responsive. --- public/logo-dark.svg | 58 +++++++++++++ public/logo.svg | 59 +++++++++++++ .../{ => navigation}/EssentialLink.vue | 0 .../navigation/PluginLinksAbout.vue | 28 ++++++ src/components/navigation/PluginLinksHome.vue | 27 ++++++ src/layouts/MainLayout.vue | 86 ++++++++++++++----- src/layouts/OutLayout.vue | 41 +++++++++ src/pages/Login.vue | 56 ++++++++++++ src/pages/about/About.vue | 17 ++++ src/pages/{About.vue => about/NewAbout.vue} | 11 +-- src/pages/about/OldAbout.vue | 14 +++ src/pages/home/Home.vue | 18 ++++ src/pages/home/NewHome.vue | 14 +++ src/pages/home/OldHome.vue | 14 +++ src/router/routes.ts | 58 ++++++++++++- 15 files changed, 470 insertions(+), 31 deletions(-) create mode 100644 public/logo-dark.svg create mode 100644 public/logo.svg rename src/components/{ => navigation}/EssentialLink.vue (100%) create mode 100644 src/components/navigation/PluginLinksAbout.vue create mode 100644 src/components/navigation/PluginLinksHome.vue create mode 100644 src/layouts/OutLayout.vue create mode 100644 src/pages/Login.vue create mode 100644 src/pages/about/About.vue rename src/pages/{About.vue => about/NewAbout.vue} (52%) create mode 100644 src/pages/about/OldAbout.vue create mode 100644 src/pages/home/Home.vue create mode 100644 src/pages/home/NewHome.vue create mode 100644 src/pages/home/OldHome.vue diff --git a/public/logo-dark.svg b/public/logo-dark.svg new file mode 100644 index 0000000..ce9ce36 --- /dev/null +++ b/public/logo-dark.svg @@ -0,0 +1,58 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 0000000..2cd6ae8 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,59 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/src/components/EssentialLink.vue b/src/components/navigation/EssentialLink.vue similarity index 100% rename from src/components/EssentialLink.vue rename to src/components/navigation/EssentialLink.vue diff --git a/src/components/navigation/PluginLinksAbout.vue b/src/components/navigation/PluginLinksAbout.vue new file mode 100644 index 0000000..7e12254 --- /dev/null +++ b/src/components/navigation/PluginLinksAbout.vue @@ -0,0 +1,28 @@ + + + diff --git a/src/components/navigation/PluginLinksHome.vue b/src/components/navigation/PluginLinksHome.vue new file mode 100644 index 0000000..1f81695 --- /dev/null +++ b/src/components/navigation/PluginLinksHome.vue @@ -0,0 +1,27 @@ + + + diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue index 215c4f8..ed5f05c 100644 --- a/src/layouts/MainLayout.vue +++ b/src/layouts/MainLayout.vue @@ -1,27 +1,38 @@ diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue new file mode 100644 index 0000000..400ea93 --- /dev/null +++ b/src/layouts/OutLayout.vue @@ -0,0 +1,41 @@ + + + diff --git a/src/pages/Login.vue b/src/pages/Login.vue new file mode 100644 index 0000000..e492340 --- /dev/null +++ b/src/pages/Login.vue @@ -0,0 +1,56 @@ + + + diff --git a/src/pages/about/About.vue b/src/pages/about/About.vue new file mode 100644 index 0000000..622af68 --- /dev/null +++ b/src/pages/about/About.vue @@ -0,0 +1,17 @@ + + + diff --git a/src/pages/About.vue b/src/pages/about/NewAbout.vue similarity index 52% rename from src/pages/About.vue rename to src/pages/about/NewAbout.vue index ea85000..8bda575 100644 --- a/src/pages/About.vue +++ b/src/pages/about/NewAbout.vue @@ -1,13 +1,14 @@ - - \ No newline at end of file diff --git a/src/pages/about/OldAbout.vue b/src/pages/about/OldAbout.vue new file mode 100644 index 0000000..99333f4 --- /dev/null +++ b/src/pages/about/OldAbout.vue @@ -0,0 +1,14 @@ + + + diff --git a/src/pages/home/Home.vue b/src/pages/home/Home.vue new file mode 100644 index 0000000..c5dd22d --- /dev/null +++ b/src/pages/home/Home.vue @@ -0,0 +1,18 @@ + + + diff --git a/src/pages/home/NewHome.vue b/src/pages/home/NewHome.vue new file mode 100644 index 0000000..8d8dba7 --- /dev/null +++ b/src/pages/home/NewHome.vue @@ -0,0 +1,14 @@ + + + diff --git a/src/pages/home/OldHome.vue b/src/pages/home/OldHome.vue new file mode 100644 index 0000000..6c18ea2 --- /dev/null +++ b/src/pages/home/OldHome.vue @@ -0,0 +1,14 @@ + + + diff --git a/src/router/routes.ts b/src/router/routes.ts index 6107909..f303432 100644 --- a/src/router/routes.ts +++ b/src/router/routes.ts @@ -3,11 +3,62 @@ import { RouteConfig } from 'vue-router'; const routes: RouteConfig[] = [ { path: '/', + redirect: 'login', + component: () => import('layouts/OutLayout.vue'), + children: [ + { + name: 'login', + path: 'login', + component: () => import('pages/Login.vue') + } + ] + }, + { + path: '/main', component: () => import('layouts/MainLayout.vue'), children: [ - { name: 'home', path: '', component: () => import('pages/Index.vue') }, - { name: 'about', path: 'about', component: () => import('pages/About.vue') } - + { + name: 'home', + path: 'home', + components: { + default: () => import('pages/home/Home.vue'), + 'plugin-nav': () => + import('components/navigation/PluginLinksHome.vue') + }, + children: [ + { + name: 'newHome', + path: 'newHome', + component: () => import('pages/home/NewHome.vue') + }, + { + name: 'oldHome', + path: 'oldHome', + component: () => import('pages/home/OldHome.vue') + } + ] + }, + { + name: 'about', + path: 'about', + components: { + default: () => import('pages/about/About.vue'), + 'plugin-nav': () => + import('components/navigation/PluginLinksAbout.vue') + }, + children: [ + { + name: 'newAbout', + path: 'newAbout', + component: () => import('pages/about/NewAbout.vue') + }, + { + name: 'oldAbout', + path: 'oldAbout', + component: () => import('pages/about/OldAbout.vue') + } + ] + } ] }, @@ -15,6 +66,7 @@ const routes: RouteConfig[] = [ // but you can also remove it { path: '*', + redirect: 'login', component: () => import('pages/Error404.vue') } ];