code4maus/src/lib/routing.js at 0103a3532d9358bc0fe4aa344df41f07ce0d1ec9 · wdr-data/code4maus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import { routerForBrowser } from 'redux-little-router'

export const Views = {
  edu: 'VIEW_EDU',
  menu: 'VIEW_MENU',
  project: 'VIEW_PROJECT',
  content: 'content',
  offline: 'offline',
  welcome: 'welcome',
}

export const MenuTabs = {
  edugames: 'lernspiele',
  examples: 'beispiele',
  projects: 'projekte',
  videos: 'videos',
}

export const eduUrl = (eduId) => `/lernspiel/${eduId}`
export const projectUrl = (projectId) => `/projekt/${projectId}`

const routes = {
  '/': {
    view: Views.menu,
  },
  '/lernspiele': {
    view: Views.menu,
    tab: MenuTabs.edugames,
  },
  '/projekte': {
    view: Views.menu,
    tab: MenuTabs.projects,
  },
  '/beispiele': {
    view: Views.menu,
    tab: MenuTabs.examples,
  },
  '/videos': {
    view: Views.menu,
    tab: MenuTabs.videos,
  },
  '/lernspiel/:eduId': {
    view: Views.edu,
  },
  '/welcome': {
    view: Views.welcome,
  },
  '/projekt': {
    '/neu': {
      view: Views.project,
      newProject: true,
    },
    '/:projectId': {
      view: Views.project,
    },
  },
  '/:page': {
    view: Views.content,
  },
  '/offline': {
    view: Views.offline,
  },
}

export const { reducer, middleware, enhancer } = routerForBrowser({ routes })