RubyGems - lesli_view - Versions diffs - 0.1.0 - Mend

lesli_view 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

checksums.yaml +7 -0
data/Rakefile +8 -0
data/lib/lesli_view/element/button.html.erb +12 -0
data/lib/lesli_view/element/button.rb +72 -0
data/lib/lesli_view/element/form.html.erb +10 -0
data/lib/lesli_view/element/form.rb +51 -0
data/lib/lesli_view/element/header.html.erb +16 -0
data/lib/lesli_view/element/header.rb +46 -0
data/lib/lesli_view/element/table.full.rb +43 -0
data/lib/lesli_view/element/table.html.erb +39 -0
data/lib/lesli_view/element/table.html.full.erb +101 -0
data/lib/lesli_view/element/table.rb +77 -0
data/lib/lesli_view/element/toolbar.html.erb +25 -0
data/lib/lesli_view/element/toolbar.rb +47 -0
data/lib/lesli_view/engine.rb +44 -0
data/lib/lesli_view/layout/container.html.erb +5 -0
data/lib/lesli_view/layout/container.rb +47 -0
data/lib/lesli_view/lesli_view.scss +3 -0
data/lib/lesli_view/version.rb +5 -0
data/lib/lesli_view.rb +25 -0
data/license +674 -0
data/readme.md +95 -0
metadata +81 -0

checksums.yaml ADDED Viewed

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 19c9e421da50c64fc6a723625b31a04840e5480a9334ce506d453f70fe722e6f
+  data.tar.gz: e93732acb2d29e185d74e34b0e6e280598b63fdbd54928f18529d33bccbffed3
+SHA512:
+  metadata.gz: 51d1dd1d6c660d63047174e2f1898c1972b995f8391b06a929d9abe341dbea183cb69118df8ce5f255282ec33aef993f18cb6db1c9dc8b2203f338a44ffd5c0c
+  data.tar.gz: 8274a450b83534a9add823c205d2aa295522bfda1d08b88fd024915cb6e00973d19eb2a861d26c478ae861a83073dc77efb24f04cf85b99bcae2bad74fce6a35

data/Rakefile ADDED Viewed

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+RSpec::Core::RakeTask.new(:spec)
+task default: :spec

data/lib/lesli_view/element/button.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<button class="<%= button_classes %>" data-action="click->button#click">
+    <% if icon %>
+        <span class="icon <%= 'is-small' if small %>">
+            <span class="material-icons"><%= icon %></span>
+        </span>
+    <% end %>
+    <% unless icon_only?(content.present?) %>
+        <span>
+            <%= content %>
+        </span>
+    <% end %>
+</button>

data/lib/lesli_view/element/button.rb ADDED Viewed

@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Element
+        class Button < ViewComponent::Base
+            attr_reader :icon, :loading, :solid, :info, :success, :warning, :danger, :small
+            def initialize(icon: nil, loading: false, solid: false, info: false, success: false, warning: false, danger: false, small: false)
+                @icon = icon
+                @loading = loading
+                @solid = solid
+                @info = info
+                @success = success
+                @warning = warning
+                @danger = danger
+                @small = small
+            end
+            def button_classes
+                classes = ["button", button_variant]
+                classes << "is-light" << "is-outlined" unless solid
+                classes << "is-loading" if loading
+                classes << "is-small" if small
+                classes.join(" ")
+            end
+            def button_variant
+                return "is-warning" if warning
+                return "is-success" if success
+                return "is-danger" if danger
+                return "is-info" if info
+                "is-primary"
+            end
+            def icon_only?(content_present)
+                icon && !content_present
+            end
+        end
+    end
+end

data/lib/lesli_view/element/form.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<form class="lesli-form <%= 'box' unless flat %>">
+    <fieldset <%= editable ? '' : 'disabled' %>>
+        <% if title.present? %>
+            <legend class="is-size-5 mb-3">
+                <%= title %>
+            </legend>
+        <% end %>
+        <%= content %>
+    </fieldset>
+</form>

