any_login 1.5.0 → 1.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e0dc9ff7dec47ebdcb17659928d9506d65ba25a8c42291a9f15f38bb71503a69
-  data.tar.gz: 72d8bb2f965b20a3aa10d0008f0ce46034064f8218dc0fc23e78ff1c9cde37ab
+  metadata.gz: 26b0fb1dfbe9f3264c85b6c48f4ee21294d89508d85ba97593bddc40e9e54416
+  data.tar.gz: 47d03dfbcc2c4de800d0be35da07a932d258b4bc515472fc544386d12f7ba67c
 SHA512:
-  metadata.gz: b4a8c6731ce47c9493e7cfd9b2d2689132243ebb8e8709e1958bd2fd25b41ebe1ea435dd941a030671638425e5cf69ac496e9a8ee2892b4fb88aef1d1fb4d213
-  data.tar.gz: e43dc1fb5665cbc16e3bbc90cc49f4553b840f6c4cd1d91927b5fd1d2a441e4c5fb3aed47de089036192537c86f61541632b9c95191aa63b94730e32919bd438
+  metadata.gz: d0731a0d850049fd8e7a8e7e526c9d150657735f1b134b0879b98c2c2336bb4419f5f90f6524fdce44c7593d9efa42958a32e4d1537316d40eaaeeec8b03e9d3
+  data.tar.gz: 2e0004a1d244d33b754d2de757d5bab74027811130150689a36c29af3db3d075d31f6beb4f1626b90117196e07685a5257df2a7a96e13b940a130f5200def91c

data/app/assets/javascripts/any_login/application.js

@@ -0,0 +1,23 @@
+function submitOnChange() {
+  document.getElementById('any_login_form').submit();
+}
+
+function elementExists(element) {
+  return typeof (element) != 'undefined' && element != null;
+}
+
+function addChangeListenerTo(elementId) {
+  let element = document.getElementById(elementId);
+  if (elementExists(element)) {
+    element.addEventListener("change", submitOnChange);
+  }
+}
+
+function setupAnyLoginHandlers() {
+  addChangeListenerTo("back_to_previous_id");
+  addChangeListenerTo("selected_id");
+}
+
+['DOMContentLoaded', 'turbolinks:load', 'turbo:load'].forEach(function(e) {
+  window.addEventListener(e, setupAnyLoginHandlers);
+});

data/app/assets/stylesheets/any_login/application.css

@@ -0,0 +1,96 @@
+#any_login {
+  position: fixed;
+  opacity: 0.5;
+  background: #5c4383;
+  color: white;
+  font-size: 16px;
+  line-height: 20px;
+  z-index: 10000;
+}
+
+#any_login form {
+  margin: 0;
+  height: auto;
+  padding: 4px 6px;
+}
+
+#any_login #any_login_box {
+  display: none;
+  vertical-align: middle;
+}
+
+#any_login_form_toggle {
+  display: none;
+}
+
+#any_login_form_toggle[type=checkbox]:checked ~ #any_login_box {
+  display: inline;
+}
+
+#any_login input,
+#any_login select {
+  color: black;
+  padding: 0;
+  margin: 0;
+  height: auto;
+  float: none;
+  text-decoration: none;
+  position: unset;
+  left: auto;
+  top: auto;
+  font-size: auto;
+  line-height: auto;
+}
+
+#any_login.any_login_top_left {
+  top: 0;
+  left: 0;
+}
+
+#any_login.any_login_top_right {
+  top: 0;
+  right: 0;
+}
+
+#any_login.any_login_bottom_left {
+  bottom: 0;
+  left: 0;
+}
+
+#any_login.any_login_bottom_right {
+  bottom: 0;
+  right: 0;
+}
+
+#any_login svg {
+  cursor: pointer;
+  vertical-align: middle;
+  fill: #fff;
+}
+
+#any_login:hover {
+  opacity: 1;
+}
+
+#any_login .any_login_user_information {
+  padding-left: 10px;
+  color: yellow;
+}
+
+#any_login #any_login_id_input {
+  width: 30px;
+}
+
+#any_login span#current_user_information {
+  display: inline;
+}
+
+#any_login span#current_user_information span {
+  display: inline;
+}
+
+#any_login span#anylogin_back_to_user {
+  padding-left: 15px;
+  color: cyan;
+  display: inline;
+}

data/app/controllers/any_login/application_controller.rb

@@ -1,5 +1,8 @@
 module AnyLogin
   class ApplicationController < ActionController::Base
+    protect_from_forgery except: :js
+    before_action :try_not_to_leak_any_login_is_installed
+
     include AnyLogin.provider.constantize::Controller
     include ::Clearance::Controller if AnyLogin.provider.eql?("AnyLogin::Provider::Clearance")
 
@@ -11,12 +14,19 @@ module AnyLogin
     end
 
     def any_login
-      try_not_to_leak_any_login_is_installed
       head 403 && return unless AnyLogin.verify_access_proc.call(self)
       add_to_previous
       AnyLogin.provider.constantize::Controller.instance_method(:any_login_sign_in).bind(self).call
     end
 
