vue-rails-form-builder 0.7.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fb60b602f0b4bf94d40f088362b3fdeef4ca89a7
-  data.tar.gz: a3725747492dfd19ddf8caf961d1f7828c301f57
+  metadata.gz: aa3c6e7c44cc969b0f7f0c9622dfdd3eb317fdd8
+  data.tar.gz: 4dd0e717fa65a2dbe708eb9700e14494fc89f70b
 SHA512:
-  metadata.gz: '0768d856715debf23597021ed7e2d4db8b835eb93363bf5541d6c0896d929bc414354dd48f029dfc9173e3131403ea567f5e395a5ddf434cdf083d71ff607a76'
-  data.tar.gz: fa2b5fdf2dcc72e8045f97bd3ddd62a36a04acea6485791c958a3df412831ef36383c9a8f56b045c8e7d7f578b700229aa8fa1165cd89a62531530fe32d126f8
+  metadata.gz: 896d2262ca0bd4d6512f126a5c9be4935a72d835667b3c2abafd0a0d83edf6056be43d756326706486b190faf4f4ff1a99c26e579a43221d69928aa16a19e982
+  data.tar.gz: 1519211c095a49275707318205e3611281ec44cd8f52f20e7cbe21ec46a1f36ce53e5d25451085b038ac316a1f15c56ff193ce48d8bbd4e870a1fdf5f4820045

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG - vue-rails-form-builder
 
+## 0.8.0 (2017-11-11)
+
+* Add `vue_prefix` method to the form builder.
+
 ## 0.7.0 (2017-11-11)
 
 * Support nested attributes.

data/README.md

@@ -223,6 +223,48 @@ Example:
 <% end %>
 ```
 
+The `vue_prefix` method of the Form Builder
+-------------------------------------------
+
+When you build HTML forms using `vue_form_for`, the form builder has the
+`vue_prefix` method that returns the *prefix string* to the Vue.js property names.
+
+See the following code:
+
+```erb
+<%= vue_form_for User.new do |f| %>
+  <%= f.text_field :name %>
+  <%= f.submit "Create", disabled: "user.name === ''" %>
+<% end %>
+```
+
+The `vue_prefix` method of the form builder (`f`) returns the string `"user"`
+so that you can rewrite the third line of the example above like this:
+
+```erb
+  <%= f.submit "Create", disabled: "#{f.vue_prefix}.name === ''" %>
+```
+
+This method is convenient especially when the form has nested attributes:
+
+```erb
+<%= vue_form_for @user do |f| %>
+  <%= f.text_field :name %>
+  <%= f.fields_for :emails do |g| %>
+    <%= g.text_field :address,
+      bind: { disabled: "user.emails_attributes[#{g.index}]._destroy" } %>
+    <%= g.check_box :_destroy if g.object.persisted? %>
+  <% end %>
+  <%= f.submit "Create", disabled: "user.name === ''" %>
+<% end %>
+```
+
+Using the `vue_prefix` method, you can rewrite the fifth line more concisely:
+
+```erb
+      bind: { disabled: g.vue_prefix + "._destroy" } %>
+```
+
 Data Initialization
 -------------------
 

data/lib/vue-rails-form-builder/form_builder.rb

@@ -47,5 +47,13 @@ module VueRailsFormBuilder
       resolve_vue_options(options)
       super(value, options, &block)
     end
+
+    def vue_prefix
+      path = @object_name.gsub(/\[/, ".").gsub(/\]/, "").split(".")
+      if @options[:vue_scope]
+        path[0] = @options[:vue_scope]
+      end
+      path.join(".").gsub(/\.(\d+)/, '[\1]')
+    end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vue-rails-form-builder
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.8.0
 platform: ruby
 authors:
 - Tsutomu KURODA