Oeb widgets dev

.vscode/settings.json

@@ -36,8 +36,8 @@
 
 	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
-		"source.fixAll": true,
-		"source.fixAll.eslint": true
+		"source.fixAll": "explicit",
+		"source.fixAll.eslint": "explicit"
 	},
 	"eslint.validate": [
 		"javascript",
@@ -84,5 +84,8 @@
 		"activityBar.background": "#124c4f",
 		"titleBar.activeBackground": "#124c4f",
 		"titleBar.activeForeground": "#FDF9F8"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	}
 }

components/Header/subMenuEntriesAbout.js

@@ -6,11 +6,21 @@ const subMenuEntriesAbout = [
 		title_hide: 'OpenEBench About',
 		to: '/about',
 	},
+	{
+		title: 'Publications',
+		title_hide: 'Publications About',
+		to: '/publications',
+	},
 	{
 		title: 'Collaboration',
 		title_hide: 'Collaboration About',
 		to: '/collaboration',
 	},
+	{
+		title: 'The Team',
+		title_hide: 'Team About',
+		to: '/team',
+	},
 ];
 
 export default subMenuEntriesAbout;

components/TheFooter.vue

@@ -113,6 +113,7 @@ import logo from '~/static/images/opeb_logo_white_minimal.png';
 import euFlag from '~/static/images/eu.svg';
 import menuEntries from '~/components/Header/menuEntries';
 import subMenuEntries from '~/components/Header/subMenuEntriesDocs';
+import subMenuEntriesAbout from '~/components/Header/subMenuEntriesAbout';
 
 export default {
 	data: () => ({
@@ -128,6 +129,10 @@ export default {
 				headline: 'Project',
 				links: subMenuEntries,
 			},
+			{
+				headline: 'About',
+				links: subMenuEntriesAbout,
+			},
 			{
 				headline: 'Legal',
 				links: [

pages/publications.spec.js

@@ -0,0 +1,15 @@
+import { mount } from '@vue/test-utils';
+import Publication from './publications.vue';
+
+const factory = () => {
+	return mount(Publication, {
+		...createComponentMocks({}),
+	});
+};
+
+describe('Publication', () => {
+	it('is instantiated', () => {
+		const wrapper = factory();
+		expect(wrapper).toBeTruthy();
+	});
+});

pages/publications.vue

@@ -0,0 +1,110 @@
+<template>
+	<v-container>
+		<h1 class="text--h3">OpenEBench Publications</h1>
+		<br />
+		<p>
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+			veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+			commodo consequat.
+		</p>
+		<br />
+		<v-tabs :vertical="vertical" class="mt-10">
+			<v-tab class="justify-start">
+				<v-icon left> mdi-information-outline </v-icon>
+				Papers
+			</v-tab>
+			<v-tab-item class="ma-5 mt-5 mt-md-0" :transition="false">
+				<v-card outlined class="pa-5" elevation="1">
+					<v-row no-gutters align="center">
+						<v-col>
+							<marked-wrapper>fnsdjnfjsdnf </marked-wrapper>
+						</v-col>
+					</v-row>
+				</v-card>
+			</v-tab-item>
+			<v-tab class="justify-start">
+				<v-icon left> mdi-information-outline </v-icon>
+				Posters
+			</v-tab>
+			<v-tab-item class="ma-5 mt-5 mt-md-0" :transition="false">
+				<v-card outlined class="pa-5" elevation="1">
+					<v-row no-gutters align="center">
+						<v-col>
+							<marked-wrapper>123456 </marked-wrapper>
+						</v-col>
+					</v-row>
+				</v-card>
+			</v-tab-item>
+			<v-tab class="justify-start">
+				<v-icon left> mdi-information-outline </v-icon>
+				Videos
+			</v-tab>
+			<v-tab-item class="ma-5 mt-5 mt-md-0" :transition="false">
+				<v-card outlined class="pa-5" elevation="1">
+					<v-row no-gutters align="center">
+						<v-col>
+							<marked-wrapper>123456 </marked-wrapper>
+						</v-col>
+					</v-row>
+				</v-card>
+			</v-tab-item>
+			<v-tab class="justify-start">
+				<v-icon left> mdi-information-outline </v-icon>
+				Training Materials
+			</v-tab>
+			<v-tab-item class="ma-5 mt-5 mt-md-0" :transition="false">
+				<v-card outlined class="pa-5" elevation="1">
+					<v-row no-gutters align="center">
+						<v-col>
+							<marked-wrapper>123456 </marked-wrapper>
+						</v-col>
+					</v-row>
+				</v-card>
+			</v-tab-item>
+		</v-tabs>
+	</v-container>
+</template>
+
+<script>
+export default {
+	name: 'PublicationsPage',
+	computed: {
+		vertical() {
+			return this.$vuetify.breakpoint.mdAndUp;
+		},
+		breadcrumbs() {
+			return [
+				{
+					text: 'Home',
+					disabled: false,
+					exact: true,
+					to: '/',
+				},
+				{
+					text: 'About',
+					disabled: true,
+				},
+				{
+					text: 'Publications',
+					disabled: true,
+				},
+			];
+		},
+	},
+	watch: {
+		breadcrumbs() {
+			this.$parent.$emit('emitBreadcrumbs', this.breadcrumbs);
+		},
+	},
+	mounted() {
+		this.$parent.$emit('emitBreadcrumbs', this.breadcrumbs);
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.v-tab {
+	text-transform: none !important;
+}
+</style>

pages/team.spec.js

@@ -0,0 +1,15 @@
+import { mount } from '@vue/test-utils';
+import Team from './team.vue';
+
+const factory = () => {
+	return mount(Team, {
+		...createComponentMocks({}),
+	});
+};
+
+describe('Team', () => {
+	it('is instantiated', () => {
+		const wrapper = factory();
+		expect(wrapper).toBeTruthy();
+	});
+});