UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 448d1781 authored by jtwidt's avatar jtwidt
Browse files

added 3 day workshop view

parent b83ef7f3
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/router/index.js
+ 84
− 67
View file @ 448d1781
import Vue from "vue";
import VueRouter from "vue-router";
import Vue from 'vue';
import VueRouter from 'vue-router';
import VueBodyClass from "vue-body-class";
import Home from "../views/Home.vue";
import VueBodyClass from 'vue-body-class';
import Home from '../views/Home.vue';
Vue.use(VueRouter);
const routes = [
{
path: "/",
name: "Home",
path: '/',
name: 'Home',
component: Home,
meta: {
title: "Platform One",
bodyClass: "home-page"
}
title: 'Platform One',
bodyClass: 'home-page',
},
},
{
path: "/products",
name: "Products",
path: '/products',
name: 'Products',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "services" */ "@/views/Products.vue"),
import(/* webpackChunkName: "services" */ '@/views/Products.vue'),
meta: {
title: "Platform One | Products",
bodyClass: "products-page",
breadcrumb: "Products"
}
title: 'Platform One | Products',
bodyClass: 'products-page',
breadcrumb: 'Products',
},
},
{
path: "/services",
name: "Services",
path: '/services',
name: 'Services',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "services" */ "@/views/Services.vue"),
import(/* webpackChunkName: "services" */ '@/views/Services.vue'),
meta: {
title: "Platform One | Services",
bodyClass: "services-page",
breadcrumb: "Services"
}
title: 'Platform One | Services',
bodyClass: 'services-page',
breadcrumb: 'Services',
},
},
{
path: "/who-we-are",
name: "WhoWeAre",
path: '/who-we-are',
name: 'WhoWeAre',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "who-we-are" */ "@/views/WhoWeAre.vue"),
import(/* webpackChunkName: "who-we-are" */ '@/views/WhoWeAre.vue'),
meta: {
title: "Platform One | Who We Are",
bodyClass: "who-we-are-page",
breadcrumb: "Who We Are"
}
title: 'Platform One | Who We Are',
bodyClass: 'who-we-are-page',
breadcrumb: 'Who We Are',
},
},
{ path: "/partybus", redirect: "/products/abms-adce" },
{
path: "/products/abms-adce",
name: "ADCE",
path: '/products/abms-adce/onboarding/3-day-workshop',
name: '3DayWorkshop',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "adce" */ "@/views/ADCE.vue"),
component: () =>
import(
/* webpackChunkName: "3-day-workshop" */ '@/views/3DayWorkshop.vue'
),
meta: {
title: "Platform One | Products | The Party Bus",
bodyClass: "adce-page",
breadcrumb: "The Party Bus"
}
title:
'Platform One | Products | The Party Bus Onboarding | 3 Day Workshop',
bodyClass: '3-day-workshop-page',
breadcrumb: '3 Day Workshop',
},
},
{ path: "/bigbangonboarding", redirect: "/products/big-bang/onboarding" },
{ path: "/bigbang-onboarding", redirect: "/products/big-bang/onboarding" },
{ path: '/partybus', redirect: '/products/abms-adce' },
{
path: "/products/big-bang/onboarding",
name: "BigBangOnboarding",
path: '/products/abms-adce',
name: 'ADCE',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "adce" */ '@/views/ADCE.vue'),
meta: {
title: 'Platform One | Products | The Party Bus',
bodyClass: 'adce-page',
breadcrumb: 'The Party Bus',
},
},
{ path: '/bigbangonboarding', redirect: '/products/big-bang/onboarding' },
{ path: '/bigbang-onboarding', redirect: '/products/big-bang/onboarding' },
{
path: '/products/big-bang/onboarding',
name: 'BigBangOnboarding',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(
/* webpackChunkName: "big-bang-onboarding" */ "@/views/BigBangOnboarding.vue"
/* webpackChunkName: "big-bang-onboarding" */ '@/views/BigBangOnboarding.vue'
),
meta: {
title: "Platform One | Products | Big Bang Onboarding",
bodyClass: "big-bang-onboarding-page",
breadcrumb: "Big Bang Onboarding"
}
title: 'Platform One | Products | Big Bang Onboarding',
bodyClass: 'big-bang-onboarding-page',
breadcrumb: 'Big Bang Onboarding',
},
},
{ path: "/bigbang", redirect: "/products/big-bang" },
{ path: "/big-bang", redirect: "/products/big-bang" },
{ path: '/bigbang', redirect: '/products/big-bang' },
{ path: '/big-bang', redirect: '/products/big-bang' },
{
path: "/products/big-bang",
name: "BigBang",
path: '/products/big-bang',
name: 'BigBang',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "big-bang" */ "@/views/BigBang.vue"),
import(/* webpackChunkName: "big-bang" */ '@/views/BigBang.vue'),
meta: {
title: "Platform One | Products | Big Bang",
bodyClass: "big-bang-page",
breadcrumb: "Big Bang"
}
title: 'Platform One | Products | Big Bang',
bodyClass: 'big-bang-page',
breadcrumb: 'Big Bang',
},
},
{
path: "/contact-us",
name: "ContactUs",
path: '/contact-us',
name: 'ContactUs',
// route level code-splitting
// this generates a separate chunk (ContactUs.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () =>
import(/* webpackChunkName: "ContactUs" */ "@/views/ContactUs.vue"),
import(/* webpackChunkName: "ContactUs" */ '@/views/ContactUs.vue'),
meta: {
title: "Platform One | Contact Us",
bodyClass: "contact-us-page",
breadcrumb: "Contact Us"
}
}
title: 'Platform One | Contact Us',
bodyClass: 'contact-us-page',
breadcrumb: 'Contact Us',
},
},
];
const router = new VueRouter({
......@@ -131,12 +148,12 @@ const router = new VueRouter({
}
if (to.hash) {
return {
selector: to.hash
selector: to.hash,
};
}
return { x: 0, y: 0 };
}
},
});
const vueBodyClass = new VueBodyClass(routes);
......@@ -149,7 +166,7 @@ router.beforeEach((to, from, next) => {
const nearestWithTitle = to.matched
.slice()
.reverse()
.find(r => r.meta && r.meta.title);
.find((r) => r.meta && r.meta.title);
// If a route with a title was found, set the document (page) title to that value.
if (nearestWithTitle) {
......
src/views/3DayWorkshop.vue 0 → 100644
+ 135
− 0
View file @ 448d1781
<template>
<div class="3-day-workshop">
<PageHeader title="3 DAY WORKSHOP" />
<div class="col-lg-12 px-4">
<div class="px-4 pb-4">
<h2 class="mx-0">YOU CAN REGISTER FOR THE FOLLOWING SESSIONS</h2>
<p class="pr-5">Complete the registration process below in order to reserve your seat</p>
</div>
<!-- Replace the below the registration component -->
<p>Registration link/component goes here</p>
<!-- Replace the above with the registration component -->
<div class="px-4 pt-4">
<h2 class="mx-0">3 DAY WORKSHOP AGENDA</h2>
</div>
<div class="container">
<div class="row text-left justify-content-center">
<div class="col-xs-10 col sm-8 col-md-10 col-lg-8 col-xl-6">
<div class="px-4 pt-4">
<h4 class="mx-0">DAY 01</h4>
<li v-for="item in day1" :key="item.id">{{item.text}}</li>
</div>
<div class="px-4 pt-4">
<h4 class="mx-0">DAY 02</h4>
<li v-for="item in day2" :key="item.id">{{item.text}}</li>
</div>
<div class="px-4 pt-4">
<h4 class="mx-0">DAY 03</h4>
<li v-for="item in day3" :key="item.id">{{item.text}}</li>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import PageHeader from "@/components/PageHeader";
export default {
name: "3DayWorkshop",
components: { PageHeader },
data: function() {
return {
day1: [
{
id: 1,
text:
"Deploy a Java API with a canary endpoint and verify it in Platform One."
},
{
id: 2,
text:
"Review gitlab.yml and associate stages with IAAC for deploying on Party Bus"
},
{
id: 3,
text: "Review docker file and add dependencies from Iron Bank"
},
{
id: 4,
text: "Review the build.gradle and update dependencies/tasks"
},
{
id: 5,
text: "Pair Programming and P1"
},
{
id: 6,
text:
"Add a test to verify the newly created endpoint and deploy to P1 dev"
},
{
id: 7,
text:
"Write a test for a new feature based on a story, fulfill the test, and deploy to P1"
}
],
day2: [
{
id: 1,
text: "Leveraging P1 and built-in quality to continuously release"
},
{
id: 2,
text: "Writing user stories to leverage P1 continuous release ability"
},
{
id: 3,
text:
"Write a test for a new feature with underlying permutations and fulfill pipeline requirements"
},
{
id: 4,
text: "Paired code reviews as a P1 alternative to Pair Programming"
}
],
day3: [
{
id: 1,
text: "Understanding how P1 prioritizes the customer"
},
{
id: 2,
text: "P1 recommended ceremonies"
},
{
id: 3,
text: "Run a micro iteration on your P1 application"
},
{
id: 4,
text: "Retrospective"
}
]
};
}
};
</script>
<style lang="scss">
// hide the wisps since the top section is so small on this page
// .3-day-workshop-page {
// main.v-main {
// background-image: none !important;
// }
// }
.who-we-are {
margin-bottom: 2rem;
@include media-breakpoint-up(lg) {
.section-description {
max-width: 60%;
}
}
}
</style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

UNCLASSIFIED - NO CUI