weaver 0.8.1 → 0.8.2

data/lib/weaver/element_types/form_elements.rb

@@ -293,5 +293,73 @@ $(document).ready(function () {
 
       elem.generate
     end
+
+    def credit_card(options = {})
+      request_js 'js/plugins/skeuocard/javascripts/skeuocard.js'
+      request_js 'js/plugins/skeuocard/javascripts/vendor/cssua.min.js'
+      request_css 'js/plugins/skeuocard/styles/skeuocard.css'
+      request_css 'js/plugins/skeuocard/styles/skeuocard.reset.css'
+
+      card_input_name = options[:id] || @page.create_anchor('credit_card')
+
+      div id: card_input_name, class: 'credit-card-input no-js' do
+        p 'Javascript unavailable', class: 'no-support-warning'
+
+        brands = {
+          visa:           'Visa',
+          discover:       'Discover',
+          mastercard:     'MasterCard',
+          maestro:        'Maestro',
+          jcb:            'JCB',
+          unionpay:       'UnionPay',
+          amex:           'American Express',
+          dinersclubintl: 'Diners Club'
+        }
+
+        elements = {
+          number: 'Card Number',
+          exp_month: 'Expiration Month',
+          exp_year: 'Expiration Year',
+          name: 'Cardholder Name',
+          cvc: 'Card Validation Code'
+        }
+
+        label 'Card Type', for: :"#{card_input_name}_type"
+        method_missing(:select,
+                       name: :"#{card_input_name}_type",
+                       id: "#{card_input_name}_type") do
+          brands.each do |k, v|
+            option v, value: k
+          end
+        end
+
+        elements.each do |k, v|
+          label v, for: :"#{card_input_name}_#{k}"
+          input type: :text, name: :"#{card_input_name}_#{k}",
+                class: k.to_sym,
+                id: "#{card_input_name}_#{k}"
+        end
+      end
+
+      @page.on_page_load <<~SCRIPT
+        var card = new Skeuocard($("##{card_input_name}"), {
+          typeInputSelector: '[name="#{card_input_name}_type"]',
+          numberInputSelector: '[name="#{card_input_name}_number"]',
+          expMonthInputSelector: '[name="#{card_input_name}_exp_month"]',
+          expYearInputSelector: '[name="#{card_input_name}_exp_year"]',
+          nameInputSelector: '[name="#{card_input_name}_name"]',
+          cvcInputSelector: '[name="#{card_input_name}_cvc"]'
+        });
+      SCRIPT
+
+      @scripts << <<~SCRIPT
+        object["#{card_input_name}_type"] = $('##{card_input_name}_type').val();
+        object["#{card_input_name}_number"] = $('##{card_input_name}_number').val();
+        object["#{card_input_name}_exp_month"] = $('##{card_input_name}_exp_month').val();
+        object["#{card_input_name}_exp_year"] = $('##{card_input_name}_exp_year').val();
+        object["#{card_input_name}_name"] = $('##{card_input_name}_name').val();
+        object["#{card_input_name}_cvc"] = $('##{card_input_name}_cvc').val();
+      SCRIPT
+    end
   end
 end

data/lib/weaver/version.rb

@@ -1,3 +1,3 @@
 module Weaver
-  VERSION = '0.8.1'.freeze
+  VERSION = '0.8.2'.freeze
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: weaver
 version: !ruby/object:Gem::Version
-  version: 0.8.1
+  version: 0.8.2
 platform: ruby
 authors:
 - David Siaw
@@ -89,6 +89,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".gitignore"
+- ".gitmodules"
 - ".rspec"
 - ".travis.yml"
 - CODE_OF_CONDUCT.md
@@ -237,19 +238,45 @@ files:
 - data/weaver/css/plugins/touchspin/jquery.bootstrap-touchspin.min.css
 - data/weaver/css/style.css
 - data/weaver/css/style.min.css
+- data/weaver/font-awesome/css/fa-brands.css
+- data/weaver/font-awesome/css/fa-brands.min.css
+- data/weaver/font-awesome/css/fa-regular.css
+- data/weaver/font-awesome/css/fa-regular.min.css
+- data/weaver/font-awesome/css/fa-solid.css
+- data/weaver/font-awesome/css/fa-solid.min.css
 - data/weaver/font-awesome/css/font-awesome.css
 - data/weaver/font-awesome/css/font-awesome.min.css
+- data/weaver/font-awesome/css/fontawesome-all.css
+- data/weaver/font-awesome/css/fontawesome-all.min.css
+- data/weaver/font-awesome/css/fontawesome.css
+- data/weaver/font-awesome/css/fontawesome.min.css
 - data/weaver/font-awesome/fonts/FontAwesome.otf
 - data/weaver/font-awesome/fonts/fontawesome-webfont.eot
 - data/weaver/font-awesome/fonts/fontawesome-webfont.svg
 - data/weaver/font-awesome/fonts/fontawesome-webfont.ttf
 - data/weaver/font-awesome/fonts/fontawesome-webfont.woff
 - data/weaver/font-awesome/fonts/fontawesome-webfont.woff2
+- data/weaver/font-awesome/less/_animated.less
+- data/weaver/font-awesome/less/_bordered-pulled.less
+- data/weaver/font-awesome/less/_core.less
+- data/weaver/font-awesome/less/_fixed-width.less
+- data/weaver/font-awesome/less/_icons.less
+- data/weaver/font-awesome/less/_larger.less
+- data/weaver/font-awesome/less/_list.less
+- data/weaver/font-awesome/less/_mixins.less
+- data/weaver/font-awesome/less/_rotated-flipped.less
+- data/weaver/font-awesome/less/_screen-reader.less
+- data/weaver/font-awesome/less/_stacked.less
+- data/weaver/font-awesome/less/_variables.less
 - data/weaver/font-awesome/less/animated.less
 - data/weaver/font-awesome/less/bordered-pulled.less
 - data/weaver/font-awesome/less/core.less
+- data/weaver/font-awesome/less/fa-brands.less
+- data/weaver/font-awesome/less/fa-regular.less
+- data/weaver/font-awesome/less/fa-solid.less
 - data/weaver/font-awesome/less/fixed-width.less
 - data/weaver/font-awesome/less/font-awesome.less
+- data/weaver/font-awesome/less/fontawesome.less
 - data/weaver/font-awesome/less/icons.less
 - data/weaver/font-awesome/less/larger.less
 - data/weaver/font-awesome/less/list.less
@@ -272,7 +299,26 @@ files:
 - data/weaver/font-awesome/scss/_screen-reader.scss
 - data/weaver/font-awesome/scss/_stacked.scss
 - data/weaver/font-awesome/scss/_variables.scss
+- data/weaver/font-awesome/scss/fa-brands.scss
+- data/weaver/font-awesome/scss/fa-regular.scss
+- data/weaver/font-awesome/scss/fa-solid.scss
 - data/weaver/font-awesome/scss/font-awesome.scss
+- data/weaver/font-awesome/scss/fontawesome.scss
+- data/weaver/font-awesome/webfonts/fa-brands-400.eot
+- data/weaver/font-awesome/webfonts/fa-brands-400.svg
+- data/weaver/font-awesome/webfonts/fa-brands-400.ttf
+- data/weaver/font-awesome/webfonts/fa-brands-400.woff
+- data/weaver/font-awesome/webfonts/fa-brands-400.woff2
+- data/weaver/font-awesome/webfonts/fa-regular-400.eot
+- data/weaver/font-awesome/webfonts/fa-regular-400.svg
+- data/weaver/font-awesome/webfonts/fa-regular-400.ttf
+- data/weaver/font-awesome/webfonts/fa-regular-400.woff
+- data/weaver/font-awesome/webfonts/fa-regular-400.woff2
+- data/weaver/font-awesome/webfonts/fa-solid-900.eot
+- data/weaver/font-awesome/webfonts/fa-solid-900.svg
+- data/weaver/font-awesome/webfonts/fa-solid-900.ttf
+- data/weaver/font-awesome/webfonts/fa-solid-900.woff
+- data/weaver/font-awesome/webfonts/fa-solid-900.woff2
 - data/weaver/fonts/OpenSans/OpenSans-Bold.ttf
 - data/weaver/fonts/OpenSans/OpenSans-BoldItalic.ttf
 - data/weaver/fonts/OpenSans/OpenSans-ExtraBold.ttf