tungsten 0.1.0 → 0.1.1

data/app/helpers/tungsten/deployments_helper.rb

@@ -0,0 +1,59 @@
+module Tungsten
+  module DeploymentsHelper
+    def deployment_data(name = nil)
+      deployments = Cyborg.config_data['deployments']['deployments']
+
+      if name.nil?
+        deployments
+      else
+        deployment = deployments.find { |d| 
+          d[:name] =~ /#{name}/i 
+        }
+
+        if deployment.nil? && !Rails.env.production?
+          raise %Q{No deployment type "#{name}" exists.}
+        end
+          
+        deployment
+      end
+    end
+
+    def deployment_graphic
+      @deployment_icon ||= Esvg.find_symbol('deployment')
+    end
+
+    def deployment_text(text, options={})
+      options = {
+        x: deployment_graphic.width.to_f / 2,
+        y: deployment_graphic.height.to_f / 2, fill: "currentColor",
+        "font-weight" => 700,
+        "font-size" => "57px",
+        "text-anchor" => "middle",
+        "dominant-baseline" =>"central",
+        "alignment-baseline" => "central"
+      }.merge(options)
+
+      content_tag(:text, text, options).html_safe
+    end
+
+    def deployment_svg(name, options={})
+      data = deployment_data(name)
+      (options[:use] ||= {})
+      options[:use][:stroke] ||= options.delete(:stroke) || "currentColor"
+      options[:use][:stroke_width] ||= options.delete(:stroke_width) || 4
+      options[:use][:class] = "deployment-icon-hex #{options[:use][:class]}".strip
+
+      options[:color]   ||= "#fff"
+      options[:fill]    ||= "url(##{name.downcase}-gradient-bg)"
+      options[:content] ||= deployment_text(data[:short_name], options.delete(:text) || {})
+
+      deployment_graphic.use(options).html_safe
+    end
+
+    def deployment_icon(name, options={})
+      options[:stroke_width] ||= 8
+      options[:text] ||= { "font-weight" => 600, "font-size" => "76px" }
+      deployment_svg name, options
+    end
+  end
+end

data/app/helpers/tungsten/form_helper.rb

