• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    Build Tag: gallery-2011.05.04-20-03

    Return to Component Manager

    YUI.add('mypage', function(Y){
     
        function MyPage (config) {
            MyPage.superclass.constructor.apply(this, arguments);
        }
     
        Y.extend(MyPage, Y.Base, {
     
            // *** Prototype *** //
     
            initializer : function (config) {
     
                // When #foo is clicked, 'use' the myOverlay component and show the Overlay.
     
                Y.one('#foo').on('click', function(e){
     
                    this.useComponent('mySlider', function(mySlider){
     
                        // mySlider component had it's dependencies lazily loaded.
                        // mySlider component was lazily initialized.
                        // the instance returned by the initializer is cached,
                        // repeated calls just quickly return the instance to the callback.
     
                        mySlider.set('value', 400);
     
                    });
     
                }, this);
     
                // When #bar is clicked, 'use' both the myOverlay and mySlider components.
     
                Y.one('#bar').on('click', function(e){
     
                    this.useComponent('myOverlay', 'mySlider', function(myOverlay, mySlider){
     
                        // if mySlider or myOverlay have not been initialized, then it will be by now.
     
                        myOverlay.show();
                        mySlider.set('value', 200);
     
                    });
     
                }, this);
     
                // BaseComponentManager publishes an initComponents event.
                // This can be subscribed to during the initialization lifecycle stage.
                // Components can be added to the set (array) which should be eagerly initialized.
                // Under certain circumstances a component needs to be ready and used right away,
                // like an element being present in the DOM.
     
                this.on('initComponents', function(e){
     
                    // If #baz exists on the page, eagerly init the myOverlay component
     
                    if (Y.one('#baz')) {
                        e.componentsToInit.push('myOverlay');
                    }
     
                });
            },
     
            _initMyOverlay : function(){
     
                return (new Y.Overlay({
                    width       : '200px',
                    height      : '150px',
                    zInex       : 100,
                    centered    : true,
                    visible     : false,
                    bodyContent : '<p>My Overlay</p>',
                    render      : true,
                    plugins     : [{ fn: Y.Plugin.OverlayModal }],
                    on          : {
     
                        click : function(e){
                            this.hide();
                        }
     
                    }
                }));
            },
     
            _initMySlider : function () {
     
                return (new Y.Slider({
                    min     : 0,
                    max     : 500,
                    length  : 500,
                    render  : true
                }));
            }
     
        }, {
     
            // *** Static *** //
     
            NAME : 'myPage',
     
            COMPONENTS : {
     
                myOverlay : {
                    requires    : ['overlay', 'gallery-overlay-extras'],
                    initializer : '_initMyOverlay'
                },
     
                mySlider : {
                    requires    : ['slider'],
                    initializer : '_initMySlider' 
                }
     
            }
     
        });
     
        Y.MyPage = Y.Base.mix(MyPage, [Y.BaseComponentMgr]);
     
    }, '1.0.0', { requires: ['base', 'node', 'gallery-base-componentmgr'], optional: ['overlay', 'slider', 'gallery-overlay-extras'] });
     

    Build Output

    /home/y/libexec/ant/bin/ant all
    Buildfile: build.xml
         [echo] Starting Build For gallery-base-componentmgr
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-base-componentmgr
         [echo]     component.basefilename : gallery-base-componentmgr
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/assets
    
    clean:
    
    init:
        [mkdir] Created dir: /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
         [echo] Starting Build For gallery-base-componentmgr
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-base-componentmgr
         [echo]     component.basefilename : gallery-base-componentmgr
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/assets
    
    -lint-server:
         [echo] Starting Build For gallery-base-componentmgr
         [echo] Ant Properties
         [echo]     Home : /home/y/libexec/ant
         [echo]     Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008
         [echo]     Build File : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build.xml
         [echo] Local Build Properties
         [echo]     version : 3
         [echo]     srcdir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery
         [echo]     builddir : ../../../builder/componentbuild
         [echo]     component : gallery-base-componentmgr
         [echo]     component.basefilename : gallery-base-componentmgr
         [echo]     component.basedir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr
         [echo]     component.builddir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
         [echo] Global Build Properties
         [echo]     global.build.base : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build
         [echo]     global.build.component : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr
         [echo]     global.build.component.assets : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/assets
    
    -node:
         [echo] For faster builds, install Node.js.
    
    -concatdebug:
         [echo] Concatenating
         [echo]     Source Files : base-componentmgr.js
         [echo]     In Source Dir : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/js
         [echo]     To : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-debug.js
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/ant
       [delete] Deleting directory /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/ant
    
    -registerdebug:
         [echo] Wrapping /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-debug.js in YUI.add module
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
    
    -prependdebug:
    
    -appenddebug:
    
    builddebug:
    
    -createcore:
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp
    
    -loggerregex:
         [echo] Replacing Logger Statements in /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr.js
    
    buildcore:
    
    -rollupjs:
    
    -concatskins:
    
    -buildskins:
    
    -rollupcss:
    
    buildskins:
    
    -buildlangs:
    
    -rolluplangs:
    
    buildlangs:
    
    build:
    
    minify:
    [yuicompressor] Compressing /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr.js
    [yuicompressor] Compressed to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-min.js
    
    lint:
         [echo] Using Rhino. Install nodejs to improve jslint speed, or skip with -Dlint.skip=true
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-debug.js
         [java] - OK
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-min.js
         [java] - OK
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr.js
         [java] - OK
    
    local:
    
    deploybuild:
         [copy] Copying 3 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-min.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/gallery-base-componentmgr-min.js
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/gallery-base-componentmgr.js
         [copy] Copying /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-base-componentmgr/build_tmp/gallery-base-componentmgr-debug.js to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-base-componentmgr/gallery-base-componentmgr-debug.js
    
    deployassets:
    
    deployskins:
    
    deploylang:
    
    deploydocs:
    
    deploy:
    
    all:
    
    BUILD SUCCESSFUL
    Total time: 3 seconds

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info