Add ShowPassword package. (#106)

blvrd · Feb 11, 2018 · d4204d4 · d4204d4
1 parent a8d7d9d
commit d4204d4
Show file tree

Hide file tree

Showing 14 changed files with 212 additions and 5 deletions.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -17,6 +17,7 @@
 //= require react
 //= require react_ujs
 //= require components
+//= require show_password/show_password
 //= require_tree .
 
 var update = React.addons.update

diff --git a/app/assets/javascripts/password.js b/app/assets/javascripts/password.js
@@ -1,6 +1,8 @@
 $(document).on('turbolinks:load', function() {
   if ($('body').hasClass('users-new') || $('body').hasClass('passwords-edit')) {
-    $('#registration_password, #reset_password').focus(function(e) {
+    ShowPassword.initialize()
+
+    $('#registration_password, #reset_password').on("focus", function(e) {
       $('.passwordRules').removeClass('hidden')
     })
 

diff --git a/app/assets/javascripts/sessions.js b/app/assets/javascripts/sessions.js
@@ -22,5 +22,9 @@ function setGoogleButtonText() {
 }
 
 $(document).on('turbolinks:load', function() {
-  setTimeout(setGoogleButtonText, 100)
+  if ($("body").hasClass('sessions-new')) {
+    ShowPassword.initialize()
+
+    setTimeout(setGoogleButtonText, 100)
+  }
 })
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
@@ -20,7 +20,9 @@
 
       <div class="inputGroup">
         <%= label_tag :password %>
-        <%= password_field_tag :password %>
+        <div id="showHidePassword">
+          <%= password_field_tag :password %>
+        </div>
       </div>
 
       <div class="inputGroup flexRow flexAlignCenter">

diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
@@ -43,7 +43,9 @@
             <li>Doesn't match your email <span class="xMark"></span></li>
           </ol>
         </div>
-        <%= f.password_field :password, data: { rules: "checkLength,checkTop100,ensureDoesntMatchEmail" } %>
+        <div id="showHidePassword">
+          <%= f.password_field :password, data: { rules: "checkLength,checkTop100,ensureDoesntMatchEmail" } %>
+        </div>
       </div>
 
       <div class="inputGroup flexRow flexAlignCenter">

diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
@@ -4,7 +4,7 @@
 Rails.application.config.assets.version = (ENV["ASSETS_VERSION"] || "1.0")
 
 # Add additional assets to the asset load path
-# Rails.application.config.assets.paths << Emoji.images_path
+Rails.application.config.assets.paths << Rails.root.join("node_modules")
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in app/assets folder are already added.

diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity
diff --git a/node_modules/show_password/.npmignore b/node_modules/show_password/.npmignore
diff --git a/node_modules/show_password/LICENSE b/node_modules/show_password/LICENSE
diff --git a/node_modules/show_password/package.json b/node_modules/show_password/package.json
diff --git a/node_modules/show_password/readme.md b/node_modules/show_password/readme.md
diff --git a/node_modules/show_password/show_password.js b/node_modules/show_password/show_password.js
diff --git a/package.json b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "show_password": "^0.0.3"
+  }
+}
diff --git a/yarn.lock b/yarn.lock
@@ -0,0 +1,7 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+show_password@^0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/show_password/-/show_password-0.0.3.tgz#8e2112cd03671f15fef5029bf0eb4baf9565756b"