summaryrefslogtreecommitdiff
path: root/web-ui/app/js/tags/ui/tag_shortcut.js
blob: 6e5c69606227e40d5fb99f149c8e8ec925cf57c9 (plain)
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
define(
  [
    'flight/lib/component',
    'views/templates',
    'page/events',
    'tags/ui/tag_base'
  ],

  function (describeComponent, templates, events, tagBase) {

    var TagShortcut =  describeComponent(tagShortcut, tagBase);

    TagShortcut.appendedTo = function (parent, data) {
      var res = new this();
      res.renderAndAttach(parent, data);
      return res;
    };

    return TagShortcut;

    function tagShortcut() {


      this.renderAndAttach = function (parent, options) {
        var linkTo = options.linkTo;

        var model = {
          tagName: linkTo.name,
          displayBadge: this.displayBadge(linkTo),
          badgeType: this.badgeType(linkTo),
          count: this.badgeType(linkTo) === 'total' ? linkTo.counts.total : (linkTo.counts.total - linkTo.counts.read),
          icon: iconFor[linkTo.name]
        };

        var rendered = templates.tags.shortcut(model);
        parent.append(rendered);

        this.initialize(parent.children().last(),options);
      };

      var iconFor = {
        'inbox': 'inbox',
        'sent': 'send',
        'drafts': 'pencil',
        'trash': 'trash-o',
        'all': 'archive'
      };

      this.selectTag = function (ev, data) {
        data.tag === this.attr.linkTo.name ? this.doSelect() : this.doUnselect();
      };

      this.doUnselect = function () {
        this.$node.removeClass('selected');
      };

      this.doSelect = function () {
        this.$node.addClass('selected');
      };

      this.after('initialize', function () {
        this.on('click', function () { this.attr.trigger.triggerSelect(); });
        this.on(document, events.ui.tag.select, this.selectTag);
      });

    }
  }
);