angular_sprinkles 0.3.2 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2c84a9327601bb19ef5f599a920f2101ed7abf97
-  data.tar.gz: d3ade5584370e4faf96bec0bbb3e707f6d9cc2b5
+  metadata.gz: a105dde16e07e76ef724f5116459cb4c5bba23c0
+  data.tar.gz: c8180b0c5efe0fbcdb840aa42ff68c9879c40bea
 SHA512:
-  metadata.gz: c8b0fac59ea91aa296c954a8031ce37773677755cb5764aa4d528c6a69f6c6caa540efa5ab4caba8c1fa1c03248427b5659a975d96b5f076ba674f776686475b
-  data.tar.gz: 73ac64dbb88d7e755ee4fbf3f15a4c816dbd0b83fbc346c2dc58eb799a8975f834f51b384d29138bc3e5651b5b1de1d871aeb2d1f8b59894334452092998b2f0
+  metadata.gz: be8a85c9a7e8788fffa62e495823762ce9bfa1d43562024225a9761f87119d62713cb69786828ed1c7823652b438a7a6a126180fa4081d225ef5be90ee5df66b
+  data.tar.gz: 83661238f57d6843a6e73101aac604ece64cb1673fb3d793a20db49ee92a647a612838eacc250a182a5adbc33422135bbbea4b2496d350cca771e229461ccd9c

data/README.md

