easy-admin-rails 0.2.5 → 0.2.7

data/app/components/easy_admin/profile/profile_tab_component.rb

@@ -0,0 +1,92 @@
+module EasyAdmin
+  module Profile
+    class ProfileTabComponent < BaseComponent
+      def initialize(user:)
+        @user = user
+      end
+      
+      def view_template
+        div do
+          # Section header
+          div(class: "mb-6") do
+            h2(class: "text-lg font-medium text-gray-900") { "Profile Information" }
+            p(class: "text-sm text-gray-600 mt-1") { "Update your personal information" }
+          end
+          
+          # Profile form
+          form(action: EasyAdmin::Engine.routes.url_helpers.update_profile_path, method: :patch) do
+            # Rails CSRF token
+            input(type: "hidden", name: "authenticity_token", value: helpers.form_authenticity_token) if helpers.respond_to?(:form_authenticity_token)
+            # Rails method spoofing for PATCH
+            input(type: "hidden", name: "_method", value: "patch")
+            
+            div(class: "space-y-6") do
+              # First Name
+              div do
+                label(for: "admin_user_first_name", class: "block text-sm font-medium text-gray-700 mb-2") { "First Name" }
+                input(
+                  type: "text",
+                  name: "admin_user[first_name]",
+                  id: "admin_user_first_name",
+                  value: @user.first_name,
+                  class: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
+                  placeholder: "Enter your first name"
+                )
+                render_field_errors(@user, :first_name)
+              end
+              
+              # Last Name  
+              div do
+                label(for: "admin_user_last_name", class: "block text-sm font-medium text-gray-700 mb-2") { "Last Name" }
+                input(
+                  type: "text",
+                  name: "admin_user[last_name]",
+                  id: "admin_user_last_name", 
+                  value: @user.last_name,
+                  class: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
+                  placeholder: "Enter your last name"
+                )
+                render_field_errors(@user, :last_name)
+              end
+              
+              # Email
+              div do
+                label(for: "admin_user_email", class: "block text-sm font-medium text-gray-700 mb-2") { "Email" }
+                input(
+                  type: "email",
+                  name: "admin_user[email]",
+                  id: "admin_user_email",
+                  value: @user.email,
+                  class: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
+                  placeholder: "Enter your email address"
+                )
+                render_field_errors(@user, :email)
+              end
+              
+              # Submit button
+              div do
+                input(
+                  type: "submit",
+                  value: "Update Profile",
+                  class: "bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors cursor-pointer"
+                )
+              end
+            end
+          end
+        end
+      end
+      
+      private
+      
+      def render_field_errors(object, field)
+        return unless object.errors[field].any?
+        
+        div(class: "mt-1") do
+          object.errors[field].each do |error|
+            p(class: "text-sm text-red-600") { error }
+          end
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/profile/security_tab_component.rb

@@ -0,0 +1,53 @@
+module EasyAdmin
+  module Profile
+    class SecurityTabComponent < BaseComponent
+      def initialize(user:)
+        @user = user
+      end
+      
+      def view_template
+        div(class: "space-y-8") do
+          # Password section
+          render_password_section
+          
+          # Two-factor authentication section
+          div(id: "two_factor_section") do
+            render_two_factor_section
+          end
+        end
+      end
+      
+      private
+      
+      def render_password_section
+        div do
+          # Section header
+          div(class: "mb-6") do
+            h2(class: "text-lg font-medium text-gray-900") { "Change Password" }
+            p(class: "text-sm text-gray-600 mt-1") { "Update your password to keep your account secure" }
+          end
+          
+          # Change password button
+          a(
+            href: EasyAdmin::Engine.routes.url_helpers.change_password_path,
+            class: "bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors",
+            data: { turbo_frame: "modal" }
+          ) { "Change Password" }
+        end
+      end
+      
+      def render_two_factor_section
+        div(class: "pt-8 border-t border-gray-200") do
+          # Section header
+          div(class: "mb-6") do
+            h2(class: "text-lg font-medium text-gray-900") { "Two-Factor Authentication" }
+            p(class: "text-sm text-gray-600 mt-1") { "Add an extra layer of security to your account" }
+          end
+          
+          # 2FA status and actions
+          render EasyAdmin::TwoFactor::StatusComponent.new(user: @user)
+        end
+      end
+    end
+  end
+end

data/app/components/easy_admin/profile/settings_component.rb

@@ -0,0 +1,103 @@
+module EasyAdmin
+  module Profile
+    class SettingsComponent < BaseComponent
+      def initialize(user:)
+        @user = user
+      end
+      
+      def view_template
+        div(class: "min-h-screen bg-gray-50 py-6") do
+          div(class: "max-w-6xl mx-auto px-6") do
+            # Page header
+            div(class: "mb-8") do
+              h1(class: "text-2xl font-semibold text-gray-900") { "Settings" }
+              p(class: "text-gray-600 mt-1") { "Manage your account settings and preferences" }
+            end
+            
+            # Settings layout with vertical tabs
+            div(
+              class: "bg-white rounded-lg overflow-hidden",
+              data: { controller: "vertical-tabs" }
+            ) do
+              div(class: "flex") do
+                # Left sidebar - Tab navigation
+                render_tab_navigation
+                
+                # Right content area
+                render_content_area
+              end
+            end
+          end
+        end
+      end
+      
+      private
+      
+      def render_tab_navigation
+        nav(class: "w-64 bg-gray-50 border-r border-gray-200 py-6") do
+          div(class: "px-4") do
+            render_tab_item("profile", "Profile", profile_icon, active: true)
+            render_tab_item("security", "Security", security_icon)
+          end
+        end
+      end
+      
+      def render_tab_item(tab_id, label, icon_svg, active: false)
+        button(
+          class: "w-full flex items-center px-3 py-2 mb-2 text-left rounded-lg transition-colors #{tab_classes(active)}",
+          data: {
+            action: "click->vertical-tabs#switchTab",
+            vertical_tabs_target: "tab",
+            tab_id: tab_id
+          }
+        ) do
+          div(class: "w-5 h-5 mr-3") { unsafe_raw(icon_svg) }
+          span(class: "font-medium") { label }
+        end
+      end
+      
+      def render_content_area
+        div(class: "flex-1 p-6") do
+          # Profile tab content
+          div(
+            class: "tab-content",
+            data: { 
+              vertical_tabs_target: "content",
+              tab_id: "profile"
+            }
+          ) do
+            render EasyAdmin::Profile::ProfileTabComponent.new(user: @user)
+          end
+          
+          # Security tab content
+          div(
+            class: "tab-content hidden",
+            data: { 
+              vertical_tabs_target: "content",
+              tab_id: "security"
+            }
+          ) do
+            render EasyAdmin::Profile::SecurityTabComponent.new(user: @user)
+          end
+        end
+      end
+      
+      def tab_classes(active)
+        if active
+          "bg-blue-50 text-blue-700 border-blue-200"
+        else
+          "text-gray-700 hover:bg-gray-100 hover:text-gray-900"
+        end
+      end
+      
+      # SVG Icons
+      def profile_icon
+        '<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>'
+      end
+      
+      def security_icon
+        '<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>'
+      end
+    end
+  end
+end