afterwriting-fork-rickschubert/js/theme/aw-bubble/view/sections.js

Screewriting tools

define(function(require) {

    var Protoplast = require('protoplast'),
        SectionsPresenter = require('theme/aw-bubble/presenter/sections-presenter'),
        SectionContainer = require('theme/aw-bubble/view/section-container');

    var Sections = Protoplast.Component.extend({

        html: '<div class="plugin-contents"></div>',

        $meta: {
            presenter: SectionsPresenter
        },
        
        sections: null,
        
        $create: function() {
            this.sections = Protoplast.Collection.create();
        },
        
        init: function() {
            Protoplast.utils.renderList(this, 'sections', {
                renderer: SectionContainer,
                property: 'section',
                create: function(parent, data, renderer, propertyName) {
                    var child = renderer.create();
                    child[propertyName] = data;
                    child.visible = child.section === parent.sections.selected;
                    parent.add(child);
                }
            });
        },

        hideAll: function(callback) {
            var counter = this.children.length;

            var allDone = function() {
                counter--;
                if (!counter) {
                    callback();
                }
            };

            this.children.forEach(function(sectionContainer) {
                sectionContainer.fadeOut(allDone);
            });
        },

        showSection: function(section, callback) {
            this.children.forEach(function(sectionContainer) {
                if (sectionContainer.section === section) {
                    sectionContainer.fadeIn(callback);
                }
            });
        }
        
    });

    return Sections;
});