@@ -42,9 +42,10 @@ Include and `angular_sprinkles` into your `application.js`.
 
 - [Two-way binding](#two-way-binding)
 - [Directives](#directives)
-- [Controllers and Isolate Scopes](#controllers-and-isolate-scopes)
+- [Controllers and isolate scopes](#controllers-and-isolate-scopes)
 - [Inlining function calls](#inlining-function-calls)
 - [Form helpers](#form-helpers)
+- [Forcing ruby wrappers for variable names](#forcing-ruby-wrappers-for-variable-names)
 
 ### Two-way binding
 
@@ -104,7 +105,7 @@ sprinkles.directive('someDirective', function () {
 <% end %>
 ```
 
-### Controllers and Isolate Scopes
+### Controllers and isolate scopes
 
 If you would rather skip the directive and just create a controller, there is the `ctrl` helper.
 
@@ -147,7 +148,7 @@ sprinkles.service('alertMe', function () {
 });
 </script>
 
-<button ng-click="<%= ng_service(:alert_me, "world") %>">Click me!</button>
+<button ng-click="<%= ng_service(:alertMe, "world") %>">Click me!</button>
 ```
 
 ### Form helpers
@@ -183,6 +184,29 @@ sprinkles.service('userFormHandler', function () {
 <% end %>
 ```
 
+### Forcing ruby wrappers for variable names
+
+It is sometimes useful to be able to wrap a variable name into a ruby helper. The following example illustrates how it may be useful to
+wrap the result of a `ng-repeat` so that it can be combined with the other helpers in this library.
+
+```erb
+<div ng-repeat="user in <%= @users.bind %>">
+  <%= ng_wrap('user') do |user| %>
+    {{ <%= user.bind %> }}
+    <button ng-click="<%= ng_service(:alertMe, user.bind(:name)) %>">Alert me!</button>
+  <% end %>
+</div>
+```
+
+`ng_wrap` is also capable of accepting multiple parameters.
+
+```erb
+  <%= ng_wrap('user', 'user.name') do |user, name| %>
+    {{ <%= user.bind %> }}
+    <button ng-click="<%= ng_service(:alertMe, name.bind) %>">Alert me!</button>
+  <% end %>
+```
+
 ### I want more!
 
 Also see the [demo application](https://github.com/BrewhouseTeam/angular_sprinkles_example) for more examples.

data/VERSION

@@ -1 +1 @@
-0.3.2
+0.3.3

data/angular_sprinkles.gemspec

@@ -2,16 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Jeweler::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: angular_sprinkles 0.3.2 ruby lib
+# stub: angular_sprinkles 0.3.3 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "angular_sprinkles"
-  s.version = "0.3.2"
+  s.version = "0.3.3"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib"]
   s.authors = ["Gabe Scholz"]
-  s.date = "2014-10-24"
+  s.date = "2014-10-29"
   s.description = "Add a few sprinkles of AngularJS to your Rails App"
   s.email = "gabe@brewhouse.io"
   s.extra_rdoc_files = [

data/lib/angular_sprinkles/helpers/wrap_helper.rb

@@ -1,15 +1,17 @@
 module AngularSprinkles
   module Helpers
     module WrapHelper
-      def ng_wrap(name, &block)
-        scope = Element::Scope.new({
-          base: name,
-          object_wrapper: ObjectKeyWrapper,
-          bind_json_wrapper: JavaScript::NoOp,
-          call_json_wrapper: JavaScript::BindService
-        })
+      def ng_wrap(*names, &block)
+        scopes = names.map do |name|
+          Element::Scope.new({
+            base: name,
+            object_wrapper: ObjectKeyWrapper,
+            bind_json_wrapper: JavaScript::NoOp,
+            call_json_wrapper: JavaScript::BindService
+          })
+        end
 
-        capture(scope, &block)
+        capture(*scopes, &block)
       end
     end
   end

data/spec/dummy/app/views/test/javascript_bindings.html.erb

@@ -3,8 +3,8 @@
 <div id="bind-div" ng-bind="<%= ng_bind(:hello, :world) %>"></div>
 
 <%= ng_directive(:bigHelloWorld, html: { id: "directive-div" }) do |ctrl| %>
-  <div id="directive-ctrl-bind" ng-bind="<%= ctrl.bind(:attribute) %>"></div>
-  <div id="directive-ctrl-call" ng-bind="<%= ctrl.call(:func, 'func result') %>"></div>
+  <div id="directive-ctrl-bind-div" ng-bind="<%= ctrl.bind(:attribute) %>"></div>
+  <div id="directive-ctrl-call-div" ng-bind="<%= ctrl.call(:func, 'func result') %>"></div>
 
   <%= ng_directive(:nested_directive, name: @model.bind(:name), html: { tag: 'h1' }) %>
 <% end %>
@@ -18,12 +18,20 @@
   <div id="isolate-div" ng-bind="<%= ctrl.bind(:someValue) %>"></div>
 <% end %>
 
-<div id="model-bind">
+<div id="model-bind-div">
   <label for="input">Input</label>
   <input id="input" name="input" type="text" ng-model="<%= @model.bind(:name) %>" />
 </div>
 
-<div id="bind-bind">
+<%= ng_isolate do %>
+  <%= ng_wrap('a', 'b') do |a, b| %>
+    {{ <%= a.bind %> = 5 }}
+    {{ <%= b.bind %> = 6 }}
+    <div id="wrap-div">{{ <%= a.bind %> + <%= b.bind %> }}</div>
+  <% end %>
+<% end %>
+
+<div id="bind-bind-div">
   <label for="bind">Bind</label>
   <input id="bind" name="bind" type="text" ng-model="<%= ng_bind(:hello, :world) %>" />
 </div>

data/spec/features/javascript_bindings_spec.rb

@@ -26,9 +26,10 @@ feature "javascript_bindings", js: true do
     expect(find("#bind-div")).to have_content(new_name)
 
     # directive controller results
-    expect(find("#directive-ctrl-bind")).to have_content("bigHelloWorldCtrlAttribute")
-    expect(find("#directive-ctrl-call")).to have_content('func result')
+    expect(find("#directive-ctrl-bind-div")).to have_content("bigHelloWorldCtrlAttribute")
+    expect(find("#directive-ctrl-call-div")).to have_content('func result')
     expect(find("#ctrl-div")).to have_content(42)
     expect(find("#isolate-div")).to have_content(42)
+    expect(find("#wrap-div")).to have_content(11)
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: angular_sprinkles
 version: !ruby/object:Gem::Version
-  version: 0.3.2
+  version: 0.3.3
 platform: ruby
 authors:
 - Gabe Scholz
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-24 00:00:00.000000000 Z
+date: 2014-10-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails