Skip to content

This is a view manager for bigwheel (it brings in out content)

License

Notifications You must be signed in to change notification settings

bigwheel-framework/bw-vm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

bw-vm

browser support

experimental

bw-vm is a view manager. It's main purpose is to bring in and take out views/sections.

bw-vm has no ties to the browser and so can be used in environments that have no ties to the browser. For instance you could use it in a command line application or cocoonjs.

Views/sections are objects which may have the functions init, resize, aniIn, aniOut, destroy defined.

bw-vm will call those functions in sequence init, resize, aniIn, aniOut, destroy. aniOut and destroy will not be called until the next view/section comes in.

Usage

NPM

Example

var viewmanager = require( 'bw-vm' )();

var optionalDataYouCanPass = {

  someData: './someImage.jpg' 
};

var optionalCallbackForWhenSectionIsIn = function() {};

var section1 = new Section(); // section 1 will be the initial view
var section2 = new Section(); // section 2 will be the second view

viewmanager.show( section1, optionalDataYouCanPass, optionalCallbackForWhenSectionIsIn );
viewmanager.show( section2 ); // will take out the first section and bring in the second



function Section() {};

Section.prototype = {
  
  init: function( data, done ) {

    // data == optionalCallbackForWhenSectionIsIn

    done(); // call done to ensure the viewmanager knows initialization is done
  },

  resize: function( width, height ) {

    // there is a function on the view manager which can be called to resize
    // current section it's holding.

    // by default 980x570 is passed
  },

  aniIn: function( data, done ) {

    // data == optionalCallbackForWhenSectionIsIn

    done(); // call done to ensure the viewmanager knows animate in is done
  },

  aniOut: function( data, done ) {

    // data == is the data used to bring in the next section

    done(); // call done to ensure the viewmanager knows animate out is done
  },

  destroy: function( data, done ) {

    // data == is the data used to bring in the next section

    done(); // call done to ensure the viewmanager knows when destrou is done
  }
};

License

MIT, see LICENSE.md for details.

About

This is a view manager for bigwheel (it brings in out content)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published