lesli_shield 0.1.1 → 1.0.1

data/app/views/devise/registrations/new.html.erb

@@ -1,9 +1,7 @@
-<%
-=begin
-
+<%#
 Lesli
 
-Copyright (c) 2023, Lesli Technologies, S. A.
+Copyright (c) 2025, Lesli Technologies, S. A.
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
@@ -29,102 +27,45 @@ Building a better future, one line of code at a time.
 
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-=end
 %>
 
 
 <%= render("lesli/wrappers/application-devise", title:"Create an account to discover Lesli") do %>
 
     <%# Log in form %>
-    <form @submit.prevent="postRegistration" method="post">
-        <div class="field mb-4">
-            <label for="user_email" class="label">E-mail address</label>
-            <div class="control has-icons-left has-icons-right">
-                <input
-                    id="user_email"
-                    name="user_email"
-                    type="email"
-                    ref="email"
-                    :class="['input', `is-${notification.type}`]"
-                    placeholder="hello@lesli.cloud"
-                    v-model="sign_up.email"
-                    @input="typing">
-                <span 
-                    class="icon is-small is-left" 
-                    :class="['icon', 'is-small', 'is-left', `has-text-${notification.type}`]">
-                    <i class="ri-mail-fill"></i>
-                </span>
-            </div>
-        </div>
-
-        <div class="field mb-5">
-            <label for="user_password" class="label">Password</label>
-            <div class="control has-icons-left has-icons-right">
-                <input
-                    id="user_password"
-                    name="user_password"
-                    type="password"
-                    ref="password"
-                    :class="['input', `is-${notification.type}`]"
-                    placeholder="* * * * * * *"
-                    v-model="sign_up.password"
-                    @input="typing">
-                <span 
-                    :class="['icon', 'is-small', 'is-left', `has-text-${notification.type}`]">
-                    <i class="ri-key-fill"></i>
-                </span>
-                <span 
-                    @click="togglePasswordInput()"
-                    :class="['icon', 'is-small', 'is-right', `has-text-${notification.type}`]">
-                    <i class="ri-eye-fill"></i>
-                </span>
-            </div>
-            <p v-cloak v-if="notification.show" :class="['help', `is-${notification.type}`]">
-                {{ notification.message }}
-            </p> 
-        </div>
+    <%= form_for(
+        resource, 
+        as: resource_name, 
+        url: user_registration_path,
+        builder: LesliView::Forms::Builder
+        ) do |form| %>
+
+        <%= form.field_control_builder(
+            label_html:form.label(:email, "E-mail address"), 
+            control_html:form.email_field(:email, autofocus: true, autocomplete: "email", placeholder: Lesli.config.company[:email]),
+            category: flash.first&.first,
+            icon: "person"
+        ) %>
+
+        <%= form.field_control_builder(
+            label_html:form.label(:password), 
+            control_html:form.password_field(:password, autocomplete: "current-password", placeholder: "* * * * * *"),
+            message_text: flash.first&.second,
+            category: flash.first&.first,
+            icon: "key"
+        ) %>
 
         <div class="field mb-5">
             <p>Password needs to contain:</p>
             <ul class="pl-3 password-requirements">
-                <li :class="[
-                        'icon-text', 'is-block', {
-                            'has-text-danger': password_uppercase == 1,
-                            'has-text-success': password_uppercase == 2
-                        }
-                    ]">
-                    <span class="text">
-                        &bull; minimum  one uppercase letter
-                    </span>
-                    <span class="icon">
-                        <i class="ri-eye-fill"></i>
-                    </span>
+                <li>
+                    &bull; Minimum  one uppercase letter
                 </li>
-                <li :class="[
-                        'icon-text', 'is-block', {
-                            'has-text-danger': password_symbol == 1,
-                            'has-text-success': password_symbol == 2
-                        }
-                    ]">
-                    <span class="text">
-                        &bull; one symbol
-                    </span>
-                    <span class="icon">
-                        <i class="ri-eye-fill"></i>
-                    </span>
+                <li>
+                    &bull; One symbol
                 </li>
