Created
May 20, 2015 05:53
-
-
Save kucukharf/1f50b121d08a6be8bf24 to your computer and use it in GitHub Desktop.
Revisions
-
kucukharf created this gist
May 20, 2015 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,208 @@ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <script id="jsbin-javascript"> // teb.events.js teb.events = { RESIZE: 'app.window.resize' } // teb.ui.button.js var Button = { title: 'Untitled', click: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) }, hover: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) } }; var FakeButton = { click: function(){ console.log(this.title + ' clicked!'); }, hover: function(){ console.log(this.title + ' hovered!'); } }; // teb.page.home.js var teb.page.Home = (function(){ function HomePage(btn) { this.button = btn; } HomePage.prototype.init: function(){ this.initButtons(); this.attachListeners(); }; HomePage.prototype.attachListeners = function(){ $(document).on(teb.events.RESIZE, onWindowResize); }; HomePage.prototype.onWindowResize = function(){ this.refresh(); }; HomePage.prototype.initButtons = function(){ var subscribeButton = Object.create(this.button); subscribe.click(); subscribe.hover(); }; HomePage.prototype.refresh = function(){ // refresh logic }; return HomePage; })(); // teb.app.js $(function(){ $.getScript('js/lib/goog.maps.js', function(){ var homePage = new teb.page.Home(FakeButton); homePage.init(); }); }) $(window).on('resize', function(){ $(document).trigger(teb.events.RESIZE); // custom event }); </script> <script id="jsbin-source-javascript" type="text/javascript">// teb.events.js teb.events = { RESIZE: 'app.window.resize' } // teb.ui.button.js var Button = { title: 'Untitled', click: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) }, hover: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) } }; var FakeButton = { click: function(){ console.log(this.title + ' clicked!'); }, hover: function(){ console.log(this.title + ' hovered!'); } }; // teb.page.home.js var teb.page.Home = (function(){ function HomePage(btn) { this.button = btn; } HomePage.prototype.init: function(){ this.initButtons(); this.attachListeners(); }; HomePage.prototype.attachListeners = function(){ $(document).on(teb.events.RESIZE, onWindowResize); }; HomePage.prototype.onWindowResize = function(){ this.refresh(); }; HomePage.prototype.initButtons = function(){ var subscribeButton = Object.create(this.button); subscribe.click(); subscribe.hover(); }; HomePage.prototype.refresh = function(){ // refresh logic }; return HomePage; })(); // teb.app.js $(function(){ $.getScript('js/lib/goog.maps.js', function(){ var homePage = new teb.page.Home(FakeButton); homePage.init(); }); }) $(window).on('resize', function(){ $(document).trigger(teb.events.RESIZE); // custom event }); </script></body> </html> This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,96 @@ // teb.events.js teb.events = { RESIZE: 'app.window.resize' } // teb.ui.button.js var Button = { title: 'Untitled', click: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) }, hover: function(){ $container.isotope({ // filter element with numbers greater than 50 filter: function() { // _this_ is the item element. Get text of element's .number var number = $(this).find('.number').text(); // return true to show, false to hide return parseInt( number, 10 ) > 50; } }) } }; var FakeButton = { click: function(){ console.log(this.title + ' clicked!'); }, hover: function(){ console.log(this.title + ' hovered!'); } }; // teb.page.home.js var teb.page.Home = (function(){ function HomePage(btn) { this.button = btn; } HomePage.prototype.init: function(){ this.initButtons(); this.attachListeners(); }; HomePage.prototype.attachListeners = function(){ $(document).on(teb.events.RESIZE, onWindowResize); }; HomePage.prototype.onWindowResize = function(){ this.refresh(); }; HomePage.prototype.initButtons = function(){ var subscribeButton = Object.create(this.button); subscribe.click(); subscribe.hover(); }; HomePage.prototype.refresh = function(){ // refresh logic }; return HomePage; })(); // teb.app.js $(function(){ $.getScript('js/lib/goog.maps.js', function(){ var homePage = new teb.page.Home(FakeButton); homePage.init(); }); }) $(window).on('resize', function(){ $(document).trigger(teb.events.RESIZE); // custom event });