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