-                <li :class="[
-                        'icon-text', 'is-block', {
-                            'has-text-danger': password_number == 1,
-                            'has-text-success': password_number == 2
-                        }
-                    ]">
-                    <span class="text">
-                        &bull; one number
-                    </span>
-                    <span class="icon">
-                        <i class="ri-eye-fill"></i>
-                    </span>
+                <li>
+                    &bull; One number
                 </li>
             </ul>
         </div>
@@ -136,16 +77,21 @@ Building a better future, one line of code at a time.
             </p>
         </div>
 
-        <div class="field">
+        <div class="field mb-4 mt-5">
             <div class="control is-fullwidth">
-                <input type="submit" class="button is-primary is-fullwidth mb-2" value="Create account">
-                <p class="account has-text-centered">
-                    Already have an account? 
-                    <%= link_to new_user_session_path, :class => "has-text-primary" do %>
-                        <u><b>Log in</b></u>
-                    <% end %>
-                </p> 
+                <button 
+                    type="submit" 
+                    class="button is-primary is-fullwidth mb-2">
+                    Create account
+                </button>
             </div>
         </div>
-    </form>
+
+        <p class="account has-text-centered">
+            Already have an account? 
+            <%= link_to(new_user_session_path, :class => "has-text-primary") do %>
+                <u><b>Log in</b></u>
+            <% end %>
+        </p> 
+    <% end %>
 <% end %>

data/app/views/devise/sessions/new.html.erb

@@ -1,9 +1,8 @@
-<%
-=begin
+<%#
 
 Lesli
 
-Copyright (c) 2023, Lesli Technologies, S. A.
+Copyright (c) 2025, Lesli Technologies, S. A.
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
@@ -20,7 +19,7 @@ along with this program. If not, see http://www.gnu.org/licenses/.
 
 Lesli · Ruby on Rails SaaS Development Framework.
 
-Made with ♥ by https://www.lesli.tech
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -29,86 +28,67 @@ Building a better future, one line of code at a time.
 
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-=end
+%>
+
+<% 
+if Lesli.config.demo
+    resource.email = Lesli.config.company[:email]
+    resource.password = Lesli.config.security[:password]
+end
 %>
 
 <%= render("lesli/wrappers/application-devise", title:"Welcome to Lesli") do %>
 
-    <%# Log in form %>
-    <form @submit.prevent="postLogin" method="post">
+    <%= form_for(
+        resource, 
+        as: resource_name, 
+        url: user_session_path,
+        builder: LesliView::Forms::Builder
+        ) do |form| %>
+
         <% if Lesli.config.demo %>
             <%= render("devise/shared/demo") %>
         <% end %>
-        <div class="field mb-4">
-            <label for="user_email" class="label">E-mail address</label>
-            <div class="control has-icons-left has-icons-right">
-                <input
-                    required
-                    id="user_email"
-                    name="user_email"
-                    type="email"
-                    ref="email"
-                    :class="['input', `is-${notification.type}`]"
-                    placeholder="hello@lesli.tech"
-                    v-model="sign_in.email"
-                    @input="typing">
-                <span :class="['icon', 'is-small', 'is-left', `has-text-${notification.type}`]">
-                    <i class="ri-user-line"></i>
-                </span>
-            </div>
-        </div>
-        <div class="field mb-5">
-            <label for="user_password" class="label">Password</label>
-            <div class="control has-icons-left has-icons-right">
-                <input
-                    required
-                    id="user_password"
-                    name="user_password"
-                    type="password"
-                    ref="password"
-                    :class="['input', `is-${notification.type}`]"
-                    placeholder="* * * * * * *"
-                    v-model="sign_in.password"
-                    @input="typing">
-                <span :class="['icon', 'is-small', 'is-left', `has-text-${notification.type}`]">
-                    <i class="ri-key-fill"></i>
-                </span>
-                <span 
-                    @click="togglePasswordInput()"
-                    :class="['icon', 'is-small', 'is-right', `has-text-${notification.type}`]">
-                    <i class="ri-eye-fill"></i>
-                </span>
-            </div>
-            <p v-cloak v-if="notification.show" :class="['help', `is-${notification.type}`]">
-                {{ notification.message }}
-            </p> 
-        </div>
 
