# Code coverage report for lib/components/repeat.js

## Statements: 86.67% (26 / 30) Branches: 83.33% (10 / 12) Functions: 50% (2 / 4) Lines: 88.89% (24 / 27) Ignored: none

All files » lib/components/ » repeat.js

    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
    711

    1

    1

    16

    16

    16

    16

    5

    5

    2

    5

    16
    16

    16

    58
    58
    58
    58

    58
    20

    38
    38
    38

    16

     var BaseComponent  = require("./base"),
    BindableCollection = require("bindable-collection"),
    BindableObject     = require("bindable-object"),
    ScopedBindableObject = require("scoped-bindable-object");

    /**
     * TODO: alloc property
     * TODO: chunk property
     */

    function RepeatComponent (options) {
      BaseComponent.call(this, options);
    }

    /**
     */

    module.exports = BaseComponent.extend({

      /**
       */

      update: function () {
        if (this._updateListener) this._updateListener.dispose();

        var name = this.attributes.as,
        source   = this.attributes.each;

        Iif (!source) source = [];

        if (source.__isBindableCollection) {

          var self = this, collection = source;

          this._updateListener = source.once("update", function () {
            // rAF
            self.view.runner.run(self);
          });

          source = source.source;
        }

        if (!this._children) this._children = [];
        var self = this;

        for (var i = 0, n = source.length; i < n; i++) {

          Eif (name) {
            var context   = new ScopedBindableObject(void 0, self.context);
            context[name] = source[i];
            context.index = i;
          } else {
            var context = source[i];
          }

          if (i < this._children.length) {
            this._children[i].bind(context);
          } else {
            var child = this.childTemplate.view(context);
            this._children.push(child);
            this.section.appendChild(child.render());
          }
        }

        // TODO - easeOutSync?
        this._children.splice(i).forEach(function (child) {
          child.dispose();
        });
      }
    });