lato 3.11.9 → 3.11.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 222f7dc438f08dabcf4d33854937700faade02f929de89cca6d1053a557214fd
-  data.tar.gz: 041baf847c3a2e3c81836b03c65dc24a65a99ff19c212b3a6e87f578445b9468
+  metadata.gz: 7abffc5a49ac1151620093bbbc20eb6d6ca0f07f8cf743344cf6b5534096313b
+  data.tar.gz: d843192122d7b1ea406cbeb1f24870ed12a0fe241cb69f1f15a1a1f0fe6cf3ec
 SHA512:
-  metadata.gz: d0fbc49d3448808a0de5646d77a6b351214e5e0bee58357f03558125a52e8210082e2b99f0f7ab3988b80f0b623af5b0b0fbb9b744e90ba7da5c45c72128cc74
-  data.tar.gz: 586f4f7b1e51c93f45e8ff805417aec787d861df059d16671363c71c2b95c9d725c1a597fd08f643203019bc99272912128ac92ef1c3cab8a8e350104bb85161
+  metadata.gz: cf8863f913bee9ec716455993de1c158cd154bb4f20bfcfe252e158ed8526979a2c2daba47d566901bb9f6ae09ece88d5dbf18bdda957547a7c4b4d7700408fa
+  data.tar.gz: 94a979f232325dd11c41fc657562f21d27ab12ce3744e1573df93fc547938c525847181bcee4e440dbb0113c4bec4551faa265347aab13b16949685c4df100fe

data/README.md