data/lib/lesli_view/element/form.rb ADDED Viewed

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Element
+        class Form < ViewComponent::Base
+            attr_reader :flat, :title, :editable
+            def initialize(flat: false, title: nil, editable: true)
+                @flat = flat
+                @title = title
+                @editable = editable
+            end
+            def form_with_tag_options
+                { onsubmit: 'event.preventDefault(); submitForm();' }.map { |key, value| "#{key}=\"#{value}\"" }.join(' ').html_safe
+            end
+        end
+    end
+end

data/lib/lesli_view/element/header.html.erb ADDED Viewed

@@ -0,0 +1,16 @@
+<section class="lesli-element-header is-flex">
+    <div class="lesli-element-header-title is-flex is-align-items-center">
+        <% if back %>
+            <button class="button is-info is-outlined mr-4" onclick="history.back()">
+                <span class="material-icons">arrow_back</span>
+            </button>
+        <% end %>
+        <% if title.present? %>
+            <h1 class="subtitle is-size-3"><%= title %></h1>
+        <% end %>
+    </div>
+    <div class="lesli-element-header-items is-flex is-flex-grow-1 is-justify-content-end">
+        <%= content %>
+    </div>
+</section>

data/lib/lesli_view/element/header.rb ADDED Viewed

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Element
+        class Header < ViewComponent::Base
+            attr_reader :title, :back
+            def initialize(title, back: nil)
+                @title = title
+                @back = back
+            end
+        end
+    end
+end

data/lib/lesli_view/element/table.full.rb ADDED Viewed

@@ -0,0 +1,43 @@
+module LesliView
+    module Element
+        class Table < ViewComponent::Base
+            attr_reader :id, :class_name, :pagination, :loading, :headless, :columns, :records, :link
+            def initialize(id: nil, class_name: "is-striped", pagination: nil, loading: false, headless: false, columns:, records:, link: nil)
+                @id = id
+                @class_name = class_name
+                @pagination = pagination
+                @loading = loading
+                @headless = headless
+                @columns = columns
+                @records = records
+                @link = link
+            end
+            def table_header_class(column)
+                column[:field] == "id" || column[:align] == "center" ? "has-text-centered" : ""
+            end
+            def table_body_class(column)
+                column[:field] == "id" || column[:align] == "center" ? "has-text-centered" : ""
+            end
+            def current_sort_dir(column)
+                @current_sort_dir ||= {}
+                @current_sort_dir[column[:field]] || "asc"
+            end
+            def toggle_sort_dir(column)
+                current_sort_dir(column) == "asc" ? "desc" : "asc"
+            end
+            def render_head_slot(column)
+                content_for?(:"head_#{column[:field]}") ? content_for(:"head_#{column[:field]}") : column[:label]
+            end
+            def detail_active?(record)
+                record[:detail_active]
+            end
+        end
+    end
+end

data/lib/lesli_view/element/table.html.erb ADDED Viewed

@@ -0,0 +1,39 @@
+<div class="lesli-table-container">
+    <table id="<%= id %>" class="table is-fullwidth lesli-table mb-5 <%= class_name %>">
+        <% unless headless %>
+            <thead>
+                <tr>
+                    <% columns.each do |column| %>
+                        <th
+                            width="<%= column[:width] %>"
+                            class="<%= table_header_class(column) %>"
+                            data-action="click->table#sort"
+                            data-field="<%= column[:field] %>">
+                            <% if column[:sort] %>
+                            <span class="icon-text">
+                                <span><%= render_head_slot(column) %></span>
+                                <span class="icon">
+                                    <span class="material-icons"><%= column[:field] == @current_sort ? (current_sort_dir(column) == "asc" ? "arrow_upward" : "arrow_downward") : "sort" %></span>
+                                </span>
+                            </span>
+                            <% else %>
+                                <%= render_head_slot(column) %>
+                            <% end %>
+                        </th>
+                    <% end %>
+                </tr>
+            </thead>
+        <% end %>
+        <tbody>
+            <% records.each_with_index do |record, i| %>
+                <tr>
+                    <% columns.each do |column| %>
+                        <td class="<%= table_body_class(column) %>" data-action="click->table#selectRow" data-id="<%= record[:id] %>">
+                            <%= record[column[:field]] %>
+                        </td>
+                    <% end %>
+                </tr>
+            <% end %>
+        </tbody>
+    </table>
+</div>

