PrintTaskCardsApp.js

(function() {
    var Ext = window.Ext4 || window.Ext;
    Ext.define('Rally.apps.printcards.printtaskcards.PrintTaskCardsApp', {
        extend: 'Rally.app.TimeboxScopedApp',
        alias: 'widget.printtaskcards',
        requires: [
            'Rally.apps.printcards.PrintCard',
            'Rally.app.plugin.Print'
        ],
        plugins: [{
            ptype: 'rallyappprinting'
        }],
        helpId: 242,
        componentCls: 'printcards',
        scopeType: 'iteration',
        autoScroll: false,

        launch: function() {
            this.add({
                xtype: 'container',
                itemId: 'cards'
            });
            this.callParent(arguments);
        },

        onScopeChange: function(scope) {
            this.down('#cards').getEl().setHTML('');
            this._loadTasks(scope);
        },

        _loadTasks: function(scope) {
            Ext.create('Rally.data.wsapi.Store', {
                context: this.getContext().getDataContext(),
                model: Ext.identityFn('Task'),
                autoLoad: true,
                fetch: ['FormattedID', 'Name', 'Owner', 'Description', 'Estimate', 'WorkProduct'],
                limit: (scope.getRecord()) ? 200 : 50,
                listeners: {
                    load: this._onTasksLoaded,
                    scope: this
                },
                filters: [
                    scope.getQueryFilter()
                ]
            });
        },

        _onTasksLoaded: function(store, records) {
            var printCardHtml = '';
            _.each(records, function(record, idx) {
                printCardHtml += Ext.create('Rally.apps.printcards.PrintCard').tpl.apply(record.data);
                if (idx%4 === 3) {
                    printCardHtml += '<div class="pb"></div>';
                }
            }, this);
            Ext.DomHelper.insertHtml('beforeEnd', this.down('#cards').getEl().dom, printCardHtml);

            if(Rally.BrowserTest) {
                Rally.BrowserTest.publishComponentReady(this);
            }
        },

        getOptions: function() {
            return [
                this.getPrintMenuOption({title: 'Print Task Cards App'}) //from printable mixin
            ];
        }
    });
})();