vlado · September 19, 2012 16:13
diff --git a/gistfile1.js b/gistfile1.js
 // ================================================
 // We can put everything under "bd" namespace
 // ================================================
 window.bd = {};

 // define some util functions and/or classes under util namespace
 bd.util = {};
 bd.util.toFloat = function(obj) {
  return parseFloat(obj);
 };

 // or some directly on bd namespace
 bd.log = function(something) {
  if (console)
    console.log(something)
 }

 // we define some view helpers used on multiple (all) pages
 bd.viewHelpers = {};
 bd.viewHelpers.CustomScrollbars = new Class({
  initialize: function() {
    // code to show custom scrollbars
  }
 });

 // we put all view specific classes under bd.views namespace
 bd.views = {
  beforeFilter: function() {
    new bd.viewHelpers.CustomScrollbars();
  },
  afterFilter: function() {
    // something to do after view init (this filters could be developed to be very powerfull if needed)
  }
 };

 // we define new class for each view
 bd.views.Login = new Class({
  initialize: function() {
    this.alertLogin();
    bd.util.toFloat("123.45");
  },
  alertLogin: function() {
    alert('Login')
  }
  // ... more methods ...
 });
 bd.views.Home = new Class({
  initialize: function() {
    this.alertHome();
  },
  alertHome: function() {
    alert('Home')
  }
  // ... more methods ...
 });


 // we add data-view attribute to body tag <body data-view='Login'> pick it on ready and use it to instantize right class
 window.addEvent('domready', function() {
  bd.view = $$('body').pick().getAttribute('data-view');
  bd.views.beforeFilter(); // other approach for this filters could be to define some Base view and have all views extend from it
  new bd.views[bd.view]();
  bd.views.afterFilter();
 });

 // ================================================
 // OR we can define everything globally
 // ================================================
 // (I would prefer to use bd namespace at least for everything so we are 100% sure there will be no collision with other libraries)

 LoginView = new Class({
  initialize: function() {
    this.alertLogin();
    bd.util.toFloat("123.45");
  },
  alertLogin: function() {
    alert('LoginView')
  }
 });

 window.addEvent('domready', function() {
  var view = $$('body').pick().getAttribute('data-view');
  new window[view+'View']();
 });
	// ================================================
	// We can put everything under "bd" namespace
	// ================================================
	window.bd = {};

	// define some util functions and/or classes under util namespace
	bd.util = {};
	bd.util.toFloat = function(obj) {
	return parseFloat(obj);
	};

	// or some directly on bd namespace
	bd.log = function(something) {
	if (console)
	console.log(something)
	}

	// we define some view helpers used on multiple (all) pages
	bd.viewHelpers = {};
	bd.viewHelpers.CustomScrollbars = new Class({
	initialize: function() {
	// code to show custom scrollbars
	}
	});

	// we put all view specific classes under bd.views namespace
	bd.views = {
	beforeFilter: function() {
	new bd.viewHelpers.CustomScrollbars();
	},
	afterFilter: function() {
	// something to do after view init (this filters could be developed to be very powerfull if needed)
	}
	};

	// we define new class for each view
	bd.views.Login = new Class({
	initialize: function() {
	this.alertLogin();
	bd.util.toFloat("123.45");
	},
	alertLogin: function() {
	alert('Login')
	}
	// ... more methods ...
	});
	bd.views.Home = new Class({
	initialize: function() {
	this.alertHome();
	},
	alertHome: function() {
	alert('Home')
	}
	// ... more methods ...
	});


	// we add data-view attribute to body tag <body data-view='Login'> pick it on ready and use it to instantize right class
	window.addEvent('domready', function() {
	bd.view = $$('body').pick().getAttribute('data-view');
	bd.views.beforeFilter(); // other approach for this filters could be to define some Base view and have all views extend from it
	new bd.views[bd.view]();
	bd.views.afterFilter();
	});

	// ================================================
	// OR we can define everything globally
	// ================================================
	// (I would prefer to use bd namespace at least for everything so we are 100% sure there will be no collision with other libraries)

	LoginView = new Class({
	initialize: function() {
	this.alertLogin();
	bd.util.toFloat("123.45");
	},
	alertLogin: function() {
	alert('LoginView')
	}
	});

	window.addEvent('domready', function() {
	var view = $$('body').pick().getAttribute('data-view');
	new window[view+'View']();
	});