data/lib/lesli_view/element/table.html.full.erb ADDED Viewed

@@ -0,0 +1,101 @@
+<div class="lesli-table-container">
+    <table id="<%= id %>" class="table is-fullwidth lesli-table mb-5 <%= class_name %>">
+        <% unless headless %>
+            <thead>
+                <tr>
+                    <% if content_for?(:detail) %>
+                        <th></th>
+                    <% end %>
+                    <% columns.each do |column| %>
+                        <th
+                            width="<%= column[:width] %>"
+                            class="<%= table_header_class(column) %>"
+                            data-action="click->table#sort"
+                            data-field="<%= column[:field] %>">
+                            <% if column[:sort] %>
+                            <span class="icon-text">
+                                <span><%= render_head_slot(column) %></span>
+                                <span class="icon">
+                                    <span class="material-icons"><%= column[:field] == @current_sort ? (current_sort_dir(column) == "asc" ? "arrow_upward" : "arrow_downward") : "sort" %></span>
+                                </span>
+                            </span>
+                            <% else %>
+                                <%= render_head_slot(column) %>
+                            <% end %>
+                        </th>
+                    <% end %>
+                    <% if content_for?(:options) %>
+                        <th></th>
+                    <% end %>
+                    <% if content_for?(:buttons) %>
+                        <th></th>
+                    <% end %>
+                </tr>
+            </thead>
+        <% end %>
+        <tbody>
+            <% records.each_with_index do |record, i| %>
+                <tr>
+                    <% if content_for?(:detail) %>
+                        <td class="detail-row px-2 has-text-centered">
+                            <button class="button is-white px-2" data-action="click->table#toggleDetails" data-index="<%= i %>">
+                                <span class="material-icons"><%= detail_active?(record) ? "expand_more" : "chevron_right" %></span>
+                            </button>
+                        </td>
+                    <% end %>
+                    <% columns.each do |column| %>
+                        <td class="<%= table_body_class(column) %>" data-action="click->table#selectRow" data-id="<%= record[:id] %>">
+                            <% if link && !content_for?(:"#{column[:field]}") %>
+                                <%= link_to record[column[:field]], link.call(record), class: "link" %>
+                            <% else %>
+                                <%= render_slot(column[:field], column: column, record: record, value: record[column[:field]]) do %>
+                                    <%= record[column[:field]] %>
+                                <% end %>
+                            <% end %>
+                        </td>
+                    <% end %>
+                    <% if content_for?(:options) %>
+                        <td class="options p-0">
+                            <div class="dropdown is-right is-hoverable">
+                                <div class="dropdown-trigger">
+                                    <button class="button has-text-info">
+                                        <span class="icon">
+                                            <span class="material-icons">more_vert</span>
+                                        </span>
+                                    </button>
+                                </div>
+                                <div class="dropdown-menu" role="menu">
+                                    <div class="dropdown-content">
+                                        <%= render_slot(:options, record: record, value: record[:id]) %>
+                                    </div>
+                                </div>
+                            </div>
+                        </td>
+                    <% end %>
+                    <% if content_for?(:buttons) %>
+                        <td class="p-0">
+                            <%= render_slot(:buttons, record: record, value: record[:id]) %>
+                        </td>
+                    <% end %>
+                </tr>
+                <% if detail_active?(record) && content_for?(:detail) %>
+                    <tr>
+                        <td colspan="<%= columns.size + (content_for?(:detail) ? 1 : 0) %>">
+                            <%= render_slot(:detail, record: record) %>
+                        </td>
+                    </tr>
+                <% end %>
+            <% end %>
+        </tbody>
+    </table>
+    <%#
+    < % if loading % >
+    <lesli-loading></lesli-loading>
+    < % elsif records.empty? % >
+    <lesli-empty></lesli-empty>
+    < % end % >
+    < % if pagination % >
+    <lesli-pagination :pagination="< %= pagination % >" data-action="paginate->table#paginate"></lesli-pagination>
+    < % end % >
+    %>
+</div>