+    def css
+      send_file AnyLogin::Engine.root.join('app', 'assets', 'stylesheets', 'any_login', 'application.css'), content_type: 'text/css'
+    end
+
+    def js
+      send_file AnyLogin::Engine.root.join('app', 'assets', 'javascripts', 'any_login', 'application.js'), content_type: 'text/javascript'
+    end
+
     private
 
     def try_not_to_leak_any_login_is_installed

data/app/views/any_login/_any_login.html.erb

@@ -1,7 +1,13 @@
+<script src="<%= any_login.js_path %>"></script>
+<link rel="stylesheet" href="<%= any_login.css_path %>">
+
 <div id='any_login' class='<%= any_login_klasses %>'>
   <%= form_tag any_login.sign_in_path, :method => :post, :id => 'any_login_form' do %>
-    <%= image_tag 'any_login/person.png', :alt => AnyLogin.klass, :onclick => "AnyLogin.on_image_click();" %>
-    <span id='any_login_box' class='hidden_box'>
+    <label for="any_login_form_toggle" id="any_login_form_toggle_label">
+      <%= render 'any_login/svg/user', :title => AnyLogin.klass %>
+    </label>
+    <input type="checkbox" id="any_login_form_toggle" <%= AnyLogin.auto_show ? "checked" : "" %>>
+    <span id='any_login_box'>
       <%= any_login_select %>
       or by
       <%= any_login_id_input %>
@@ -11,136 +17,3 @@
     </span>
   <% end %>
 </div>
-
-<script type="text/javascript" charset="utf-8">
-  Element.prototype.hasClass = function (className) {
-      return new RegExp(' ' + className + ' ').test(' ' + this.className + ' ');
-  };
-
-  Element.prototype.addClass = function (className) {
-      if (!this.hasClass(className)) {
-          this.className += ' ' + className;
-      }
-  };
-
-  Element.prototype.removeClass = function (className) {
-      var newClass = ' ' + this.className.replace(/[\t\r\n]/g, ' ') + ' '
-      if (this.hasClass(className)) {
-          while (newClass.indexOf( ' ' + className + ' ') >= 0) {
-              newClass = newClass.replace(' ' + className + ' ', ' ');
-          }
-          this.className = newClass.replace(/^\s+|\s+$/g, ' ');
-      }
-  };
-  Element.prototype.toggleClass = function (className) {
-      var newClass = ' ' + this.className.replace(/[\t\r\n]/g, " ") + ' ';
-      if (this.hasClass(className)) {
-          while (newClass.indexOf(" " + className + " ") >= 0) {
-              newClass = newClass.replace(" " + className + " ", " ");
-          }
-          this.className = newClass.replace(/^\s+|\s+$/g, ' ');
-      } else {
-          this.className += ' ' + className;
-      }
-  };
-
-  var AnyLogin = {};
-  AnyLogin.on_image_click = function() {
-      var elem = document.getElementById('any_login_box');
-      elem.toggleClass("hidden_box");
-      elem.toggleClass("visible_box");
-  };
-  AnyLogin.on_select_change = function() {
-      document.getElementById('any_login_form').submit();
-  };
-</script>
-
-<style type="text/css" media="screen">
-  #any_login {
-    position: fixed;
-    opacity: 0.5;
-    background: #5c4383;
-    color: white;
-    font-size: 16px;
-    line-height: 20px;
-    z-index: 10000;
-  }
-  #any_login form {
-    padding: 0;
-    margin: 0;
-    height: auto;
-  }
-  #any_login input, #any_login select {
-    color: black;
-    padding: 0;
-    margin: 0;
-    height: auto;
-    float: none;
-    text-decoration: none;
-    position: unset;
-    left: auto;
-    top: auto;
-    font-size: auto;
-    line-height: auto;
-  }
-  #any_login .hidden_box {
-    display: none;
-  }
-  #any_login .visible_box {
-    display: inline;
-  }
-  #any_login.any_login_top_left {
-    top: 0;
-    left: 0;
-  }
-  #any_login.any_login_top_right {
-    top: 0;
-    right: 0;
-  }
-  #any_login.any_login_bottom_left {
-    bottom: 0;
-    left: 0;
-  }
-  #any_login.any_login_bottom_right {
-    bottom: 0;
-    right: 0;
-  }
-  #any_login.any_login_visible {
-    opacity: 1;
-  }
-  #any_login img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-  #any_login:hover {
-    opacity: 1;
-  }
-  #any_login form {
-    padding: 4px 6px;
-  }
-  #any_login span {
-    display: none;
-    vertical-align: middle;
-  }
-  #any_login.any_login_auto_show span {
-    display: inline;
-  }
-  #any_login .any_login_user_information {
-    padding-left: 10px;
-    color: yellow;
-  }
-  #any_login #any_login_id_input {
-    width: 30px;
-  }
-  #any_login span#current_user_information {
-    display: inline;
-  }
-  #any_login span#current_user_information span {
-    display: inline;
-  }
-  #any_login span#anylogin_back_to_user {
-    padding-left: 15px;
-    color: cyan;
-    display: inline;
-  }  
-</style>

