the-admin 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7604eb9ddc4a5f9034a7a3949fb743fede534aa0
+  data.tar.gz: b6c46ee7fab6b067eb0e0930417f2a9fe408c4dc
+SHA512:
+  metadata.gz: be203b590ba70b476c0d3598322b529b8b48e9fb5412a3ed3be18503171f14c7b04093104e02772b621e9a311379858016fe367c43c5b151561fdda919e06d7c
+  data.tar.gz: 418790d96e636e33e4c4f3a80482d859116d3173a7a98c254eeb2fa7cc7b92fb3028f620d6648f4e3252795f646dca10e156b5032467634294d44634455a0255

data/.gitignore

@@ -0,0 +1,25 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log
+
+.ruby-version
+.ruby-gemset

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--format documentation

data/Gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in theadmin.gemspec
+gemspec
+
+group :development do
+  gem 'yard'
+end

data/LICENSE.txt

@@ -0,0 +1,13 @@
+Copyright (c) 2018 timmushen
+
+MIT License
+
+Use by Permission only
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,50 @@
+# The Admin
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'the-admin'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install the-admin
+
+## Usage
+
+To use in Sinatra add 
+	
+	require 'the-admin'
+
+## Configuration
+
+	the-admin.configuration do |config|
+		config.bugsnag_api_key = "string"
+	end
+
+## Documentation
+
+The gem is documented with YARD. You can run yard documentation using its inbuilt
+server. Following git clone...
+
+    ~# cd the-admin-gem
+    ~# bundle install
+    ~# yard server --reload
+
+and visit localhost:8808.
+
+If you prefer to compile it to html (ex: to host)..
+
+    ~# yard
+
+For more information visit [yardoc website](http://yardoc.org/) or use...
+
+    ~# yard --help
+
+## Contributing

data/Rakefile

@@ -0,0 +1,20 @@
+require 'rspec/core/rake_task'
+require "bundler/gem_tasks"
+
+desc "Check into repo, build & install"
+task :gbuild do
+  # Your code goes here
+  puts `git add -Av`
+  puts `git commit -m 'updated gem'`
+  puts `rake build`
+  puts `git push origin master`
+  puts `rake install`
+end
+
+# Default directory to look in is `/specs`
+# Run with `rake spec`
+RSpec::Core::RakeTask.new(:spec) do |task|
+  # task.rspec_opts = ['--color', '--format']
+end
+
+task :default => :spec

data/lib/the-admin.rb

@@ -0,0 +1,139 @@
+# TheAdmin - gems
+require "the-admin/version"
+require "the-admin/form"
+require "the-admin/layout"
+
+# 3rd party gems
+require "sinatra/base"
+require "sinatra/contrib/all"
+require "digest"
+require "base64"
+require "json"
+
+
+module TheAdmin
+
+  class << self
+    # Controls the app configuration
+    # @return [TheAdmin::Configuration] configuration object
+    attr_accessor :configuration
+  end
+
+  # Configure the TheAdmin gem
+  #
+  # @example
+  #   TheAdmin.confgure do |config|
+  #     config.bugsnag_api_key = "XYZ"
+  #     
+  #     config.mail_from = "John Doe"
+  #     config.mail_address = "johndoe@example.com"
+  #     config.mail_port = "578"
+  #     config.mail_domain = "smtp.mailgun.org"
+  #     config.mail_user_name = ""
+  #     config.mail_password = ""
+  #     config.mail_authentication = "plain"
+  #
+  #     config.aws_bucket = ""
+  #     config.aws_access_key_id = ""
+  #     config.aws_secret_access_key = ""
+  #     config.aws_region = ""
+  #   end
+  def self.configure
+    self.configuration ||= Configuration.new
+    yield(configuration)
+  end
+
+  #
+  # TheAdmin configuration class.
+  #
+  # @author Tim Mushen
+  #
+  class Configuration
+
+    # Controls the bugsnag api key attribute
+    # @return [String] Bugsnag api key
+    # attr_accessor :bugsnag_api_key
+
+    # Controls the mail from
+    # @return [String] the mail from
+    attr_accessor :mail_from
+
+    # Controls the mail address
+    # @return [String] the mail address
+    attr_accessor :mail_address
+
+    # Controls the mail port number
+    # @return [String] the mail port number
+    attr_accessor :mail_port
+    
+    # Controls the mail domain
+    # @return [String] the mail domain
+    attr_accessor :mail_domain
+    
+    # Controls the mail user name
+    # @return [String] the mail user name
+    attr_accessor :mail_user_name
+    
+    # Controls the mail password
+    # @return [String] the mail password
+    attr_accessor :mail_password
+    
+    # Controls mail authentication 
+    # @return [String] mail authentication
+    attr_accessor :mail_authentication
+ 
+    # Controls the aws bucket name
+    # @return [String] aws bucket name
+    attr_accessor :aws_bucket
+    
+    # Controls the aws access key id
+    # @return [String] the aws access key id
+    attr_accessor :aws_access_key_id
+    
+    # Controls the aws secret access key
+    # @return [String] the aws secret access key
+    attr_accessor :aws_secret_access_key
+    
+    # Controls the aws region
+    # @return [String] aws region
+    attr_accessor :aws_region
+
+    # Initialize TheAdmin configuration object and set defaults
+    def initialize
+      # Bugsnag
+      # @bugsnag_api_key = ""
+      
+      # X_mail
+      @mail_from = ""
+      @mail_address = "smtp.mailgun.org"
+      @mail_port = "587"
+      @mail_domain = "smtp.mailgun.org"
+      @mail_user_name = ""
+      @mail_password = ""
+      @mail_authentication = "plain"
+
+      # For AWS/Fog
+      @aws_bucket = ""
+      @aws_secret_access_key = ""
+      @aws_access_key_id = ""
+      @aws_region = ""
+    end
+
+  end
+
+
+  # TheAdmin - Sinatra module
+  module Sinatra
+
+    def self.registered(app)
+      
+      app.helpers TheAdmin::FormHelpers
+      app.helpers TheAdmin::LayoutHelpers
+    
+    end
+
+  end # End Sinatra
+end
+
+#Register Helpers
+Sinatra.register TheAdmin::Sinatra

data/lib/the-admin/form.rb

@@ -0,0 +1,1401 @@
+module TheAdmin
+  module FormHelpers
+
+    # View helper to generate check box
+    # @param id [String] the checkbox id attribute
+    # @param name [String] the checkbox name attribute
+    # @param value [String] the checkbox value
+    # @param label [String] the checkbox label
+    # @param checked [Boolean] if the checkbox is checked
+    # @param switch [Boolean] if the checkbox is a switch
+    # @param align [String] if the alignment should be left or right
+    # @param inline [Boolean] if the element is inline
+    # @param form_group [Boolean] if a form group
+    # @param required [Boolean] if required or not
+    # @return [String] Compiled html checkbox
+    def x_checkbox(id: "", name: "", value: "", label: "", checked: false, switch: false, align: false, inline: false, form_group: true, required: false)
+
+      checked_output = ""
+      switchery_div = ""
+      switchery_input = ""
+      align_class = ""
+      inline_class = ""
+      form_group_start = ""
+      form_group_end = ""
+      required_output = ""
+
+      if checked == true then checked_output='checked="checked"' end
+      if switch == true then switchery_div='checkbox-switchery' end
+      if switch == true then switchery_input='switch' end
+      if align == "left" then align_class='pull-left' end
+      if align == "right" then align_class='pull-right' end
+      if inline == true then inline_class ='inline' end
+      if form_group == true then form_group_start = '<div class="form-group">' end
+      if form_group == true then form_group_end = '</div>' end
+      if required == true then required_output = "data-parsley-mincheck='1'" end
+
+cb = <<EOS
+#{form_group_start}
+<div class="checkbox #{switchery_div}">
+<label class="#{align_class} #{inline_class}">
+<input type="hidden" id="#{id}" name="post[#{name}]" value="0">
+<input type="checkbox" class="#{switchery_input}" id="#{id}" name="post[#{name}]" value="1" #{checked_output} data-toggle="checkbox" #{required_output}/>
+#{label} </label>
+</div>
+#{form_group_end}
+EOS
+      return cb
+    end
+
+    # Check box helper
+    # @param id [String] the checkbox id
+    # @param name [String] the name attribute of the checkbox
+    # @param value [String] the checkbox value
+    # @param label [String] the label text of the checkbox
+    # @param checked [Boolean] if the checkbox is checked
+    # @param switch [Boolean] if the checkbox is a switchery input
+    # @param align [String] if the check box aligned 'left' or 'right'
+    # @param inline [Boolean] if the checkbox is inline or not
+    # @param form_group [Boolean] if the checkbox is of form group
+    # @param required [Boolean] if checkbox is required
+    # @return [String] the compiled checkbox
+    def x_checkbox_string(id: "", name: "", value: "", label: "", checked: false, switch: false, align: false, inline: false, form_group: true, required: false)
+
+      checked_output = ""
+      switchery_div = ""
+      switchery_input = ""
+      align_class = ""
+      inline_class = ""
+      form_group_start = ""
+      form_group_end = ""
+      required_output = ""
+
+      if checked == true then checked_output='checked="checked"' end
+      if switch == true then switchery_div='checkbox-switchery' end
+      if switch == true then switchery_input='switch' end
+      if align == "left" then align_class='pull-left' end
+      if align == "right" then align_class='pull-right' end
+      if inline == true then inline_class ='inline' end
+      if form_group == true then form_group_start = '<div class="form-group">' end
+      if form_group == true then form_group_end = '</div>' end
+      if required == true then required_output = "data-parsley-mincheck='1'" end
+
+cb = <<EOS
+#{form_group_start}
+<div class="checkbox #{switchery_div}">
+<label class="#{align_class} #{inline_class}">
+<input type="checkbox" class="#{switchery_input}" id="#{id}" name="#{name}" value="#{value}" #{checked_output} data-toggle="checkbox" #{required_output}/>
+#{label} </label>
+</div>
+#{form_group_end}
+EOS
+      return cb
+    end
+
+
+    # Radio button view helper
+    # @param id [String] the radio id
+    # @param name [String] the name attribute of the radio
+    # @param value [String] the radio value
+    # @param label [String] the label text of the radio
+    # @param checked [Boolean] if the radio is checked
+    # @param align [String] if the check box aligned 'left' or 'right'
+    # @param inline [Boolean] if the radio is inline or not
+    # @param form_group [Boolean] if the radio is of form group
+    # @return [String] the compiled radio
+    def x_radio(id: "", name: "", value: "1", label: "", checked: false, checked_if: "", align: false, inline: false, include_false_as_hidden: false ,form_group: true)
+
+      checked_output = ""
+      align_class = ""
+      inline_class = ""
+      form_group_start = ""
+      form_group_end = ""
+      include_false_as_hidden_element = ""
+
+      if checked == checked_if then checked_output='checked="checked"' end
+      if checked_if != "" then checked = false end
+      if checked == true then checked_output='checked="checked"' end
+      if align == "left" then align_class='pull-left' end
+      if align == "right" then align_class='pull-right' end
+      if inline == true then inline_class ='inline' end
+      if form_group == true then form_group_start = '<div class="form-group">' end
+      if form_group == true then form_group_end = '</div>' end
+      if include_false_as_hidden == true then include_false_as_hidden_element = '<input type="hidden" id="#{id}" name="post[#{name}]" value="0">' end
+radio_btn = <<EOS
+#{form_group_start}
+<div class="radio">
+<label class="#{align_class} #{inline_class}">
+#{include_false_as_hidden_element}
+<input type="radio" id="#{id}" name="post[#{name}]" value="#{value}" #{checked_output} data-toggle="radio"/>
+#{label}</label>
+</div>
+#{form_group_end}
+EOS
+      return radio_btn
+    end
+
+    # Hidden input helper
+    # @param id [String] hidden input id
+    # @param name [String] hidden input name
+    # @param value [String] hidden input value
+    # @return [String] compiled hidden input html
+    def x_hidden(id: "", name: "", value: "")
+
+hi = <<EOS
+<input type="hidden" id="#{id}" name="post[#{name}]" value="#{value}"/>
+EOS
+  return hi
+end
+
+
+# Text input helper
+# @param id [String] input element id
+# @param name [String] input element name
+# @param value [String] input element value
+# @param label [String] input element label
+# @param required [Boolean] if input element is required
+# @param placeholder [String] input element placeholder
+# @param mask [String] input element mask
+# @param maxlength [String] input element max length
+# @return [String] compiled input element
+def x_input(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "", maxlength: "", css:"")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="text" class="form-control #{css}" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" #{required_tag} #{mask} #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+
+  # Money input helper
+  # @param id [String] the money input id
+  # @param name [String] the money input name
+  # @param label [String] the money input label
+  # @param required [Boolean] if money input is required or not
+  # @param placeholder [String] the moeny input placeholder
+  # @param mask [String] the money input mask
+  # @param maxlength [String] max length of the input
+  # @return [String] compiled money input html
+  def x_money(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "", maxlength: "")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if value == 0 || value.nil? || value == ""
+      value = "0.00"
+    else
+      value = "%.2f" % value rescue nil
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<span class="input-group-addon">$</span>
+<input type="text" class="form-control money" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" data-parsley-type="number" #{required_tag} #{mask} #{maxlength} />
+</div>
+</div>
+EOS
+    return tb
+  end
+
+  # Percentage input helper
+  # @param id [String] percentage input id
+  # @param name [String] percentage input name
+  # @param value [String] percentage input value
+  # @param label [String] percentage input label
+  # @param required [Boolean] if percentage input is required
+  # @param placeholder [String] percentage input placeholder
+  # @param mask [String] percentage input mask
+  # @param maxlength [String] percentage input maxlength
+  def x_percentage(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "", maxlength: "")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<span class="input-group-addon">%</span>
+<input type="text" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" data-parsley-type="number" #{required_tag} #{mask} #{maxlength} />
+</div>
+</div>
+EOS
+    return tb
+  end
+
+# Sq Ft input helper
+# @param id [String] percentage input id
+# @param name [String] percentage input name
+# @param value [String] percentage input value
+# @param label [String] percentage input label
+# @param required [Boolean] if percentage input is required
+# @param placeholder [String] percentage input placeholder
+# @param mask [String] percentage input mask
+# @param maxlength [String] percentage input maxlength
+def x_sqft(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "", maxlength: "")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<input type="text" class="form-control sq_ft" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" data-parsley-type="number" #{required_tag} #{mask} #{maxlength} />
+<span class="input-group-addon">sqft</span>
+</div>
+</div>
+EOS
+
+  return tb
+end
+
+
+  # Number input helper
+  # @param id [String] number input id
+  # @param name [String] number input name
+  # @param value [String] number input value
+  # @param label [String] number input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] number input placeholder text
+  # @param mask [String] number input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of number input
+  def x_number(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "", maxlength: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag}  placeholder="#{placeholder}" data-parsley-type="number" #{mask} #{maxlength}/>
+</div>
+EOS
+    return tb
+  end
+
+
+
+  # Phone input helper
+  # @param id [String] phone input id
+  # @param name [String] phone input name
+  # @param value [String] phone input value
+  # @param label [String] phone input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] phone input placeholder text
+  # @param mask [String] phone input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of phone input
+  def x_phone(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "(999) 999-9999 x99999", maxlength: "22")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag}  placeholder="#{placeholder}" #{mask} #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+
+  # SSN input helper
+  # @param id [String] ssn input id
+  # @param name [String] ssn input name
+  # @param value [String] ssn input value
+  # @param label [String] ssn input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] ssn input placeholder text
+  # @param mask [String] ssn input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of ssn input
+  def x_ssn(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "999-99-9999")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control ssn" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag}  data-parsley-minlength="11" placeholder="#{placeholder}" #{mask} />
+</div>
+EOS
+    return tb
+  end
+
+  # EIN input helper
+  # @param id [String] ein input id
+  # @param name [String] ein input name
+  # @param value [String] ein input value
+  # @param label [String] ein input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] ein input placeholder text
+  # @param mask [String] ein input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of ein input
+  def x_ein(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "99-9999999", maxlength: "10")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control ein" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-minlength="10" placeholder="#{placeholder}" #{mask} #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+  # Zip input helper
+  # @param id [String] zip input id
+  # @param name [String] zip input name
+  # @param value [String] zip input value
+  # @param label [String] zip input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] zip input placeholder text
+  # @param mask [String] zip input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of zip input
+  def x_zip(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "99999", maxlength: "5")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control zip" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag}  placeholder="#{placeholder}" #{mask} data-parsley-length="[5,5]" data-parsley-length-message="This value should be exactly 5 digits long" data-parsley-type="digits"  />
+</div>
+EOS
+    return tb
+  end
+
+  # State input helper
+  # @param id [String] state input id
+  # @param name [String] state input name
+  # @param value [String] state input value
+  # @param label [String] state input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] state input placeholder text
+  # @param mask [String] state input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of state input
+  def x_state(id: "", name: "", value: "", label: "", required: false, placeholder: "", mask: "aa", maxlength: "2")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="text" class="form-control state" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag}  data-parsley-pattern="^[A-Za-z]*$" data-parsley-minlength="2" placeholder="#{placeholder}"  #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+
+  # Credit card input helper
+  # @param id [String] credit card input id
+  # @param name [String] credit card input name
+  # @param value [String] credit card input value
+  # @param label [String] credit card label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] credit card input placeholder text
+  # @param mask [String] credit card input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of credit card input
+  def x_credit_card(id: "", name: "", value: "", label: "", required: false, placeholder: "", maxlength: "16", mask:"")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}#{required_output} <small>(Numbers Only)</small></label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}
+<input type="number" pattern="[0-9]{13,16}" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-type="integer" data-parsley-length="[13, 16]" placeholder="#{placeholder}"  #{mask} #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+  # CVC input helper
+  # @param id [String] cvc input id
+  # @param name [String] cvc input name
+  # @param value [String] cvc input value
+  # @param lable [String] cvc label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] cvc input placeholder text
+  # @param mask [String] cvc input mask
+  # @param maxlength [String] nuber input max length
+  # @return [String] compiled html of cvc input
+  def x_cvc(id: "", name: "", value: "", label: "", required: false, placeholder: "", maxlength: "4", mask:"999999999999999999")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+    if mask != ""
+      mask = "data-masked-input='#{mask}'"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="number" pattern="[0-9]{3,4}" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-type="integer" data-parsley-length="[3, 4]" placeholder="#{placeholder}"  #{mask} #{maxlength} />
+</div>
+EOS
+    return tb
+  end
+
+  # Email input helper
+  # @param id [String] email input id
+  # @param name [String] email input name
+  # @param value [String] email input value
+  # @param label [String] email input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] email input placeholder text
+  # @return [String] compiled html of email input
+  def x_email(id: "", name: "", value: "", label: "", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="email" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-type="email" placeholder="#{placeholder}" />
+</div>
+EOS
+    return tb
+  end
+
+
+  # URL input helper
+  # @param id [String] url input id
+  # @param name [String] url input name
+  # @param value [String] url input value
+  # @param label [String] url input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] url input placeholder text
+  # @return [String] compiled html of url input
+  def x_url(id:"", name:"", value:"", label:"", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="url" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-type="url" placeholder="#{placeholder}"   />
+</div>
+EOS
+    return tb
+  end
+
+  # File input helper
+  # @param id [String] file input id
+  # @param name [String] file input name
+  # @param value [String] file input value
+  # @param label [String] file input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] file input placeholder text
+  # @param css [String] file input css
+  # @return [String] compiled html of file input
+  def x_file(id:"", name:"", value:"", label:"", required: false, placeholder: "", css: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="file" class="form-control file #{css}" id="#{id}" name="filename" value="#{value}" #{required_tag} placeholder="#{placeholder}" />
+</div>
+EOS
+    return tb
+  end
+
+  # Image Upload
+  # @param id [String] file input id
+  # @param name [String] file input name
+  # @param value [String] file input value
+  # @param label [String] file input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] file input placeholder text
+  # @param css [String] file input css
+  # @return [String] compiled html of file input
+  def x_image_upload(id: "input1",name: "input1",value: "",label: "Input1",required: false, size: "1M",height: "",default: "")
+
+    if required && label != ""
+      required_output = '<sup class="text-danger">*</sup>'
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if height == ""
+      height = ""
+    else
+      height="data-height='#{height}'"
+    end
+
+
+tb = <<EOS
+<div class="form-group">
+<label>#{label}</label>
+<input type="file" class="form-control file dropify" data-default-file="#{value}" data-max-file-size="#{size}" id="#{id}" name="filename" value="#{value}" #{required_tag} #{height}/>
+</div>
+EOS
+    return tb
+  end
+
+  # Date input helper
+  # @param id [String] date input id
+  # @param name [String] date input name
+  # @param value [String] date input value
+  # @param label [String] date input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] date input placeholder text
+  # @return [String] compiled html of date input
+  def x_date(id: "", name: "", value: "", label: "", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label for='#{id}' class='control-label'>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
+<input type="text" class="form-control datepicker" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} placeholder="#{placeholder}"  />
+</div>
+</div>
+EOS
+    return tb
+  end
+
+  # Date-time input helper
+  # @param id [String] date-time input id
+  # @param name [String] date-time input name
+  # @param value [String] date-time input value
+  # @param label [String] date-time input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] date-time input placeholder text
+  # @return [String] compiled html of date-time input
+  def x_datetime(id: "", name: "", value: "", label: "", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label for='#{id}' class='control-label'>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
+<input type="text" class="form-control datetimepicker" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} placeholder="#{placeholder}"  />
+</div>
+</div>
+EOS
+    return tb
+  end
+
+  # Time input helper
+  # @param id [String] time input id
+  # @param name [String] time input name
+  # @param value [String] time input value
+  # @param label [String] time input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] time input placeholder text
+  # @return [String] compiled html of time input
+  def x_time(id: "", name: "", value: "", label: "", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label for='#{id}' class='control-label'>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<div class="input-group">
+<span class="input-group-addon"><i class="fa fa fa-clock-o"></i></span>
+<input type="text" class="form-control timepicker" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} placeholder="#{placeholder}"  />
+</div>
+</div>
+EOS
+    return tb
+  end
+
+
+  # Password input helper
+  # @param id [String] password input id
+  # @param name [String] password input name
+  # @param value [String] password input value
+  # @param label [String] password input label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] password input placeholder text
+  # @return [String] compiled html of password input
+  def x_password(id: "",name: "", value: "", label: "", required: false, placeholder: "")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="password" class="form-control" id="#{id}" name="post[#{name}]" value="#{value}" #{required_tag} data-parsley-length="[6, 34]" placeholder="#{placeholder}" />
+</div>
+EOS
+    return tb
+  end
+
+  # Submit Helper
+  # @param label [String] submit button label
+  # @param css [String] submit button css
+  # @param icon [String] submit button icon
+  # @param size [String] submit button size
+  # @param wrapper_css [String] submit button wrapper css
+  # @return [String] compiled html of submit button
+  def x_submit(label: "Submit", css: "btn-primary", icon: "", size: "", wrapper_css: "pull-right")
+
+    if icon != ""
+      icon = "<i class='fa #{icon}'></i> "
+    end
+
+submit = <<EOS
+<div class="form-group form-actions #{wrapper_css}">
+<button type="submit" class="btn #{css} #{size}">#{icon}#{label}</button>
+</div>
+<div class="clearfix"></div>
+EOS
+
+    return submit
+  end
+
+
+
+  # Text Area Helper
+  # @param id [String] textarea id
+  # @param name [String] textarea name
+  # @param value [String] textarea value
+  # @param placeholder [String] textarea placeholder text
+  # @param label [String] textarea label
+  # @param required [Boolean] if required or not
+  # @param maxlength [String] textarea max length
+  # @return [String] compiled html of textarea
+  def x_textarea(id: "", name: "", value: "",label: "",placeholder: "",required: false, maxlength:"")
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label for='#{id}'>#{label}</label>"
+    end
+
+    if label != ""
+      label = "<label for='#{id}'>#{label}</label>"
+    end
+
+    if maxlength != ""
+      maxlength = "maxlength='#{maxlength}'"
+    end
+
+ta = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<textarea name="post[#{name}]" id="#{id}" rows="4" class="form-control" placeholder="#{placeholder}" #{maxlength} #{required_tag}>#{value}</textarea>
+</div>
+EOS
+    return ta
+  end
+
+  # Summernote
+  # @param id [String] summernote id
+  # @param name [String] summernote name
+  # @param value [String] summernote value
+  # @param label [String] summernote label
+  # @param required [Boolean] if required or not
+  # @return [String] compiled html of summernote
+  def x_html(id: "", name: "", value: "", label: "", help: "", required: false)
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+    if label != ""
+      label = "<label for='#{id}'>#{label}</label>"
+    end
+ta = <<EOS
+<div class="form-group">
+#{label}
+<textarea name="post[#{name}]" id="#{id}" rows="4" class="form-control summernote">#{value}</textarea>
+</div>
+EOS
+    return ta
+  end
+
+
+
+  # Year Drop down
+  def x_year
+    current_year = Time.now.year
+
+year_dd = <<EOS
+<select id="selected_year" name="selected_year" class="selectpicker" data-style="btn-primary btn" data-width="auto">
+<option selected="selected" value="#{current_year}">#{current_year}</option>
+<option value="#{current_year - 1}">#{current_year - 1}</option>
+<option value="#{current_year - 2}">#{current_year - 2}</option>
+<option value="#{current_year - 3}">#{current_year - 3}</option>
+<option value="#{current_year - 4}">#{current_year - 4}</option>
+<option value="#{current_year - 5}">#{current_year - 5}</option>
+<option value="#{current_year - 6}">#{current_year - 6}</option>
+<option value="#{current_year - 7}">#{current_year - 7}</option>
+</select>
+EOS
+  end
+
+
+  # Year Drop down (expiry)
+  def x_exp_year
+    current_year = Time.now.year
+    begining_year = Time.now.year + 6
+
+year_dd = <<EOS
+<div class="col-md-6">
+<div class="form-group">
+<label>Expiration Year</label>
+<select id="exp_year" name="post[exp_year]" class="form-control" data-stripe="exp-year">
+<option value="#{(current_year)}">#{current_year}</option>
+<option value="#{(current_year + 1)}">#{current_year + 1}</option>
+<option value="#{(current_year + 2)}">#{current_year + 2}</option>
+<option value="#{(current_year + 3)}">#{current_year + 3}</option>
+<option value="#{(current_year + 4)}">#{current_year + 4}</option>
+<option value="#{(current_year + 5)}">#{current_year + 5}</option>
+<option value="#{(current_year + 6)}">#{current_year + 6}</option>
+<option value="#{(current_year + 7)}">#{current_year + 7}</option>
+</select>
+</div>
+</div>
+EOS
+  end
+
+  # Month Drop down
+  def x_exp_month
+    current_year = Time.now.year
+    begining_year = Time.now.year - 6
+
+year_dd = <<EOS
+<div class="col-md-6">
+<div class="form-group">
+<label>Expiration Month</label>
+<select id="exp_mo" name="post[exp_mo]" class="form-control" data-stripe="exp-month">
+<option value="01">01</option>
+<option value="02">02</option>
+<option value="03">03</option>
+<option value="04">04</option>
+<option value="05">05</option>
+<option value="06">06</option>
+<option value="07">07</option>
+<option value="08">08</option>
+<option value="09">09</option>
+<option value="10">10</option>
+<option value="11">11</option>
+<option value="12">12</option>
+</select>
+</div>
+</div>
+EOS
+  end
+
+  # Switch
+  # @param id [String] summernote id
+  # @param name [String] summernote name
+  # @param value [String] summernote value
+  # @param label [String] summernote label
+  # @param checked [Boolen] if checked or not
+  # @return [String] compiled html of summernote
+  def x_switch(id: "", name: "", value: "", label: "", checked: false)
+
+    checked_output = ""
+
+    if checked == true then checked_output='checked="checked"' end
+
+cb = <<EOS
+<div class="form-group">
+<label>#{label}</label><br>
+<div class="switch"
+data-on-label="<i class='fa fa-check'></i>"
+data-off-label="<i class='fa fa-times'></i>">
+<input type="hidden" id="#{id}" name="post[#{name}]" value="0">
+<input type="checkbox" id="#{id}" name="post[#{name}]" value="1" #{checked_output}/>
+</div>
+</div>
+EOS
+    return cb
+  end
+
+  # Tags
+  # @param id [String] tags id
+  # @param name [String] tags name
+  # @param value [String] tags value
+  # @param label [String] tags label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] tags placeholder text
+  # @return [String] compiled html of tags
+  def x_tags(id: "", name: "", value: "", label: "", required: false, placeholder: "")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="text" class="form-control tagsinput typeahead tag-azure tag-fill" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" #{required_tag}/>
+</div>
+EOS
+    return tb
+  end
+
+
+  # Typeahead
+  # @param id [String] typeahead id
+  # @param name [String] typeahead name
+  # @param value [String] typeahead value
+  # @param label [String] typeahead label
+  # @param required [Boolean] if required or not
+  # @param placeholder [String] typeahead placeholder text
+  # @param css [String] typeahead css
+  # @return [String] compiled html of typeahead
+  def x_typeahead(id: "", name: "", value: "", label: "", required: false, placeholder: "", css: "")
+
+    id = name unless id != ""
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    if label != ""
+      label = "<label>#{label}</label>"
+    end
+tb = <<EOS
+<div class="form-group">
+#{label}#{required_output}
+<input type="text" class="form-control typeahead #{css}" autocomplete="off" id="#{id}" name="post[#{name}]" value="#{value}" placeholder="#{placeholder}" #{required_tag}/>
+</div>
+EOS
+    return tb
+  end
+
+
+  # Rating Radios
+  # @param id [String] id of the survey radio
+  # @param name [String] name of the survey radio
+  # @return [String] compiled html of the survey radio
+  def x_survey_radio(id: "", name: "")
+tb = <<EOS
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="1">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="2">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="3">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="4">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="5">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="6">
+</label>
+<label class="radio radio-inline">
+<input type="radio" id="#{id}" name="#{name}" data-toggle="radio" value="7">
+</label>
+EOS
+    return tb
+  end
+
+
+  # Select Dropdown
+  # @param id [String] id of the select
+  # @param name [String] name of the select
+  # @param value [String] value of the select
+  # @param name_col [String] name col of the select
+  # @param value_col [String] vale col of the select
+  # @param label [String] label of the select
+  # @param css [String] css of the select
+  # @param menu_style [String] menu syle of the select
+  # @param style [String] style classes of the select
+  # @param option_data [String] option data
+  # @param option_name [String] option name
+  # @param option_value [String] option value
+  # @param selected_value [String] selected value of the select
+  # @param title [String] title of the select
+  # @param multple [Boolean] if multiple selection is enabled
+  # @return [String] compiled select drop down
+  def x_select(id: "", name: "", value: "",name_col: "name", value_col: "id", label: "", css: "selectpicker", menu_style: "dropdown-blue", style: "btn-default btn-block", option_data: "", option_name: "name", option_value: "id", selected_value: "", title: "", multiple: false, add_none: false, required: false, menu_size: 0, live_search: false)
+
+    options_html = ""
+    show_multiple = ""
+    add_none_option = ""
+    live_search_html = ""
+
+    if multiple == true
+      show_multiple = "Multiple"
+    end
+
+    if required
+      if label != ""
+        required_output = '<sup class="text-danger">*</sup>'
+      else
+        required_output = ''
+      end
+      required_tag = 'required="required"'
+    else
+      required_output = ""
+      required_tag = ""
+    end
+
+    multiple_name = ""
+    if multiple == true
+      multiple_name = "[]"
+    end
+
+    option_data.each do |i|
+      selected = ""
+
+      if selected_value == i[:id]
+        selected = "selected='selected'"
+      end
+
+      if selected_value.kind_of?(Array) && (selected_value.include? i[:id])
+        selected = "selected='selected'"
+      end
+
+      unless name_col.kind_of?(Array)
+        options_html << "<option value='#{i[value_col.to_sym]}' #{selected}>#{i[name_col.to_sym]}</option>"
+      else
+
+        options_html << "<option value='#{i[value_col.to_sym]}' #{selected}>"
+        name_col.each do |n|
+          options_html << "#{i[n.to_sym]} "
+        end
+        options_html << "</option>"
+
+      end
+    end
+
+    if option_data.count == 0 || option_data.nil?
+      options_html << "<option value=''>No available selections</option>"
+    end
+
+    if add_none == true
+      add_none_option = "<option value=''>Select One</option>"
+    end
+
+    if menu_size == 0
+      menu_size_html = ""
+    else
+      menu_size_html = "data-size='#{menu_size}'"
+    end
+
+    if live_search == true
+      live_search_html = "data-live-search='true'"
+    end
+
+select = <<EOS
+<div class="form-group">
+<label>#{label}#{required_output}</label>
+<select id="#{id}" name="post[#{name}]#{multiple_name}" class="#{css}" data-title="#{title}" title="#{title}" data-style="#{style}" data-menu-style="#{menu_style}" #{show_multiple} #{required_tag} #{menu_size_html} data-container=".content" #{live_search_html}>
+#{add_none_option}
+#{options_html}
+</select>
+</div>
+EOS
+
+    return select
+
+  end
+end
+end