From 8f2a06d5a6e6dc1beeef5668fa2833a64848d60f Mon Sep 17 00:00:00 2001
From: Karl Beecken <karl@beecken.berlin>
Date: Wed, 20 May 2020 18:31:13 +0200
Subject: [PATCH] add first step attempt
---
src/components/Navbar.vue | 3 +++
src/components/StrikeSteps.vue | 33 +++++++++++++++++++++++++++++++++
src/router/index.ts | 8 +++++++-
3 files changed, 43 insertions(+), 1 deletion(-)
create mode 100644 src/components/StrikeSteps.vue
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 08339b6..eb6230e 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -9,6 +9,9 @@
<b-navbar-item tag="router-link" :to="{ path: '/about' }">
About
</b-navbar-item>
+ <b-navbar-item tag="router-link" :to="{ path: '/steps' }">
+ Steps
+ </b-navbar-item>
<b-navbar-item
tag="router-link"
:to="{ path: '/strike/manage' }"
diff --git a/src/components/StrikeSteps.vue b/src/components/StrikeSteps.vue
new file mode 100644
index 0000000..71068a5
--- /dev/null
+++ b/src/components/StrikeSteps.vue
@@ -0,0 +1,33 @@
+<template>
+ <b-steps>
+ <b-step-item label="Ort" clickable="true">
+ Ort
+ </b-step-item>
+ <b-step-item label="Zeit" clickable="true">
+ Zeit
+ </b-step-item>
+ <b-step-item label="Mehr Infos" clickable="true">
+ Mehr Infos
+ </b-step-item>
+ <b-step-item label="Kontaktdaten" clickable="true">
+ Kontaktdaten
+ </b-step-item>
+ <b-step-item label="Datenschutz" clickable="true">
+ Datenschutz
+ </b-step-item>
+ </b-steps>
+</template>
+
+
+<script>
+import Vue from 'vue';
+
+export default {
+ data() {
+ return {
+ clickable: true,
+ mobileMode: 'compact',
+ };
+ },
+};
+</script>
diff --git a/src/router/index.ts b/src/router/index.ts
index 29ea23d..dce8ebe 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -17,7 +17,8 @@ import {
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import Navbar from '@/components/Navbar.vue';
-import Home from '../views/Home.vue';
+import Home from '@/views/Home.vue';
+import StrikeSteps from '@/components/StrikeSteps.vue';
library.add(
@@ -61,6 +62,11 @@ const routes: Array<RouteConfig> = [
name: 'Home',
component: Home,
},
+ {
+ path: '/steps',
+ name: 'Steps',
+ component: StrikeSteps,
+ },
{
path: '/about',
name: 'About',
--
GitLab