data/lib/lesli_view/element/table.rb ADDED Viewed

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Element
+        class Table < ViewComponent::Base
+            attr_reader :id, :class_name, :pagination, :loading, :headless, :columns, :records, :link
+            def initialize(id: nil, class_name: "is-striped", pagination: nil, loading: false, headless: false, columns:, records:, link: nil)
+                @id = id
+                @class_name = class_name
+                @pagination = pagination
+                @loading = loading
+                @headless = headless
+                @columns = columns
+                @records = records
+                @link = link
+            end
+            def table_header_class(column)
+                column[:field] == "id" || column[:align] == "center" ? "has-text-centered" : ""
+            end
+            def table_body_class(column)
+                column[:field] == "id" || column[:align] == "center" ? "has-text-centered" : ""
+            end
+            def current_sort_dir(column)
+                @current_sort_dir ||= {}
+                @current_sort_dir[column[:field]] || "asc"
+            end
+            def toggle_sort_dir(column)
+                current_sort_dir(column) == "asc" ? "desc" : "asc"
+            end
+            def render_head_slot(column)
+                content_for?(:"head_#{column[:field]}") ? content_for(:"head_#{column[:field]}") : column[:label]
+            end
+            def detail_active?(record)
+                record[:detail_active]
+            end
+        end
+    end
+end

data/lib/lesli_view/element/toolbar.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<section class="lesli-toolbar mb-5">
+    <div class="field is-grouped">
+        <div class="control is-expanded has-icons-right has-icons-left">
+            <%= text_field_tag(:search, initial_value,
+                placeholder: search_placeholder,
+                class: "input is-shadowless",
+                data: { action: "input->toolbar#search" }
+            )%>
+            <span class="icon is-small is-left has-text-grey-light">
+                <span class="material-icons">
+                    search
+                </span>
+            </span>
+            <span class="icon is-right">
+                <a class="delete" data-action="click->toolbar#clearSearch"></a>
+            </span>
+        </div>
+        <%= content %>
+        <% if pagination %>
+            <div class="select">
+                <%= select_tag :pagination, options_for_select([10, 20]), class: "select" %>
+            </div>
+        <% end %>
+    </div>
+</section>

data/lib/lesli_view/element/toolbar.rb ADDED Viewed

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Element
+        class Toolbar < ViewComponent::Base
+            attr_reader :search_placeholder, :initial_value, :pagination
+            def initialize(search_placeholder = "Search...", initial_value: nil, pagination: true)
+                @search_placeholder = search_placeholder
+                @initial_value = initial_value
+                @pagination = pagination
+            end
+        end
+    end
+end

data/lib/lesli_view/engine.rb ADDED Viewed

@@ -0,0 +1,44 @@
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    class Engine < ::Rails::Engine
+        isolate_namespace LesliView
+        initializer "lesli_view" do |app|
+            # autoloading sass style sheet files
+            app.config.assets.precompile += %w[lesli_view/lesli_view.scss]
+        end
+    end
+end

data/lib/lesli_view/layout/container.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<!-- app/components/lesli_application_container_component.html.erb -->
+<turbo-frame id="<%= turbo_frame_id %>" class="lesli-application-container container <%= 'is-fluid' if dashboard %>">
+    <%= content %>
+</section>

data/lib/lesli_view/layout/container.rb ADDED Viewed

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+=begin
+Lesli
+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
+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 LesliTech
+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
+module LesliView
+    module Layout
+        class Container < ViewComponent::Base
+            attr_reader :turbo_frame_id
+            attr_reader :dashboard
+            def initialize(turbo_frame_id, dashboard: false)
+                @turbo_frame_id = turbo_frame_id
+                @dashboard = dashboard
+            end
+        end
+    end
+end

data/lib/lesli_view/lesli_view.scss ADDED Viewed

@@ -0,0 +1,3 @@
+* {
+    background-color: red !important;
+}