sexy_form 0.9.0

data/lib/sexy_form/themes/default.rb

@@ -0,0 +1,55 @@
+module SexyForm
+  module Themes
+    class Default < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if ["checkbox", "radio"].include?(field_type) && html_label
+          s << html_label.sub("\">", "\">#{html_field} ")
+        else
+          s << html_label.to_s
+          s << html_field.to_s
+        end
+        s << html_help_text.to_s
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</div>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</div>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/themes/foundation.rb

@@ -0,0 +1,67 @@
+module SexyForm
+  module Themes
+    class Foundation < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if !["checkbox", "radio"].include?(field_type) && html_label
+          s << html_label.sub("</label>", "#{html_field}</label>")
+        else
+          s << "#{html_field}"
+          s << "#{html_label}"
+        end
+        s << "#{html_help_text}"
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        if has_errors
+          html_attrs["class"] = "is-invalid-input #{html_attrs["class"]}".strip
+        end
+
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        if has_errors
+          html_attrs["class"] = "is-invalid-label #{html_attrs["class"]}".strip
+        end
+
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        html_attrs["class"] = "help-text #{html_attrs["class"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<p>" : "<p #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</p>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        html_attrs["class"] = "form-error #{html_attrs["class"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<span>" : "<span #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</span>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/themes/materialize.rb

@@ -0,0 +1,65 @@
+module SexyForm
+  module Themes
+    class Materialize < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        wrapper_html_attributes["class"] = "input-field #{wrapper_html_attributes["class"]}".strip
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if ["checkbox", "radio"].include?(field_type) && html_label
+          s << html_label.sub("\">", "\">#{html_field}<span>").sub("</label>", "</span></label>")
+        else
+          s << "#{html_field}"
+          s << "#{html_label}"
+        end
+        s << "#{html_help_text}"
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        if has_errors
+          html_attrs["class"] = "invalid #{html_attrs["class"]}".strip
+        end
+
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        html_attrs["class"] = "helper-text #{html_attrs["class"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<span>" : "<span #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</span>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        html_attrs["class"] = "helper-text #{html_attrs["class"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<span>" : "<span #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</span>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/themes/milligram.rb

