lesli 5.0.0

data/lib/sass/lesli/panels/panel-notification.scss

@@ -0,0 +1,67 @@
+/*
+
+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 platform.
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+.lesli-panel-notifications {
+
+    .lesli-panel-content{
+        overflow-y: scroll;
+    }
+
+    .lesli-notification {
+        border-bottom: 1px solid lesli-css-color(silver);
+        &:hover {
+            cursor: default;
+        }
+        &[href]:hover {
+            cursor: pointer;
+        }
+    }
+
+    .notification-title {
+        text-transform: capitalize;
+        font-size: 16px;
+        font-weight: 600;
+    }
+
+    .notification-body {
+        font-size: 15px;
+    }
+
+    .notification-date {
+        span, button {
+            font-size: 13px;
+        }
+    }
+}

data/lib/sass/lesli/panels/panel-profile.scss

@@ -0,0 +1,62 @@
+/*
+
+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 platform.
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+// · 
+.lesli-panel-profile {
+
+    .lesli-panel-background {
+        background: rgba(230, 230, 230, .2);
+    }
+
+    .lesli-panel-content {
+        width: 400px !important;
+    }
+
+    .lesli-panel-header {
+        border-bottom: none !important;
+    }
+
+    figure {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        background-color: lesli-css-color(silver, 100);
+        border: 2px solid var(--lesli-color-primary, lesli-css-color(blue));
+    }
+    .alternative-avatar {
+        font-weight: 200;
+        font-size: 3rem;
+        color: var(--lesli-color-primary, lesli-css-color(blue));
+    }
+}

data/lib/sass/lesli/panels/panel-tasks.scss

@@ -0,0 +1,41 @@
+/*
+
+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 platform.
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+.lesli-panel-tasks {
+    li p {
+        font-size: 1.2rem;
+    }
+}

data/lib/sass/lesli/panels/panel-ticket.scss

@@ -0,0 +1,57 @@
+/*
+
+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 platform.
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+
+// · 
+.lesli-panel-tickets {
+
+    .lesli-panel-content{
+        overflow-y: scroll;
+
+        .lastest-tickets{
+            margin: 30px;
+            border-bottom: 1px solid lesli-css-color(silver);
+            h4{
+                margin-bottom: 20px;
+            }
+        }
+
+        .form{
+            margin: 30px;
+            h4{
+                margin-bottom: 20px;
+            }
+        }
+    }
+
+}

data/lib/sass/lesli/settings/variables.scss

@@ -0,0 +1,148 @@
+/*
+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.dev
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · Layout
+$lesli-font-size: 16px !default;
+$lesli-header-height: 70px !default;
+$lesli-footer-height: 84px !default;
+$lesli-sidebar-width: 50px !default;
+
+
+// · Lesli main theme definition, 
+$lesli-color-primary: #193d8d !default;
+$lesli-header-color: white !default;
+$lesli-navbar-color: white !default;
+$lesli-footer-color: white !default;
+$lesli-sidebar-color: white !default;
+$lesli-sidebar-hover: white !default;
+$lesli-color-background: #f6f8fb !default;
+
+
+
+// · To understand more about customization go to:
+// · https://www.lesli.dev/documentation/design/20-theme
+
+
+
+// · defaults
+$lesli-logo-color: $lesli-sidebar-color;
+$lesli-font-color: lesli-css-color(black) !default;
+
+
+// · harcoded styles D:
+$lesli-box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
+
+
+// · generic variables (aliases)
+$primary: $lesli-color-primary;
+$color-primary: $lesli-color-primary;
+$color-header: $lesli-header-color;
+$color-footer: $lesli-footer-color;
+$color-sidebar: $lesli-sidebar-color;
+$color-background: $lesli-color-background;
+
+
+$family-primary: "Open Sans", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+
+
+
+// · here we prioritize css variables defined dynamically in the header
+// · those variable values come from the database in the account_settings table
+:root {
+    --lesli-color-primary: var(--lesli-theme-color-primary, #{$lesli-color-primary});
+    --lesli-color-background: var(--lesli-theme-color-background, #{$lesli-color-background});
+    
+    --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-header-color, #{$lesli-navbar-color});
+    
+    --lesli-footer-color: var(--lesli-theme-footer-color, #{$lesli-footer-color});
+    --lesli-footer-height: var(--lesli-theme-footer-height, #{$lesli-footer-height});
+    
+    --lesli-sidebar-color: var(--lesli-theme-sidebar-color, #{$lesli-sidebar-color});
+    --lesli-sidebar-width: var(--lesli-theme-sidebar-width, #{$lesli-sidebar-width});
+
+    --lesli-logo-color: var(--lesli-theme-logo-color, #{$lesli-logo-color});
+    
+    --lesli-font-size: var(--lesli-theme-font-size, #{$lesli-font-size});
+    --lesli-font-color: var(--lesli-theme-font-color, #{$lesli-font-color});
+}
+
+
+
+// Mobile Up to 768px
+@include lesli-css-breakpoint-mobile {
+    :root {
+        --lesli-sidebar-width: 50px;
+    }
+}
+
+
+// Tablet Between 769px and 1023px
+@include lesli-css-breakpoint-tablet {
+    :root {
+        --lesli-sidebar-width: 100px;
+    }   
+}
+
+
+// Desktop Between 1024px and 1215px
+@include lesli-css-breakpoint-desktop {
+    :root {
+        --lesli-sidebar-width: 200px;
+    }   
+}
+
+
+// Widescreen Between 1216px and 1407px
+@include lesli-css-breakpoint-widescreen {
+    :root {
+        --lesli-sidebar-width: 225px;
+    }   
+}
+
+
+// Widescreen Between 1216px and 1407px
+@include lesli-css-breakpoint-fullhd {
+    :root {
+        --lesli-sidebar-width: 328px;
+    }   
+}
+
+
+//
+body.layout-expanded {
+    :root {
+        --lesli-sidebar-width: 100px;
+    }
+}

data/lib/sass/lesli/shared/workflow-status-progress.scss

@@ -0,0 +1,135 @@
+/*
+
+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 platform.
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·  
+
+*/
+
+.workflow-status-progress{
+  display: flex;
+  flex-direction: row;
+  .stepper-component{
+
+    .step-bar {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .step-content{
+      width: 100px;
+      height: 100px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      position: relative;
+    }
+    
+    .step {
+      position: relative;
+      flex: 1;
+      height: 100%;
+      display: flex;
+      align-items: center;
+    }
+    
+    .circle {
+      width: 30px;
+      height: 30px;
+      background-color: transparent;
+      border-radius: 50%;
+      justify-content: center;
+      align-items: center;
+      font-size: 14px;
+      display: inline-block;
+      text-align: center;
+      line-height: 40px;
+      margin-right: 20px;
+      z-index: 1;
+    }
+
+    .label {
+      text-align: center;
+      margin-top: 10px;
+      color: transparent;
+      display: block;
+    }
+    
+    .line {
+      position: absolute;
+      top: 15%;
+      left: 75%;
+      transform: translate(-50%, -50%);
+      height: 1px;
+      width: calc(100% - 5px);
+      background-color: transparent;
+    }
+    
+    .label.active {
+      color: $lesli-color-primary;
+    }
+    
+    .line.active, .circle.active {
+      background-color: $lesli-color-primary;
+    }
+
+    .circle.active{
+      border: 3px solid rgba(white, 0.6);
+    }
+
+  }
+
+  .edit{
+    .dropdown{
+        &-row.active{
+            display: flex;
+            background-color: rgba($lesli-color-primary, 0.1);
+            a{
+                justify-content: space-between;
+            }
+            span{
+                color: $lesli-color-primary;
+            }
+        }
+    }
+  }
+}
+
+
+@include lesli-css-breakpoint-mobile() {
+    .stepper-component{
+        width: 80%;
+        .step-content{
+            width: 80% !important;
+        }
+    }
+    .edit{
+        width: 20%;
+    }
+}

data/lib/sass/lesli/templates/application.scss

@@ -0,0 +1,141 @@
+/*
+
+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.dev
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+@import "lesli-css";
+
+
+// · Configuration & variables
+@import "lesli/settings/variables";
+
+
+// · Include Bulma 
+@import "lesli/bulma/loader";
+
+
+// · Font families and icons
+@import "lesli/fonts/mdicons";
+@import "lesli/fonts/families";
+@import "lesli/fonts/remixicons";
+
+
+// · Some home made helpers
+@import "lesli/helpers/display";
+@import "lesli/helpers/tooltip";
+
+
+// · Lesli application layout 
+@import "lesli/layouts/application-header";
+@import "lesli/layouts/application-navbar";
+@import "lesli/layouts/application-announcements";
+@import "lesli/layouts/application-engines";
+@import "lesli/layouts/application-sidebar";
+@import "lesli/layouts/application-component";
+@import "lesli/layouts/application-footer";
+@import "lesli/layouts/application-search";
+
+
+// · Lesli core panels 
+@import "lesli/panels/panel-tasks";
+@import "lesli/panels/panel-ticket";
+@import "lesli/panels/panel-profile";
+@import "lesli/panels/panel-notification";
+@import "lesli/panels/panel-announcements";
+
+
+// · Standard components
+@import "lesli/components/editor-richtext";
+
+
+// · Shared
+@import "lesli/shared/workflow-status-progress";
+
+
+// · Lesli cloud objects
+@import "lesli/cloud-objects/discussion";
+@import "lesli/cloud-objects/file";
+
+
+// · Overrides for vendor libraries
+@import "lesli/overrides/sweetalert";
+
+
+// · Lesli vue components
+@import "lesli/elements/autocomplete";
+@import "lesli/elements/avatar";
+@import "lesli/elements/content";
+@import "lesli/elements/empty";
+@import "lesli/elements/file-uploader";
+@import "lesli/elements/gallery";
+@import "lesli/elements/header";
+@import "lesli/elements/input-tag";
+@import "lesli/elements/loading";
+@import "lesli/elements/map";
+@import "lesli/elements/msg";
+@import "lesli/elements/navbar";
+@import "lesli/elements/panel";
+@import "lesli/elements/form";
+@import "lesli/elements/tab";
+@import "lesli/elements/table";
+@import "lesli/elements/toggle";
+@import "lesli/elements/toolbar";
+@import "lesli/elements/calendar";
+@import "lesli/elements/card";
+
+
+
+html,
+body {
+    color: var(--lesli-font-color);
+    font-size: var(--lesli-font-size);
+    font-family: $family-primary;
+    background-color: var(--lesli-color-background);
+    scrollbar-color: var(--lesli-color-primary) transparent;
+    scrollbar-width: thin;
+    font-weight: normal;
+    line-height: 158%;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: "Montserrat", $family-primary;
+}
+
+
+// Vue Animation component
+.v-enter-active, .v-leave-active { transition: opacity 0.5s ease; }
+.v-enter-from, .v-leave-to { opacity: 0; }
+
+
+
+//@import "flag-icon"; import only where it is needed :)

data/lib/sass/lesli/templates/dashboards.scss

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