lesli_assets 1.0.3 → 1.0.4

data/lib/lesli_assets/version.rb

@@ -1,4 +1,4 @@
 module LesliAssets
-    VERSION = "1.0.3"
-    BUILD = "1752589521"
+    VERSION = "1.0.4"
+    BUILD = "1754023334"
 end

data/lib/lesli_assets_js/calendar.js

@@ -1,10 +1,49 @@
-import { Calendar } from '@fullcalendar/core';
-import dayGridPlugin from '@fullcalendar/daygrid';
+/*
+Lesli
 
-document.addEventListener("turbo:load", () => {
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+import { Calendar } from "@fullcalendar/core";
+import dayGridPlugin from "@fullcalendar/daygrid";
 
+
+
+// · 
+function buildCalendar() {
+    console.log("buildCalendar")
     let calendarEl = document.getElementById("lesli-calendar-engine");
-    let calendar = new Calendar(calendarEl, {
+    if (!calendarEl) return;
+
+    console.log("buildingCalendar")
+    var calendar = new Calendar(calendarEl, {
         plugins: [ dayGridPlugin ],
         firstDay: 1,
         headerToolbar: false,
@@ -12,8 +51,38 @@ document.addEventListener("turbo:load", () => {
         showNonCurrentDates: true,
         dayMaxEvents: true,
         editable: true,
-        events: [],
+        events: {
+            url: '/calendar/events.json',
+            method: 'GET',
+            extraParams: function() {
+                return {
+                    authenticity_token: document.querySelector('meta[name="csrf-token"]').content
+                };
+            },
+            failure: function() {
+                alert('There was an error while fetching events!');
+            }
+        },
     });
 
+    console.log("renderCalendar")
     calendar.render();
+}
+
+
+// · 
+document.addEventListener("DOMContentLoaded", () => {
+    console.log("DOMContentLoaded");
+    buildCalendar()
+});
+
+
+// · 
+document.addEventListener("turbo:load", () => {
+    console.log("turbo:load")
+    buildCalendar()
 })
+
+
+// · 
+buildCalendar()

data/lib/lesli_assets_styles/fonts/mdsymbols.scss

@@ -0,0 +1,60 @@
+/*
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+@font-face {
+    font-family: 'Material Symbols Outlined';
+    font-style: normal;
+    font-weight: 400;
+    src: url("lesli_assets/MaterialDesign/symbols.woff") format('woff');
+}
+
+.material-symbols,
+.material-symbols-outlined {
+    font-family: 'Material Symbols Outlined';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 24px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -moz-font-feature-settings: 'liga';
+    -moz-osx-font-smoothing: grayscale;
+}
+
+
+.material-symbols.md-18 { font-size: 18px; }
+.material-symbols.md-24 { font-size: 24px; }
+.material-symbols.md-36 { font-size: 36px; }
+.material-symbols.md-48 { font-size: 48px; }

data/lib/lesli_assets_styles/layouts/application-header.scss

@@ -0,0 +1,74 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// ·
+@use "lesli-css" as lesli;
+
+
+// Override bulma navbar height
+:root {
+    --bulma-navbar-height: var(--lesli-header-height)
+}
+
+
+// ·
+header.lesli-application-header {
+    background-color: var(--lesli-header-color);
+    border-bottom: 1px solid rgba(172,179,194,.5);
+
+    // Fix the size of the main logo 
+    .navbar-brand {
+        .navbar-item:hover {
+            background-color: transparent;
+        }
+        img {
+            height: 100px;
+            max-height: 50px;
+        }
+    }
+
+    // navigation icons
+    .navbar-item {
+        padding-left: 4px;
+        padding-right: 4px;
+        [class^="ri-"] {
+            font-size: 24px;
+            padding: 0 0.6rem;
+            color: lesli.lesli-color(slate, 900);
+        }
+
+        a:hover span {
+            color: var(--lesli-color-primary);
+        }
+    }
+}

data/lib/{lesli_assets_css/templates/dashboards.scss → lesli_assets_styles/layouts/application-navigation.scss}

@@ -32,20 +32,33 @@ Building a better future, one line of code at a time.
 
 
 // · 
-// @import "lesli-css";
+@use "lesli-css/sass/color";
 
 
-// // · Configuration & variables
-// @import "Lesli/scss/settings/variables";
-
-
-// // · 
-// aside.lesli-application-sidebar {
-//     display: none !important;
-// }
-
-
-// // · 
-// .lesli-empty {
-//     padding: 8rem 0;
-// }
+// · 
+nav.lesli-application-navigation {
+    background-color: var(--lesli-navbar-color);
+    border-bottom: 1px solid rgba(172,179,194,.5);
+
+    .navbar-item {
+        padding: 0;
+
+        a {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            padding-left: 2rem;
+            padding-right: 2rem;
+            transition: all linear .2s;
+
+            &:hover {
+                color: color.lesli-color(slate, 700);
+            }
+        }
+
+        [class^="ri-"] {
+            font-size: 20px;
+            margin-right: 6px;
+        }
+    }
+}

data/lib/{lesli_assets_css → lesli_assets_styles}/settings/variables.scss

@@ -33,8 +33,7 @@ Building a better future, one line of code at a time.
 
 // · Layout
 $lesli-font-size: 16px !default;
-$lesli-header-height: 70px !default;
-$lesli-navbar-height: 66px !default;
+$lesli-header-height: 65px !default;
 $lesli-footer-height: 84px !default;
 $lesli-sidebar-width: 50px !default;
 
@@ -85,9 +84,6 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
     
     --lesli-header-color: var(--lesli-theme-header-color, #{$lesli-header-color});
     --lesli-header-height: var(--lesli-theme-header-height, #{$lesli-header-height});
-
-    --lesli-navbar-color: var(--lesli-theme-navbar-color, #{$lesli-navbar-color});
-    --lesli-navbar-height: var(--lesli-theme-navbar-height, #{$lesli-navbar-height});
     
     --lesli-footer-color: var(--lesli-theme-footer-color, #{$lesli-footer-color});
     --lesli-footer-height: var(--lesli-theme-footer-height, #{$lesli-footer-height});
@@ -95,6 +91,8 @@ $family-primary: "OpenSans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", s
     --lesli-sidebar-color: var(--lesli-theme-sidebar-color, #{$lesli-sidebar-color});
     --lesli-sidebar-width: var(--lesli-theme-sidebar-width, #{$lesli-sidebar-width});
 
+    --lesli-navbar-color: var(--lesli-theme-navbar-color, #{$lesli-navbar-color});
+
     --lesli-logo-color: var(--lesli-theme-logo-color, #{$lesli-logo-color});
     
     --lesli-font-size: var(--lesli-theme-font-size, #{$lesli-font-size});

data/lib/{lesli_assets_css → lesli_assets_styles}/templates/application.scss

@@ -57,8 +57,10 @@ Building a better future, one line of code at a time.
 
 // · Font families and icons
 @use "../fonts/remixicons";
+@use "../fonts/mdsymbols";
 @use "../fonts/families";
-@use "../fonts/mdicons";
+//@use "../fonts/mdicons";
+
 
 
 // · Lesli application layout 
@@ -66,7 +68,6 @@ Building a better future, one line of code at a time.
 @use "../layouts/application-navigation";
 @use "../layouts/application-component";
 @use "../layouts/application-container";
-@use "../layouts/application-engines";
 @use "../layouts/application-sidebar";
 @use "../layouts/application-header";
 @use "../layouts/application-app";

data/lib/lesli_assets_styles/templates/dashboards.scss

@@ -0,0 +1,31 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/

data/lib/{lesli_assets_css → lesli_assets_styles}/templates/public.scss

@@ -46,7 +46,8 @@ Building a better future, one line of code at a time.
 
 // · Font families and icons
 @use "../fonts/families";
-@use "../fonts/mdicons";
+@use "../fonts/mdsymbols";
+//@use "../fonts/mdicons";
 
 
 // · Some home made helpers

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lesli_assets
 version: !ruby/object:Gem::Version
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - The Lesli Development Team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-15 00:00:00.000000000 Z
+date: 2025-08-01 00:00:00.000000000 Z
 dependencies: []
 description: "LesliAssets provides shared frontend assets for the Lesli Framework,
   \nincluding stylesheets, JavaScript, images, icons, and reusable \nview partials.
@@ -25,6 +25,7 @@ files:
 - app/assets/fonts/lesli_assets/Domine/Domine-Variable.ttf
 - app/assets/fonts/lesli_assets/Domine/OFL.txt
 - app/assets/fonts/lesli_assets/MaterialDesign/icons.woff2
+- app/assets/fonts/lesli_assets/MaterialDesign/symbols.woff
 - app/assets/fonts/lesli_assets/Montserrat/Montserrat-Variable.ttf
 - app/assets/fonts/lesli_assets/OpenSans/OpenSans-Variable.ttf
 - app/assets/fonts/lesli_assets/Remix/remixicon.eot
@@ -354,31 +355,31 @@ files:
 - lib/lesli_assets.rb
 - lib/lesli_assets/engine.rb
 - lib/lesli_assets/version.rb
-- lib/lesli_assets_css/fonts/families.scss
-- lib/lesli_assets_css/fonts/mdicons.scss
-- lib/lesli_assets_css/fonts/remixicons.scss
-- lib/lesli_assets_css/helpers/display.scss
-- lib/lesli_assets_css/helpers/tooltip.scss
-- lib/lesli_assets_css/layouts/application-app.scss
-- lib/lesli_assets_css/layouts/application-component.scss
-- lib/lesli_assets_css/layouts/application-container.scss
-- lib/lesli_assets_css/layouts/application-engines.scss
-- lib/lesli_assets_css/layouts/application-header.scss
-- lib/lesli_assets_css/layouts/application-navigation.scss
-- lib/lesli_assets_css/layouts/application-notification.scss
-- lib/lesli_assets_css/layouts/application-sidebar.scss
-- lib/lesli_assets_css/pages/invites.scss
-- lib/lesli_assets_css/settings/variables.scss
-- lib/lesli_assets_css/shared/workflow-status-progress.scss
-- lib/lesli_assets_css/templates/application.scss
-- lib/lesli_assets_css/templates/component.scss
-- lib/lesli_assets_css/templates/dashboards.scss
-- lib/lesli_assets_css/templates/empty.scss
-- lib/lesli_assets_css/templates/pdf.scss
-- lib/lesli_assets_css/templates/public.scss
-- lib/lesli_assets_css/templates/start.scss
 - lib/lesli_assets_js/application.js
 - lib/lesli_assets_js/calendar.js
+- lib/lesli_assets_styles/fonts/families.scss
+- lib/lesli_assets_styles/fonts/mdicons.scss
+- lib/lesli_assets_styles/fonts/mdsymbols.scss
+- lib/lesli_assets_styles/fonts/remixicons.scss
+- lib/lesli_assets_styles/helpers/display.scss
+- lib/lesli_assets_styles/helpers/tooltip.scss
+- lib/lesli_assets_styles/layouts/application-app.scss
+- lib/lesli_assets_styles/layouts/application-component.scss
+- lib/lesli_assets_styles/layouts/application-container.scss
+- lib/lesli_assets_styles/layouts/application-header.scss
+- lib/lesli_assets_styles/layouts/application-navigation.scss
+- lib/lesli_assets_styles/layouts/application-notification.scss
+- lib/lesli_assets_styles/layouts/application-sidebar.scss
+- lib/lesli_assets_styles/pages/invites.scss
+- lib/lesli_assets_styles/settings/variables.scss
+- lib/lesli_assets_styles/shared/workflow-status-progress.scss
+- lib/lesli_assets_styles/templates/application.scss
+- lib/lesli_assets_styles/templates/component.scss
+- lib/lesli_assets_styles/templates/dashboards.scss
+- lib/lesli_assets_styles/templates/empty.scss
+- lib/lesli_assets_styles/templates/pdf.scss
+- lib/lesli_assets_styles/templates/public.scss
+- lib/lesli_assets_styles/templates/start.scss
 - lib/lesli_assets_tailwind/tailwind.app.css
 - lib/lesli_assets_tailwind/tailwind.config.js
 - lib/lesli_assets_tailwind/tailwind.test.html

data/lib/lesli_assets_css/layouts/application-engines.scss

@@ -1,115 +0,0 @@
-/*
-
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-@use "lesli-css/sass/helpers/shadow";
-@use "lesli-css/sass/helpers/breakpoint";
-
-
-// · 
-.lesli-application-engines {
-
-    .engines-container {
-
-        .engines {
-            display: flex;
-            flex-wrap: wrap;
-            flex-direction: column;
-            justify-content: center;
-
-            // engine link
-            a {
-                width: 100%;
-                height: 200px;
-                display: block;
-
-                text-align: center;
-                padding: 1rem .4rem;
-                margin-bottom: 2rem;
-                border-radius: .5rem;
-                border: transparent 1px solid;
-                background-color: lesli-css-color(silver, 100);
-                background-color: #FFFFFF;
-                transition: all ease-in-out .4s;
-                @include shadow.lesli-shadow();
-
-                &:hover {
-                    border-color: var(--lesli-color-primary);
-                    transform: translateY(-1px);
-                }
-
-                &.is-active {
-                    background-color: #F0F4FF;
-                    border-color: var(--lesli-color-primary);
-                }
-
-                // engine logo
-                svg {
-                    margin-right: .4rem;
-                    fill: var(--lesli-color-primary);
-                }
-
-                // engine description
-                p {
-                    font-size: 14;
-                }
-
-                // engine name
-                span {
-                    font-weight: 600;
-                    font-size: 20px;
-                }
-
-                span, p {
-                    color: var(--lesli-color-primary);
-                }
-            }
-        }
-
-        // close button 
-        button {
-            width: 100%;
-        }
-    }
-}
-
-
-@include breakpoint.lesli-breakpoint-tablet() {
-    .lesli-application-engines .engines-container .engines {
-        flex-direction: row;
-        a {
-            width: 320px;
-            margin: 1rem;
-        }
-    }
-}

data/lib/lesli_assets_css/layouts/application-header.scss

@@ -1,104 +0,0 @@
-/*
-
-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 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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// ·
-@use "lesli-css" as lesli;
-
-// ·
-header.lesli-application-header {
-    background-color: var(--lesli-header-color);
-    height: var(--lesli-header-height);
-
-    nav.lesli-navbar {
-
-        .navbar-brand {
-            img {
-                height: var(--lesli-header-height);
-            }
-        }
-
-        .navbar-menu {
-            &.is-active {
-                z-index: 99;
-                position: relative;
-            }
-        }       
-
-        .navbar-item {
-
-            .icon {
-                padding: 0;
-            }
-
-            // navigation icons
-            [class^="ri-"] {
-                font-size: 20px;
-                color: lesli.lesli-color(black, 700);
-            }
-        }
-
-        .header-icons {
-
-            a {
-                position: relative;
-            }
-
-            // navigation icons
-            [class^="ri-"] {
-                font-size: 25px;
-                padding: 0 0.6rem;
-                color: lesli.lesli-color(black, 700);
-            }
-
-            // Notification icon & count
-            .header-indicator {
-                .count {
-                    top: -8px;
-                    right: 10px;
-                    width: 10px;
-                    height: 10px;
-                    border-radius: 50%;
-                    background-color: lesli-css-color(berry, 300);
-                    position: absolute;
-                }
-            }
-
-            .lesli-header-notifications {
-                .dropdown-content {
-                    box-shadow: none;
-                    background-color: transparent;
-                }
-            }
-        }
-    }
-}