data/app/views/any_login/svg/_user.html.erb

@@ -0,0 +1,13 @@
+<?xml version="1.0" ?>
+<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" height="16" width="16" role="img"
+  xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <title><%= title %></title>
+  <g id="info" />
+  <g id="icons">
+    <g id="user">
+      <ellipse cx="12" cy="8" rx="5" ry="6" />
+      <path
+        d="M21.8,19.1c-0.9-1.8-2.6-3.3-4.8-4.2c-0.6-0.2-1.3-0.2-1.8,0.1c-1,0.6-2,0.9-3.2,0.9s-2.2-0.3-3.2-0.9    C8.3,14.8,7.6,14.7,7,15c-2.2,0.9-3.9,2.4-4.8,4.2C1.5,20.5,2.6,22,4.1,22h15.8C21.4,22,22.5,20.5,21.8,19.1z" />
+    </g>
+  </g>
+</svg>

data/config/routes.rb

@@ -1,4 +1,6 @@
 AnyLogin::Engine.routes.draw do
+  get '/any_login/js' => 'application#js', as: :js
+  get '/any_login/css' => 'application#css', as: :css
   post '/any_login/sign_in' => 'application#any_login', as: :sign_in
 end
 

data/lib/any_login/engine.rb

@@ -2,10 +2,6 @@ module AnyLogin
   class Engine < ::Rails::Engine
     isolate_namespace AnyLogin
 
-    initializer 'any_login.assets_precompile', :group => :all do |app|
-      app.config.assets.precompile += ['any_login/person.png']
-    end
-
     initializer 'any_login.helpers' do
       load_provider
       ActiveSupport.on_load :action_controller do

data/lib/any_login/helpers.rb

@@ -53,7 +53,6 @@ module AnyLogin
 
       def select_html_options(prompt = AnyLogin.select_prompt)
         options = {}
-        options[:onchange] = 'AnyLogin.on_select_change();' if AnyLogin.login_on == :both
         options[:prompt] = prompt
         options
       end
@@ -61,7 +60,6 @@ module AnyLogin
       def any_login_klasses
         klasses = []
         klasses << "any_login_#{AnyLogin.position || 'bottom_left'}"
-        klasses << 'any_login_auto_show' if AnyLogin.auto_show
         klasses.join(' ')
       end
 

data/lib/any_login/version.rb

@@ -1,3 +1,3 @@
 module AnyLogin
-  VERSION = '1.5.0'
+  VERSION = '1.5.1'
 end

data/test/authlogic/integration/navigation_test.rb

@@ -15,7 +15,7 @@ class NavigationTest < ActionDispatch::IntegrationTest
   test "it properly logs users in and allows access to the secret page" do
     visit "/"
 
-    find("#any_login_form").click
+    find("#any_login_form_toggle_label").click
     find('#selected_id option:last-of-type').select_option
 
     visit "/about"

data/test/clearance/integration/navigation_test.rb

@@ -14,7 +14,7 @@ class NavigationTest < ActionDispatch::IntegrationTest
   test "it properly logs users in and allows access to the secret page" do
     visit "/"
 
-    find("#any_login_form").click
+    find("#any_login_form_toggle_label").click
     find('#selected_id option:last-of-type').select_option
 
     visit "/about"

data/test/devise/integration/navigation_test.rb

@@ -14,7 +14,7 @@ class NavigationTest < ActionDispatch::IntegrationTest
   test "it properly logs users in and allows access to the secret page" do
     visit "/"
 
-    find("#any_login_form").click
+    find("#any_login_form_toggle_label").click
     # There is an instability in the test suite where the option on the dropdown sometimes shows
     # up as `1` and sometimes shows up as `test@test.com`. This works around the issue.
     find('#selected_id option:last-of-type').select_option

data/test/sorcery/integration/navigation_test.rb

@@ -14,7 +14,7 @@ class NavigationTest < ActionDispatch::IntegrationTest
   test "it properly logs users in and allows access to the secret page" do
     visit "/"
 
-    find("#any_login_form").click
+    find("#any_login_form_toggle_label").click
     find('#selected_id option:last-of-type').select_option
 
     visit "/about"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: any_login
 version: !ruby/object:Gem::Version
-  version: 1.5.0
+  version: 1.5.1
 platform: ruby
 authors:
 - Igor Kasyanchuk
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-29 00:00:00.000000000 Z
+date: 2022-08-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -48,9 +48,11 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - Rakefile
-- app/assets/images/any_login/person.png
+- app/assets/javascripts/any_login/application.js
+- app/assets/stylesheets/any_login/application.css
 - app/controllers/any_login/application_controller.rb
 - app/views/any_login/_any_login.html.erb
+- app/views/any_login/svg/_user.html.erb
 - config/routes.rb
 - lib/any_login.rb
 - lib/any_login/collection.rb