block_js 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in block_js.gemspec
+gemspec

data/README.markdown

@@ -0,0 +1,79 @@
+Intro
+-------
+
+An unobtrusive way to write and organize your javascript. Logic for each block goes to separate js/coffeescript file.
+
+
+Examples
+-------
+
+### HTML
+```html
+<div class="b-js" onclick="return {name: 'header_navigation'}">
+  <a href="#" class="language_selector__change">Change Language</a>
+  <div class="language_selector__wrapper" style="display:none;">
+    <!-- some content here -->
+  </div>
+  
+  <a href="#" class="login__link">Login</a>
+  <div class="login__dropdown" style="display:none;">
+    <!-- some content here -->
+  </div>
+</div>
+```
+
+### JavaScript
+```javascript
+APP.block["header_navigation"] = function(el, params) {
+  this.element = el;
+  this.params = params || {};
+}
+
+APP.block["header_navigation"].prototype = {
+  init: function(){
+    this.initLanguageSelector();
+    this.initLoginWindow();
+  },
+  
+  initLanguageSelector: function(){
+    $(".language_selector__change", this.element).live("click", function(){
+      $('.language_selector__wrapper', this.element).toggle();
+      return false;
+    });
+  },
+
+  initLoginWindow: function(){
+    $(".login__link", this.element).live("click", function(){
+      $('.login__dropdown', this.element).toggle();
+      return false;
+    });
+  }
+}
+```
+### CoffeeScript
+```coffeescript
+class APP.block["header_navigation"]
+  constructor: (el, params) ->
+    @element = el
+    @params = params || {}
+
+  init: ->
+    @initLanguageSelector()
+    @initLoginWindow()
+
+  initLanguageSelector: ->
+    $(".language_selector__change", @element).live "click", ->
+      $('.language_selector__wrapper', @element).toggle()
+      false
+
+  initLoginWindow: ->
+    $(".login__link", @element).live "click", ->
+      $('.login__dropdown', @element).toggle()
+      false
+```
+
+Credits
+-------
+
+Suggested by:
+[Leonya](https://github.com/Leonya), [Egze](https://github.com/egze)

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/block_js.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "block_js/version"
+
+Gem::Specification.new do |s|
+  s.name        = "block_js"
+  s.version     = BlockJs::VERSION
+  s.authors     = ["Jaroslav Kalistsuk"]
+  s.email       = ["jaroslav.kalistsuk@gmail.com"]
+  s.homepage    = "https://github.com/jarosan/block_js"
+  s.summary     = %q{An unobtrusive way to write and organize your javascript.}
+  s.description = %q{An unobtrusive way to write and organize your javascript. Logic for each block goes to separate js/coffeescript file.}
+
+  s.rubyforge_project = "block_js"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

data/lib/block_js/version.rb

@@ -0,0 +1,3 @@
+module BlockJs
+  VERSION = "0.0.1"
+end

data/lib/block_js.rb

@@ -0,0 +1,7 @@
+require "block_js/version"
+
+module BlockJs
+
+  class Engine < ::Rails::Engine
+  end
+end

data/vendor/assets/javascripts/block.js

@@ -0,0 +1,31 @@
+var APP = {};
+APP.block || (APP.block = {});
+
+(function($){
+  APP.initBlock || (APP.initBlock = function(context, blockSelector) {
+      context = context || document;
+      blockSelector = blockSelector || '.b-js';
+      $(blockSelector, context).each(function() {
+        var block = $(this),
+            params = this.onclick ? this.onclick() : {},
+            name = params.name || '',
+            init = APP.block[name];
+
+        if (init && !block.data(name)) {
+          var instance = new init(block, params);
+
+          if (typeof instance.init == 'function') {
+            instance.init();
+            block.data(name, true).addClass(name + '_js_inited');
+          } else {
+            console.log('Component', name, 'does not have an init() method');
+            block.data(name, true).addClass(name + '_js_failed');
+          }
+        }
+      });
+    });
+
+    APP.initBlockBound || (APP.initBlockBound = !!$(document).ready(function() {
+      APP.initBlock();
+    }));
+})(jQuery);

metadata

@@ -0,0 +1,54 @@
+--- !ruby/object:Gem::Specification
+name: block_js
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Jaroslav Kalistsuk
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-11-22 00:00:00.000000000Z
+dependencies: []
+description: An unobtrusive way to write and organize your javascript. Logic for each
+  block goes to separate js/coffeescript file.
+email:
+- jaroslav.kalistsuk@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.markdown
+- Rakefile
+- block_js.gemspec
+- lib/block_js.rb
+- lib/block_js/version.rb
+- vendor/assets/javascripts/block.js
+homepage: https://github.com/jarosan/block_js
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: block_js
+rubygems_version: 1.8.11
+signing_key: 
+specification_version: 3
+summary: An unobtrusive way to write and organize your javascript.
+test_files: []