feat: design submission form

src/router.ts

@@ -1,18 +1,23 @@
 import Vue from "vue";
-import Router, { NavigationGuard } from "vue-router";
+import Router, { NavigationGuard, RawLocation } from "vue-router";
 import store from "@/store";
 import sessionStore from "@/store/modules/session";
 import Home from "./views/Home.vue";
+import Design from "./views/Design.vue";
 import Designs from "./views/Designs.vue";
 import InteractiveMap from "./views/InteractiveMap/InteractiveMap.vue";
 import Jobs from "./views/Jobs/Jobs.vue";
 import JobDetails from "./views/Jobs/JobDetails.vue";
 import Maps from "./views/Maps.vue";
 import Models from "./views/Models.vue";
 import Projects from "./views/Projects.vue";
-import NotFound from "./views/NotFound.vue";
 import PrivacyPolicy from "./views/PrivacyPolicy.vue";
 import TermsOfService from "./views/TermsOfService.vue";
+import NotFound from "./views/NotFound.vue";
+
+// FIXME (Moritz Beber): In future we would like to import this from vue-router.
+// See https://github.com/vuejs/vue-router/issues/2758
+export type NextHandler = (to?: RawLocation | false | Function | void) => void;
 
 Vue.use(Router);
 
@@ -38,6 +43,12 @@ export default new Router({
       name: "home",
       component: Home
     },
+    {
+      path: "/design",
+      name: "design",
+      component: Design,
+      beforeEnter: authGuard
+    },
     {
       path: "/designs",
       name: "designs",

src/store/modules/models.ts

@@ -13,6 +13,10 @@ export interface ModelItem {
   model_serialized?: object;
 }
 
+export const organism2ModelMapping = {
+  "2": 10
+};
+
 export default {
   namespaced: true,
   state: {

src/types/forms.d.ts

@@ -0,0 +1,3 @@
+// Vuetify does not seem to export types for form rules.
+export type RuleOutcome = string | true;
+export type RuleHandler = (any) => RuleOutcome;