router/examples/transition.js at master · benfreu/router · 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
var Router = require('router');
var Page = require('page-view');

/**
 * Setup our routes.
 */

var router = new Router()
  .on('/page')
    .in(renderPage)
  .on('/page/sidebar')
    .in(showSidebar)
    .out(hideSidebar)
  .start();

/**
 * Render the page.
 *
 * @param {Context} context
 * @param {Function} next
 */

function renderPage (context, next) {
  var page = new Page();
  document.body.innerHTML = '';
  document.body.appendChild(page.el);
}

/**
 * Show the sidebar.
 *
 * @param {Context} context
 * @param {Function} next
 */

function showSidebar (context, next) {
  document.body.classList.add('has-sidebar');
}

/**
 * Hide the sidebar.
 *
 * @param {Context} context
 * @param {Function} next
 */

function hideSidebar (context, next) {
  document.body.classList.remove('has-sidebar');
}