@@ -0,0 +1,509 @@
+module Tungsten
+  module FormHelper
+    INPUT_OPTIONS = {
+      email: {
+        type: "email",
+        placeholder: "Email address",
+        pattern: "[^@]+@[^@]+\\.[a-zA-Z]{2,}",
+        autocorrect: "off",
+        autocapitalize: "off",
+        spellcheck: "false",
+        data: { message: "Please enter a valid email address." }
+      },
+
+      password: {
+        type: "password",
+        placeholder: "Password"
+      },
+
+      text: {
+        type: "text"
+      },
+
+      tel: {
+        type: "tel",
+        placeholder: "Phone number"
+      },
+
+      url: {
+        type: "text",
+        placeholder: "Web address",
+        autocorrect: "off",
+        autocapitalize: "off",
+        spellcheck: "false",
+        pattern: ".+\\.[a-zA-Z]{2,}"
+      },
+
+      card_number: {
+        type: "text",
+        required: true,
+        pattern: "[0-9 -]{13,20}",
+        placeholder: "Credit Card Number",
+        data: {
+          stripe: "number",
+          message: "Please enter a valid credit card number."
+        }
+      },
+
+      card_month: {
+        type: "text",
+        required: true,
+        pattern: "0[1-9]|1[012]",
+        placeholder: "MM",
+        data: {
+          stripe: "exp_month",
+          message: "Please enter a valid expiration month."
+        }
+      },
+
+      card_year: {
+        type: "text",
+        required: true,
+        pattern: "[0-9]{4}",
+        placeholder: "YYYY",
+        data: {
+          stripe: "exp_year",
+          message: "Please enter a valid expiration year."
+        }
+      },
+
+      card_cvc: {
+        type: "text",
+        required: true,
+        pattern: "[0-9]{3,4}",
+        placeholder: "CVC",
+        data: {
+          stripe: "cvc",
+          message: "Please enter a valid security code."
+        }
+      },
+
+      select_country: {
+        type: "select",
+        country_options: {
+          include_blank: "Select a country",
+          priority_countries: ["US", "GB", "CA"],
+        },
+
+        html_options: {}
+      }
+    }
+
+    def table_form_for(record, options = {}, &block)
+      form_for record, options do |f|
+        table_form_tag f, &block
+      end
+    end
+
+    def table_form_tag(form = nil)
+      form.style = 'table' if form
+      content_tag :div, class: ['table', 'table-form'] do
+        yield form if block_given?
+      end
+    end
+
+    def stacked_form_for(record, options = {}, &block)
+      form_for record, options do |f|
+        stacked_form_tag f, &block
+      end
+    end
+
+    def stacked_form_tag(form = nil)
+      form.style = 'stacked' if form
+      content_tag :div, class: 'stacked-form' do
+        yield form if block_given?
+      end
+    end
+
+    def slider_input_tag(name, options={})
+      options = options.stringify_keys
+      classnames = options.delete('class') || ''
+
+      if label = options.delete('label')
+        label = content_tag(:span, class: 'label-text') { label }
+      end
+
+      data = options['data'] || {}
+      data['input'] ||= name
+
+      if options['position_label']
+        data['position_label'] = options['position_label']
+      end
+      
+      # Set values (and max based on values size)
+      if values = options['values']
+        data['values'] = values.join(',')
+        options['max'] ||= values.size - 1
+      end
+
+      # Support legacy option
+      options['labels'] ||= options['label']
+
+      if labels = options['labels']
+        if labels.is_a?(Array)
+          data['label'] = labels.join(';')
+          options['max'] ||= labels.size - 1
+        elsif labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['label-'+dasherize(label.to_s.downcase)] = value.join(';')
+            options['max'] ||= value.size - 1
+          end
+        end
+      end
+
+      if labels == false
+        data['label'] = 'false'
+      end
+
+      if labels = options['external_labels']
+        if labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['external-label-'+dasherize(label.to_s.downcase)] = value.join(';')
+          end
+        end
+      end
+
+      if before = options['before']
+        if before.is_a?(String)
+          data['before-label'] = before
+        else
+          before.each do |key, value|
+            data["before-label-#{key}"] = value
+          end
+        end
+      end
+
+      if mark = options['mark']
+        data['mark'] = mark.join(',')
+      end
+
+      if after = options['after']
+        if after.is_a?(String)
+          data['after-label'] = after
+        else
+          after.each do |key, value|
+            data["after-label-#{key}"] = value
+          end
+        end
+      end
+
+      if line_labels = options['line_labels']
+        data['line_labels'] = []
+        line_labels.each do |k, v|
+          data['line_labels'] << "#{k}:#{v}"
+        end
+        data['line_labels'] = data['line_labels'].join(';')
+      end
+
+      options['value'] ||= options['min'] || 0
+
+      html_options = {"id"=> options['id'], "class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
+
+      content_tag(:label, class: 'range-label') {
+        concat label if label
+        concat tag :input, html_options
+      }
+    end
+    alias :range_input_tag :slider_input_tag
+
+    # Country select
+    def select_country_tag(name, options = {}, country_options = {})
+      country_options.reverse_merge! INPUT_OPTIONS[:select_country][:country_options]
+
+      options = INPUT_OPTIONS[:select_country][:html_options].deep_merge options
+      options[:class] ||= ' '
+      options[:class] += " #{label_class(:select)}"
+
+      content_tag(:label, class: options.delete(:class) ) do
+        country_select :user, :country, country_options, options
+      end
+    end
+
+    # Email inputs
+    def email_input_tag(name, value = nil, options = {})
+      input_tag(:email, name, value, options)
+    end
+
+    # Passowrd inputs
+    def password_input_tag(name, value = nil, options = {})
+      input_tag(:password, name, value, options)
+    end
+
+    def text_input_tag(name, value = nil, options = {})
+      input_tag(:text, name, value, options)
+    end
+
+    def url_input_tag(name, value = nil, options = {})
+      input_tag(:url, name, value, options)
+    end
+
+    def tel_input_tag(name, value = nil, options = {})
+      input_tag(:tel, name, value, options)
+    end
+
+    def textarea_tag(name, value = nil, options = {}, &block)
+      input_tag(:textarea, name, value, options, &block)
+    end
+
+    def number_input_tag(name, value = nil, options = {})
+      input_tag(:number, name, value, options)
+    end
+
+    def search_input_tag(name, value = nil, options = {})
+      input_tag(:search, name, value, options)
+    end
+
+    def card_number_tag(name, value=nil, options={})
+      input_tag(:card_number, name, value, options)
+    end
+
+    def card_month_tag(name, value=nil, options={})
+      input_tag(:card_month, name, value, options)
+    end
+
+    def card_year_tag(name, value=nil, options={})
+      input_tag(:card_year, name, value, options)
+    end
+
+    def card_cvc_tag(name, value=nil, options={})
+      input_tag(:card_cvc, name, value, options)
+    end
+
+    def radio_button_input_tag(name, value, checked = false, options = {})
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      options[:type] = :radio
+
+      tick_wrapper( name, options ) do
+        radio_button_tag(name, value, checked, options)
+      end
+
+    end
+
+    def checkbox_input_tag(name, checked = false, options = {})
+      value = true
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      options[:type] = :checkbox
+
+      tick_wrapper( name, options ) do
+        options.delete(:class)
+        concat tag :input, name: name, type: :hidden, value: false
+        concat check_box_tag(name, value, checked, options)
+      end
+    end
+
+    def select_input_tag(name, option_tags=nil, options={}, &block)
+      if option_tags.is_a? Hash
+        options = option_tags
+        option_tags = nil
+      end
+
+      options[:label] ||= options.delete(:label_placeholder)
+
+      option_tags ||= capture(&block).html_safe if block_given?
+
+      input_tag(:select, name, option_tags.html_safe, options)
+    end
+
+    def switch_input_tag(name, checked = false, options = {})
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      if label_text = options.delete(:label)
+        label_text = content_tag(:span, class: 'label-text') { label_text }
+      end
+
+      content_tag(:label, class: 'check-switch switch-label', data: { input: 'checkbox' }) do
+        concat tag :input, name: name, type: :hidden, value: false
+        concat label_text
+        concat check_box_tag(name, true, checked, options)
+
+        concat content_tag(:span, class: 'check-switch-panel') {
+          concat content_tag(:span, class: 'check-switch-tick') { '' }
+        }
+
+        concat content_tag(:span, class: 'check-switch-label') { 'Enable' }
+      end
+
+    end
+
+    private
+
+    def base_tag(name, value, options, type, &block)
+      case type
+      when :select
+        value = value.html_safe if value
+        select_tag(name, value, options)
+      when :textarea
+        value ||= capture(&block).html_safe if block_given?
+        options[:class] = "#{options[:class]} empty".strip if value.nil?
+        text_area_tag(name, value, options)
+      else
+        options[:class] = "#{options[:class]} empty".strip if value.nil?
+        text_field_tag(name, value, options)
+      end
+    end
+
+    def input_tag(type, name, value, options=nil, &block)
+      type.to_sym! if type.is_a?( String ) 
+
+      if value.is_a? Hash
+        options = value
+        value = nil
+      end
+
+      options = (INPUT_OPTIONS[type]||{}).deep_merge options
+      options[:type] ||= type
+
+
+      label_options = { 
+        class: "#{label_class(options[:type])} #{options.delete(:class)}"
+      }
+
+      if label_placeholder = options.delete(:label_placeholder)
+        options[:placeholder] = label_placeholder
+        label_placeholder = content_tag(:span, class: 'placeholder-label-text') { label_placeholder }
+        label_options[:class] += ' placeholder-label'
+      end
+
+      if !label_placeholder && label_text = options.delete(:label)
+        label_text = content_tag(:span, class: 'label-text') { label_text }
+      end
+
+      content_tag(:label, label_options) {
+        concat label_text
+        concat base_tag(name, value, options, type, &block)
+        concat label_placeholder
+      }
+
+    end
+
+    private
+
+    def label_class( type )
+      type = case type
+      when :tel, :password, :number, :url, :email, :search
+        "text"
+      when :checkbox, :radio
+        "tick"
+      else
+        type.to_s
+      end
+
+      "#{type}-label"
+    end
+
+    def tick_wrapper( name, options, &block )
+
+      tag = capture(&block).html_safe
+
+      tick = content_tag(:span, class: 'tick') {''}
+      label = content_tag(:span, class: 'label-text') { options.delete(:label) || name }
+
+      options[:class] ||= ' '
+      options[:class] << "#{label_class( options.delete(:type) )} tick-box"
+
+      content_tag(:label, options ) {
+        concat tag.html_safe
+        concat tick
+        concat content_tag(:span, class: 'label-text-wrapper') { label }
+      }
+    end
+
+    def slider_input_tag(name, options={})
+      options = options.stringify_keys
+      classnames = options.delete('class') || ''
+
+      data = options['data'] || {}
+      data['input'] ||= name
+
+      if options['position_label']
+        data['position_label'] = options['position_label']
+      end
+      
+      # Set values (and max based on values size)
+      if values = options['values']
+        data['values'] = values.join(',')
+        options['max'] ||= values.size - 1
+      end
+
+      # Support legacy option
+      options['labels'] ||= options['label']
+
+      if labels = options['labels']
+        if labels.is_a?(Array)
+          data['label'] = labels.join(';')
+          options['max'] ||= labels.size - 1
+        elsif labels.is_a?(Hash)
+          labels.each do |label, value|
+            data['label-'+dasherize(label.to_s.downcase)] = value.join(';')
+            options['max'] ||= value.size - 1
+          end
+        end
+      end
+
+      if labels == false
+        data['label'] = 'false'
+      end
+
+      if labels = options['external_labels']
+        if labels.is_a?(Hash)
+          labels.each do |label, value|
+            l = label.to_s.downcase.dasherize
+            data['external-label-'+l] = value.join(';')
+          end
+        end
+      end
+
+      if before = options['before']
+        if before.is_a?(String)
+          data['before-label'] = before
+        else
+          before.each do |key, value|
+            data["before-label-#{key}"] = value
+          end
+        end
+      end
+
+      if mark = options['mark']
+        data['mark'] = mark.join(',')
+      end
+
+      if after = options['after']
+        if after.is_a?(String)
+          data['after-label'] = after
+        else
+          after.each do |key, value|
+            data["after-label-#{key}"] = value
+          end
+        end
+      end
+
+      if line_labels = options['line_labels']
+        data['line_labels'] = []
+        line_labels.each do |k, v|
+          data['line_labels'] << "#{k}:#{v}"
+        end
+        data['line_labels'] = data['line_labels'].join(';')
+      end
+
+      options['value'] ||= options['min'] || 0
+
+      html_options = {"class" => classnames, "type" => "range", "min" => options['min'], "max" => options['max'], "value" => options['value'] }.update('data' => data)
+      tag :input, html_options
+    end
+    alias :range_input_tag :slider_input_tag
+  end
+end