Catpants

Password strength calculator on key up...with a cat emoji if your password is good enough. Everyone needs a strength calculator, everyone loves emoji's. Win win here! Vanilla javascript meow 😻!

Installation

Add this line to your application's Gemfile:

Specify gem version

gem 'catpants', '2.5.0'

And execute:

$ bundle

Usage

You need to require this in app.js

//= require catpants

You must have a html label element for the password field with a class of catpants.

<label class="catpants">

And a class of catpants-password on the password input

<input class="catpants-password">

Here's a RAILS example with form helpers

<div class="form-group">
  <%= label_tag :password, "Password", class:"catpants" %>
  <%= password_field_tag :password, "", class: "catpants-password" %>
</div>

RAILS with Simple Form example

<%= f.input :password, label_html: { class: 'catpants' }, input_html: {class:'catpants-password'} %>

Boom. Done.

Contributing

Bug reports and pull requests are welcome on GitHub at http://github.com/parkerdan/catpants. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The gem is available as open source under the terms of the MIT License.

catpants