effective_bootstrap 0.9.13 → 0.9.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e330704dd9363570d7981034a08e14d29347feae21c7374ce073e322ea6cd5ea
-  data.tar.gz: d618f09047887bec221b95eb3af1b47be80d3914505f82a88e81d7d138e149a6
+  metadata.gz: e313590d625cda7f01ce3ef74c94b204bd8459dc59d7d416dae88766756307bc
+  data.tar.gz: a16aea2233b4a3ad497017b73383af5223fcf1b112670135ed900eff7266a115
 SHA512:
-  metadata.gz: c0ac3afa88825a5af188d069a7a9a41a4ab677890068408d80fd39a62928306e9172a81d4dd0dc20e586d0f2755e172e78a07eaedc138c92bf2e318f3a8d4d2a
-  data.tar.gz: 332482707c9bf94e22c7be4e04a16ad2367a4bdb8fac87f11d8240b6e5591af9471e9880586211c92db6c40dbf47238ac026b5f4a06e6d0ffb68f07d7ccf0467
+  metadata.gz: 7d805f8d09225797f736d6fb82d762b0f592eeeda68fb02a0e3769675deea349dae569c3081bbdbfa52944156af3500a2b56007fc6f9bb4b79ce6f9d3fdfe987
+  data.tar.gz: dd2d509c84b4eea2fac7135ed105cb7971fe4a7a4c59b85a084fe2463627145a751eaa4b43d3a1101e1ab3af5244544d86bac05f7efed1f5846bc5664f122843

data/app/assets/javascripts/effective_bootstrap.js

@@ -18,6 +18,7 @@
 //= require ./effective_has_many/input
 //= require ./effective_integer/input
 //= require ./effective_number_text/input
+//= require ./effective_password/input
 //= require ./effective_percent/input
 //= require ./effective_phone/input
 //= require ./effective_price/input

data/app/assets/javascripts/effective_password/initialize.js.coffee

@@ -0,0 +1,9 @@
+# Prevent non-currency buttons from being pressed
+$(document).on 'click', 'button[data-effective-password]', (event) ->
+  $obj = $(event.currentTarget)
+  $input = $obj.closest('.input-group')
+
+  $input.find('input').attr('type', $obj.data('effective-password'))
+  $input.find('button[data-effective-password]').toggle()
+
+  false

data/app/assets/javascripts/effective_password/input.js

@@ -0,0 +1 @@
+//= require ./initialize

data/app/models/effective/form_inputs/password_field.rb

@@ -3,11 +3,25 @@ module Effective
     class PasswordField < Effective::FormInput
 
       def input_html_options
-        { class: 'form-control', id: tag_id }
+        { class: 'form-control effective_password', id: tag_id }
       end
 
       def input_group_options
-        { input_group: { class: 'input-group' }, prepend: content_tag(:span, icon('lock'), class: 'input-group-text') }
+        { input_group: { class: 'input-group' }, append: eyes }
+      end
+
+      def eyes
+        content_tag(:button, icon('eye'),
+          class: 'btn input-group-text',
+          title: 'Show password',
+          'data-effective-password': 'text'
+        ) +
+        content_tag(:button, icon('eye-off'),
+          class: 'btn input-group-text',
+          title: 'Hide password',
+          style: 'display: none;',
+          'data-effective-password': 'password'
+        )
       end
 
       def feedback_options

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '0.9.13'.freeze
+  VERSION = '0.9.14'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 0.9.13
+  version: 0.9.14
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-16 00:00:00.000000000 Z
+date: 2021-02-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -440,6 +440,8 @@ files:
 - app/assets/javascripts/effective_integer/input.js
 - app/assets/javascripts/effective_number_text/initialize.js.coffee
 - app/assets/javascripts/effective_number_text/input.js
+- app/assets/javascripts/effective_password/initialize.js.coffee
+- app/assets/javascripts/effective_password/input.js
 - app/assets/javascripts/effective_percent/initialize.js.coffee
 - app/assets/javascripts/effective_percent/input.js
 - app/assets/javascripts/effective_phone/initialize.js.coffee