body-class/london:body-class.js at 3235dd7f599c490c35098314c1615b53cf4da362 · meteor-london/body-class · 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
66
67
68
69
70
71
72
73
/*
```
Meteor ================================================

'||     .|''''|, '||\   ||` '||'''|. .|''''|, '||\   ||`
 ||     ||    ||  ||\\  ||   ||   || ||    ||  ||\\  ||
 ||     ||    ||  || \\ ||   ||   || ||    ||  || \\ ||
 ||     ||    ||  ||  \\||   ||   || ||    ||  ||  \\||
.||...| `|....|' .||   \||. .||...|' `|....|' .||   \||.

 ============================================ body-class
```

Giving you `Blaze.addBodyClass` for **live live live** reactive class names on the body element.

Usage: `Blaze.addBodyClass(fn)`

Example:

```javascript

Session.setDefault('state', 'alpha')

Blaze.addBodyClass(function() {
  return Session.get('state')
})

```
results in `<body class="alpha">`

- If `iron:router` is present, the current route is automatically added as a body class.
- Calling addBodyClass multiple times is fine. They all end up as additional body classes.
- Duplicate classes are removed by virtue of using jQuery `addClass` to do the dirty work.

by: @olizilla for meteor-london
*/

Blaze.addBodyClass = function (fn) {
  if($.isArray(fn)) {
    return fn.forEach(Blaze.addBodyClass)
  }
  if(typeof fn !== 'function') {
    return Meteor.startup(function () { $('body').addClass(fn) })
  }

  Meteor.startup(function () {
    Deps.autorun(function () {
      $('body')
        .removeClass(fn._prev)
        .addClass(fn._prev = fn())
    })
  })
}
if(Package['iron:router']) {
  Meteor.startup(function () {
    Blaze.addBodyClass(function () {
      var className = Router.current() && Router.current().route.getName();
      if(className){
            className = className.replace(/\./g, '-');
      }
      return className;
    })
  })
}
if(Package['meteorhacks:flow-router']) {
  Meteor.startup(function () {
    Blaze.addBodyClass(function () {
      return FlowRouter.reactiveCurrent() &&
             FlowRouter.reactiveCurrent().route &&
             FlowRouter.reactiveCurrent().route.name
    })
  })
}