-        <div class="field mb-6">
+        <%= form.field_control_builder(
+            label_html:form.label(:email, "E-mail address"), 
+            control_html:form.email_field(:email, autofocus: true, autocomplete: "email", placeholder: Lesli.config.company[:email]),
+            category: flash.first&.first,
+            icon: "person"
+        ) %>
+
+        <%= form.field_control_builder(
+            label_html:form.label(:password), 
+            control_html:form.password_field(:password, autocomplete: "current-password", placeholder: "* * * * * *"),
+            message_text: flash.first&.second,
+            category: flash.first&.first,
+            icon: "key"
+        ) %>
+
+        <% if params[:r].presence %>
+            <%= tag(:input, :type => "hidden", :name => "user[redirect]", :value => params[:r]) %>
+        <% end %>
+
+        <div class="field mb-4 mt-5">
             <div class="control is-fullwidth">
                 <button 
                     type="submit" 
-                    :class="['button', 'is-primary', 'is-fullwidth', 'mb-2', {'is-loading':loading}]">
+                    class="button is-primary is-fullwidth mb-2">
                     Log in
                 </button>
-                <% if Lesli.config.security.dig(:allow_registration) %>
-                    <p class="account has-text-centered">
-                        Still not registered? 
-                        <%= link_to(new_user_registration_path, :class => "has-text-primary") do %>
-                            <u><b>Create account</b></u>
-                        <% end %>
-                    </p> 
-                <% end %>
             </div>
         </div>
 
-        <div class="field mb-6" v-if="false">
-            <p class="message has-text-success">
-                Registration successfully done. Please check your E-mail to activate your account.
-            </p>
-        </div>
-    </form>
+        <% if Lesli.config.security.dig(:allow_registration) %>
+            <p class="account has-text-centered">
+                Still not registered? 
+                <%= link_to(new_user_registration_path, :class => "has-text-primary") do %>
+                    <u><b>Create account</b></u>
+                <% end %>
+            </p> 
+        <% end %>
 
-    <%= render("devise/shared/links", password_reset:true, magic_link:false, otp:false) %>
+    <% end %>
 
+    <%= render("devise/shared/links", password_reset:true, magic_link:false, otp:false) %>  
 <% end %>

data/app/views/devise/shared/_demo.html.erb

@@ -1,7 +1,6 @@
-<div class="field mb-5 demo">
-    <fieldset>
-        <legend>demo account</legend>
-        <p><small><b>Username:</b> hello@lesli.tech</small></label>
-        <p><small><b>Password:</b> Tardis2024$</small></p>
-    </fieldset>
-</div>
+
+<fieldset class="shield-form-demo mb-4 px-4 pb-2">
+    <legend>demo account</legend>
+    <p><small><b>Username: </b><%= Lesli.config.company[:email] %></small></label>
+    <p><small><b>Password: </b><%= Lesli.config.security[:password] %></small></p>
+</fieldset>

data/app/views/devise/shared/_error_messages.html.erb

@@ -1,15 +1,29 @@
+
+<% if flash[:danger] %>
+    <div class="notification is-danger">
+        <%= flash[:danger] %>
+    </div>
+<% end %>
+
+<% if flash[:success] %>
+    <div class="notification is-success">
+        <%= flash[:success] %>
+    </div>
+<% end %>
+
+
 <% if resource.errors.any? %>
-  <div id="error_explanation" data-turbo-cache="false">
-    <h2>
-      <%= I18n.t("errors.messages.not_saved",
-                 count: resource.errors.count,
-                 resource: resource.class.model_name.human.downcase)
-       %>
-    </h2>
-    <ul>
-      <% resource.errors.full_messages.each do |message| %>
-        <li><%= message %></li>
-      <% end %>
-    </ul>
-  </div>
+    <div id="error_explanation" data-turbo-cache="false">
+        <h5 class="is-size-5">
+            <%= I18n.t("errors.messages.not_saved",
+                count: resource.errors.count,
+                resource: resource.class.model_name.human.downcase)
+            %>
+        </h5>
+        <ul>
+            <% resource.errors.full_messages.each do |message| %>
+                <li class="has-text-danger"><%= message %></li>
+            <% end %>
+        </ul>
+    </div>
 <% end %>