@@ -0,0 +1,62 @@
+module SexyForm
+  module Themes
+    class Milligram < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if ["checkbox", "radio"].include?(field_type)
+          s << "#{html_field}"
+          s << "#{html_label}"
+        else
+          s << "#{html_label}"
+          s << "#{html_field}"
+        end
+        s << "#{html_help_text}"
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        if ["checkbox", "radio"].include?(field_type)
+          html_attrs["class"] = "label-inline #{html_attrs["class"]}".strip
+        end
+
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        s = ""
+        s << (html_attrs.empty? ? "<small>" : "<small #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</small>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        html_attrs["style"] = "color: red; #{html_attrs["style"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<small>" : "<small #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</small>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/themes/semantic_ui_inline.rb

@@ -0,0 +1,63 @@
+module SexyForm
+  module Themes
+    class SemanticUIInline < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        wrapper_html_attributes["class"] = "inline field#{" error" if html_errors} #{wrapper_html_attributes["class"]}".strip
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if ["checkbox", "radio"].include?(field_type)
+          s << %Q(<div class="ui checkbox#{" radio" if field_type == "radio"}">)
+          s << "#{html_field}"
+          s << "#{html_label}"
+          s << "</div>"
+        else
+          s << "#{html_label}"
+          s << "#{html_field}"
+        end
+        s << "#{html_help_text}"
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs["class"] = "ui form #{html_attrs["class"]}".strip
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</div>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        html_attrs["style"] = "color: red; #{html_attrs["style"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</div>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/themes/semantic_ui_vertical.rb

@@ -0,0 +1,63 @@
+module SexyForm
+  module Themes
+    class SemanticUIVertical < BaseTheme
+
+      def wrap_field(field_type:, html_field:, html_label:, html_help_text: nil, html_errors: nil, wrapper_html_attributes:)
+        s = ""
+
+        wrapper_html_attributes["class"] = "field#{" error" if html_errors} #{wrapper_html_attributes["class"]}".strip
+
+        attr_str = SexyForm.build_html_attr_string(wrapper_html_attributes)
+        s << "#{attr_str.empty? ? "<div>" : "<div #{attr_str}>"}"
+
+        if ["checkbox", "radio"].include?(field_type)
+          s << %Q(<div class="ui checkbox#{" radio" if field_type == "radio"}">)
+          s << "#{html_field}"
+          s << "#{html_label}"
+          s << "</div>"
+        else
+          s << "#{html_label}"
+          s << "#{html_field}"
+        end
+        s << "#{html_help_text}"
+        s << html_errors.join if html_errors
+
+        s << "</div>"
+
+        s
+      end
+
+      def input_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def label_html_attributes(html_attrs:, field_type:, has_errors:)
+        html_attrs
+      end
+
+      def form_html_attributes(html_attrs:)
+        html_attrs["class"] = "ui form #{html_attrs["class"]}".strip
+        html_attrs
+      end
+
+      def build_html_help_text(help_text:, html_attrs:, field_type:)
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{help_text}"
+        s << "</div>"
+        s
+      end
+
+      def build_html_error(error:, html_attrs:, field_type:)
+        html_attrs["style"] = "color: red; #{html_attrs["style"]}".strip
+
+        s = ""
+        s << (html_attrs.empty? ? "<div>" : "<div #{SexyForm.build_html_attr_string(html_attrs)}>")
+        s << "#{error}"
+        s << "</div>"
+        s
+      end
+
+    end
+  end
+end

data/lib/sexy_form/version.rb

@@ -0,0 +1,3 @@
+module SexyForm
+  VERSION = "0.9.0"
+end

data/spec/custom_assertions.rb

@@ -0,0 +1,21 @@
+def assert_changed(expression, &block)
+  if expression.respond_to?(:call)
+    e = expression
+  else
+    e = lambda{ eval(expression, block.binding) }
+  end
+  old = e.call
+  block.call
+  assert_not_equal old, e.call
+end
+
+def assert_not_changed(expression, &block)
+  if expression.respond_to?(:call)
+    e = expression
+  else
+    e = lambda{ eval(expression, block.binding) }
+  end
+  old = e.call
+  block.call
+  assert_equal old, e.call
+end

data/spec/sexy_form/builder_spec.rb

@@ -0,0 +1,104 @@
+require "spec_helper"
+
+builder = SexyForm::Builder.new
+
+describe SexyForm::Builder do
+
+  describe "#initialize" do
+    it "defaults to theme: :default" do
+      builder.theme.class.should eq(SexyForm::Themes::Default)
+    end
+
+    it "allows string :theme name" do
+      SexyForm::Builder.new(theme: "bootstrap_4_inline").theme.class.should eq(SexyForm::Themes::Bootstrap4Inline)
+    end
+
+    it "allows class instance :theme" do
+      expected = SexyForm::Themes::Bootstrap4Inline
+      SexyForm::Builder.new(theme: expected.new).theme.class.should eq(expected)
+    end
+  end
+
+  describe "#<<" do
+    it "supports its own string interpolation" do
+      (builder << "foo").should eq("foo")
+      (builder << "--").should eq("--")
+      (builder << "bar").should eq("bar")
+
+      builder.html_string.should eq("foo--bar")
+    end
+  end
+
+  describe "#field" do
+    it "does not allow incorrect types" do
+      expect {
+        builder.field(type: "submit", name: :foobar)
+      }.to raise_exception(ArgumentError)
+    end
+
+    describe "input fields" do
+      SexyForm::Builder::INPUT_TYPES.each do |field_type|
+
+        it "works for type: #{field_type}" do
+          expected = "<div><input type=\"#{field_type}\" foo=\"bar\" name=\"my-great-text-input\" id=\"my-great-text-input\"></div>"
+
+          builder.field(type: field_type, label: false, name: "my-great-text-input", input_html: {foo: :bar}).should eq(expected)
+        end
+
+        it "does not allow collection option" do
+          expect {
+            builder.field(type: field_type, label: false, name: "my-great-text-input", input_html: {foo: :bar}, collection: {options: ["foo", "bar"]})
+          }.to raise_exception(ArgumentError)
+        end
+
+      end
+    end
+
+    describe "select fields" do
+      it "works for select fields" do
+        expected = "<div><select foo=\"bar\" name=\"my-great-text-input\" id=\"my-great-text-input\"><option value=\"foo\">foo</option><option value=\"bar\">bar</option></select></div>"
+
+        builder.field(type: :select, label: false, name: "my-great-text-input", input_html: {foo: :bar}, collection: {options: ["foo", "bar"]}).should eq(expected)
+      end
+
+      describe "collection argument" do
+        it "is required" do
+          expect {
+            builder.field(type: :select, label: false, name: "my-great-text-input", input_html: {foo: :bar})
+          }.to raise_exception(ArgumentError)
+        end
+
+        it "all supported keys work" do
+          builder.field(type: :select, collection: {options: ["foo", "bar", "foobar"], selected: ["bar"], disabled: ["foobar"], include_blank: "blank"})
+
+          builder.field(type: :select, collection: {options: ["foo", "bar", "foobar"], selected: "bar", disabled: "foobar", include_blank: true})
+
+          builder.field(type: :select, collection: {options: "foobar"})
+        end
+
+        it "fails correctly" do
+          expect {
+            builder.field(type: :select, collection: {selected: "bar"})
+          }.to raise_exception(ArgumentError)
+
+          expect {
+            builder.field(type: :select, collection: {options: ["foo", "bar", "foobar"], foobar: "exception"})
+          }.to raise_exception(ArgumentError)
+
+          expect {
+            builder.field(type: :select, collection: {options: "foobar", selected: "asd"})
+          }.to raise_exception(ArgumentError)
+
+          expect {
+            builder.field(type: :select, collection: {options: "foobar", disabled: "asd"})
+          }.to raise_exception(ArgumentError)
+
+          expect {
+            builder.field(type: :select, collection: {options: "foobar", include_blank: "asd"})
+          }.to raise_exception(ArgumentError)
+        end
+      end
+    end
+  end
+
+end