@@ -5,15 +5,15 @@
 Lato is a Rails Engine to deliver a full featured web panel for your [Rails](https://rubyonrails.org/) application.
 
 This gem includes:
-- User management with full authentication (signin, signup, recover password, email validation, Google Authenticator multi-factor authentication, ETH wallet connection);
-- Web panel UI (Navbar, Sidebar, Body) with [Bootstrap](https://getbootstrap.com/) and [Bootstrap Icons](https://icons.getbootstrap.com/) integrated;
-- Some UI components ready to use integrated with Rails (data tables, forms, modals, async job executions);
+- User management with **full authentication system** (signin, signup, recover password, email validation, Google Authenticator multi-factor authentication, ETH wallet connection) and **account management** (user settings, password change, email change, etc.);
+- **Web interface** built with [Bootstrap](https://getbootstrap.com/) and [Bootstrap Icons](https://icons.getbootstrap.com/);
+- **UI components integrated with Rails** (data tables, forms, modals, async job executions etc.);
 
-The gem is designed to be easily **customizable and extendable**. You can fully customize the UI and the functionalities of the panel. You can also add new functionalities and components to the panel on the main application or develop new engines to extend the panel.
+The gem is **agnostic to the application stack**. You can use it with different databases (PostgreSQL, MySQL, SQLite), different Job processors (Solid queue, Sidekiq, Delayed Job, etc.), different cache systems (Redis, Memcached, etc.).
 
-The gem is ready to be used with the **latest Rails 7+** features like **[ESM import maps](https://github.com/rails/importmap-rails)**, **[Turbo](https://turbo.hotwired.dev/)** and **[Stimulus](https://stimulus.hotwired.dev)**.
+The gem is designed to be easily **customizable and extendable**. You can fully customize the UI and the functionalities of the panel. You can also add new functionalities and components to the panel on the main application or develop new engines to extend the panel.
 
-The front-end is designed to be responsive, mobile friendly and accessible.
+The gem is ready to be used with the **latest Rails 7+** features like **[ESM import maps](https://github.com/rails/importmap-rails)**, **[Turbo](https://turbo.hotwired.dev/)** and **[Stimulus](https://stimulus.hotwired.dev)**. The front-end is designed to be responsive, mobile friendly and accessible.
 
 <img src="./preview.gif" alt="Lato preview" width="100%">
 

data/app/assets/javascripts/lato/controllers/lato_account_form_user_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [
+    'emailInput',
+    'validateEmailLink'
+  ]
+
+  connect() {
+    if (this.hasEmailInputTarget) this.emailInputOriginalValue = this.emailInputTarget.value
+  }
+
+  onEmailKeyUp(e) {
+    if (!this.hasEmailInputTarget || !this.hasValidateEmailLinkTarget) return
+
+    const newEmailInputValue = this.emailInputTarget.value
+    if (this.emailInputOriginalValue !== newEmailInputValue) {
+      this.validateEmailLinkTarget.classList.add('opacity-50')
+      this.validateEmailLinkTarget.style.pointerEvents = 'none'
+    } else {
+      this.validateEmailLinkTarget.classList.remove('opacity-50')
+      this.validateEmailLinkTarget.style.pointerEvents = 'auto'
+    }
+  } 
+}

data/app/assets/javascripts/lato/controllers/lato_confirm_controller.js

@@ -8,6 +8,15 @@ export default class extends Controller {
   connect() {
     this.modal = new bootstrap.Modal(this.element)
     Turbo.setConfirmMethod(this.customConfirm.bind(this))
+
+    this.element.style.zIndex = 2001
+    this.element.addEventListener('show.bs.modal', () => {
+      // update backdrop z-index to be sure is always above other modals
+      setTimeout(() => { // use setTimeout because bsModalBackdropElement is not always ready after 'show.bs.modal' event
+        const bsModalBackdropElement = this.modal._backdrop._element
+        if (bsModalBackdropElement) bsModalBackdropElement.style.zIndex = 2000
+      }, 1)
+    })
   }
 
   disconnect() {

data/app/assets/javascripts/lato/controllers/lato_form_controller.js

@@ -27,6 +27,7 @@ export default class extends Controller {
    * Events
    */
 
+  // This event is used to remove the Bootstrap invalid class from the input when the user starts typing.
   onInputChange(e) {
     e.target.classList.remove('is-invalid')
   }

data/app/assets/javascripts/lato/controllers/lato_index_controller.js

@@ -9,8 +9,12 @@ export default class extends Controller {
   connect() {
   }
 
+  /**
+   * Events
+   */
+
+  // This event is used to reset the pagination when the user types in the search input to start a new search.
   onSearchKeyUp(e) {
-    // Search the input with name "page" inside this.element and force value to 1
     const pageInput = this.element.querySelector('input[name="page"]')
     if (pageInput) pageInput.value = 1
   }

data/app/views/lato/account/_form-user.html.erb

@@ -5,7 +5,7 @@ user ||= Lato::User.new
 %>
 
 <%= turbo_frame_tag 'account_form-user' do %>
-  <%= form_with model: user, url: lato.account_update_user_action_path, data: { turbo_frame: '_self', controller: 'lato-form' } do |form| %>
+  <%= form_with model: user, url: lato.account_update_user_action_path, data: { turbo_frame: '_self', controller: 'lato-form lato-account-form-user' } do |form| %>
     <%= lato_form_notices class: %w[mb-3] %>
     <%= lato_form_errors user, class: %w[mb-3] %>
 
@@ -23,7 +23,7 @@ user ||= Lato::User.new
       <div class="col col-12 col-lg-4 mb-3">
         <%= lato_form_item_label form, :email %>
         <div class="input-group mb-3">
-          <%= lato_form_item_input_email form, :email, required: true %>
+          <%= lato_form_item_input_email form, :email, required: true, data: { lato_account_form_user_target: 'emailInput', action: 'keyup->lato-account-form-user#onEmailKeyUp' } %>
           <% if user.email_verified_at %>
             <button
               class="btn btn-outline-success"
@@ -31,7 +31,7 @@ user ||= Lato::User.new
               aria-label="<%= I18n.t('lato.email_verified') %>"
             ><%= I18n.t('lato.email_verified') %></span>
           <% else %>
-            <%= link_to I18n.t('lato.verify_email'), account_request_verify_email_action_path, class: 'btn btn-warning', data: { turbo_method: :patch, turbo_frame: '_self' }, aria: { label: I18n.t('lato.verify_email') } %>
+            <%= link_to I18n.t('lato.verify_email'), account_request_verify_email_action_path, class: 'btn btn-warning', data: { turbo_method: :patch, turbo_frame: '_self', lato_account_form_user_target: 'validateEmailLink' }, aria: { label: I18n.t('lato.verify_email') } %>
           <% end %>
         </div>
       </div>

data/app/views/layouts/lato/application.html.erb

@@ -52,9 +52,9 @@
     <%= render 'layouts/lato/aside-opener' %>
   <% end %>
   
+  <%= render 'layouts/lato/action' %>
   <%= render 'layouts/lato/confirm' %>
   <%= render 'layouts/lato/feedbacks' %>
-  <%= render 'layouts/lato/action' %>
   <%= render 'layouts/lato/network' %>
 
   <%= render 'layouts/lato/foot_content' %>

data/lib/lato/version.rb

@@ -1,3 +1,3 @@
 module Lato
-  VERSION = "3.11.9"
+  VERSION = "3.11.11"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: lato
 version: !ruby/object:Gem::Version
-  version: 3.11.9
+  version: 3.11.11
 platform: ruby
 authors:
 - Gregorio Galante
@@ -154,6 +154,7 @@ files:
 - app/assets/javascripts/lato/application.js
 - app/assets/javascripts/lato/controllers/application.js
 - app/assets/javascripts/lato/controllers/index.js
+- app/assets/javascripts/lato/controllers/lato_account_form_user_controller.js
 - app/assets/javascripts/lato/controllers/lato_action_controller.js
 - app/assets/javascripts/lato/controllers/lato_aside_opener_controller.js
 - app/assets/javascripts/lato/controllers/lato_confirm_controller.js