data/app/views/devise/shared/_links.html.erb

@@ -37,7 +37,7 @@ Building a better future, one line of code at a time.
 <% magic_link = defined?(magic_link) ? magic_link : false %>
 <% otp = defined?(otp) ? otp : false %>
 
-<div class="links">
+<div class="links mt-4">
 
     <% if login %>
         <%= link_to(new_user_session_path) do %>

data/app/views/lesli_shield/dashboards/index.html.erb

@@ -1 +1,9 @@
+<turbo-frame id="dashboard">
+  <h1>Dashboard</h1>
+  <%= link_to 'Go to Sessions', lesli_shield.sessions_path, data: { turbo_frame: '_top' } %>
+</turbo-frame>
+
+
+
+
 <router-view></router-view>

data/app/views/lesli_shield/dashboards/show.html.erb

@@ -1 +1 @@
-<router-view></router-view>
+<%= render("/lesli/shared/dashboards/show") %>

data/app/views/lesli_shield/partials/_navigation.html.erb

@@ -0,0 +1,39 @@
+<%
+=begin
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+=end
+%>
+
+<%= navigation_item(lesli_shield.dashboard_path, "Dashboard", "ri-dashboard-3-line"); %>
+<%= navigation_item(lesli_shield.users_path, "Users", "ri-user-line"); %>
+<%= navigation_item(lesli_shield.sessions_path, "Sessions", "ri-lock-line") %>
+<%= navigation_item(lesli_shield.roles_path, "Roles", "ri-shield-user-line") %>
+<%= navigation_item(lesli_shield.settings_path, "Settings", "ri-settings-3-line") %>

data/app/views/lesli_shield/roles/_form-information.html.erb

@@ -0,0 +1,21 @@
+<%= form_with(model: @role, builder: LesliView::Forms::Builder) do |form| %>
+    <%= form.fieldset do %>
+        <%= form.field_control(:name) %>
+        <div class="columns">
+            <div class="column">
+                <%= form.field_control_select(:active, [["Activo", true], ["Desactivado", false]], label: "Status") %>
+            </div>
+            <div class="column">
+                <%#= form.field_control_select(:isolated, LesliBabel::Label.prefixes) %>
+            </div>
+        </div>
+        <%= form.field_control(:description) %>
+        <%= form.field_control(:active) %>
+        <%= form.field_control(:path_default) %>
+        <%= form.field_control(:path_limited) %>
+        <%= form.field_control(:isolated) %>
+        <%= form.field_control(:permission_level) %>
+        <hr/>
+        <%= form.field_control_submit %>
+    <% end %>        
+<% end %>

data/app/views/lesli_shield/roles/_form-privileges.html.erb

@@ -0,0 +1,104 @@
+
+<%
+columns = [{
+    label: "Controller"
+}, {
+    label: "List"
+}, {
+    label: "Index"
+}, {
+    label: "Show"
+}, {
+    label: "Create"
+}, {
+    label: "Update"
+}, {
+    label: "Destroy"
+}, {
+    label: ""
+}]
+%>
+
+
+<style>
+.mini-toggle {
+    position: relative;
+    width: 40px;
+    height: 20px;
+    background: #ccc;
+    border-radius: 9999px;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    transition: background 0.25s ease;
+    display: inline-block;
+}
+
+.mini-toggle.active {
+    background: #22c55e; /* green */
+    background: var(--lesli-color-primary)
+}
+
+.mini-toggle-slider {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 16px;
+    height: 16px;
+    background: white;
+    border-radius: 50%;
+    transition: transform 0.25s ease;
+}
+
+.mini-toggle.active .mini-toggle-slider {
+    transform: translateX(20px);
+}
+</style>
+
+<%= render LesliView::Elements::Table.new(:columns => columns) do |table| %>
+    <% @role_actions.each do |controller_name, actions| %>
+        <% table.with_row do |row| %>
+            <% row.with_cell do %>
+                <%= controller_name %>
+            <% end %>
+            <% actions.each do |action_name, action| %>
+                <% row.with_cell do %>
+                    <% if action %>
+                        <%= button_to role_action_path(action),
+                            method: :delete,
+                            class: "mini-toggle #{action[:active] == 1 ? 'active' : ''}",
+                            form: { "x-data" => "toggleForm", "x-on:submit.prevent" => "submit($el)" } do %>
+                            <span class="mini-toggle-slider"></span>
+                        <% end %>
+                    <% end %>
+                <% end %>
+            <% end %>
+        <% end %>
+    <% end %>
+<% end %>
+<script>
+    document.addEventListener('alpine:init', () => {
+        Alpine.data('toggleForm', () => ({
+            submit(form) {
+                const method = form.querySelector('input[name="_method"]')?.value?.toUpperCase() || form.method.toUpperCase();
+                fetch(form.action, {
+                    method: method,
+                    headers: {
+                        'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content,
+                        'Accept': 'text/vnd.turbo-stream.html' // or 'application/json'
+                    },
+                    body: new URLSearchParams(new FormData(form))
+                }).then(response => {
+                    if (!response.ok) throw new Error("Request failed");
+                    return response.text();
+                }).then(() => {
+                    // Success! Toggle the class
+                    form.querySelector('button')?.classList.toggle('active');
+                }).catch(err => {
+                    console.error("Error:", err);
+                    alert("Something went wrong");
+                });
+            }
+        }))
+    });
+</script>

data/app/views/lesli_shield/roles/_session.html.erb

@@ -0,0 +1,2 @@
+<div id="<%= dom_id session %>">
+</div>

data/app/views/lesli_shield/roles/edit.html.erb

@@ -0,0 +1,12 @@
+<% content_for :title, "Editing session" %>
+
+<h1>Editing session</h1>
+
+<%= render "form", session: @session %>
+
+<br>
+
+<div>
+  <%= link_to "Show this session", @session %> |
+  <%= link_to "Back to sessions", sessions_path %>
+</div>

data/app/views/lesli_shield/roles/index.html.erb

@@ -0,0 +1,45 @@
+
+<%
+columns = [{
+    field: "id",
+    label: "ID"
+},{
+    field: "name",
+    label: "Name",
+    sort: true
+}, {
+    field: "users",
+    label: "Users",
+    align: "center",
+    sort: true
+}, {
+    field: "actions",
+    label: "Actions",
+    align: "center",
+    sort: true
+}, {
+    field: "isolated",
+    label: "Isolated",
+    sort: true
+}, {
+    field: "active",
+    label: "Active",
+    sort: true
+}]
+%>
+<%= render LesliView::Layout::Container.new("shield-roles") do %>
+    <%= render LesliView::Components::Header.new("Roles") do %>
+        <%= render(LesliView::Elements::Button.new(icon: "add", solid:true)) do %>
+            Add new
+        <% end %>
+        <%= render(LesliView::Elements::Button.new(icon: "refresh")) do %>
+            Reload
+        <% end %>
+    <% end %>
+    <%= render LesliView::Components::Toolbar.new() %>
+    <%= render(LesliView::Elements::Table.new(
+        columns: columns,
+        records: @roles[:records],
+        link: lambda {|role| role_path(role.id) }
+    )) %>
+<% end %> 

data/app/views/lesli_shield/roles/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for :title, "New session" %>
+
+<h1>New session</h1>
+
+<%= render "form", session: @session %>
+
+<br>
+
+<div>
+  <%= link_to "Back to sessions", sessions_path %>
+</div>

data/app/views/lesli_shield/roles/show.html.erb

@@ -0,0 +1,13 @@
+<%= render LesliView::Layout::Container.new("shield-roles-show") do %>
+    <%= render LesliView::Components::Header.new(@role.name) do %>
+    <% end %>
+
+    <%= render LesliView::Components::Tabs.new() do |tabs| %>
+        <% tabs.with_tab(title:"privileges", icon:"security") do %>
+            <%= render "form-privileges" %>
+        <% end %>
+        <% tabs.with_tab(title:"information", icon:"info_outline") do %>
+            <%= render "form-information" %>
+        <% end %>
+    <% end %>
+<% end %>