lesli 5.0.0

data/lib/vue/devise/passwords.js

@@ -0,0 +1,137 @@
+/*
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+
+
+// · 
+import application from "Lesli/public"
+
+
+// · 
+application({
+
+    data() {
+        return {
+            loading: false,
+            translations: {
+                main: I18n.t("core.users/passwords")
+            },
+            sign_in: {
+                email: "",
+                password: ""
+            },
+            password_edit: {
+                new_password: "",
+                new_password_confirmation: ""
+            },
+            notification: {
+                message: "",
+                show: false,
+                type: "danger"
+            }
+        }
+    },
+    methods: {
+
+        postPasswordNew(event) {
+
+            this.notification.show = false
+
+            this.loading = true
+
+            event.preventDefault();
+
+            let data = {
+                user: {
+                    email: this.sign_in.email.toLowerCase(),
+                    password: this.sign_in.password
+                }
+            };
+
+            this.http.post("/password", data).then(response => {
+                this.showNotification(this.translations.main.notification_reset_password_instructions_sent, "success")
+            }).catch(error => {
+                this.showNotification(error.message)
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+        putPasswordEdit(event) {
+
+            this.notification.show = false
+
+            this.loading = true
+
+            event.preventDefault();
+
+            // check if passwords match
+            if (this.password_edit.new_password != this.password_edit.new_password_confirmation) {
+                this.showNotification(this.translations.main.error_passwords_do_not_match, "danger")
+                return
+            }
+
+            var token=null
+
+            try {
+                token = Object.fromEntries(new URLSearchParams(window.location.search)).reset_password_token
+            } catch (error) {
+                token=null
+            }
+
+            this.http.put("/password", {
+                user: {
+                    password: this.password_edit.new_password,
+                    password_confirmation: this.password_edit.new_password_confirmation,
+                    reset_password_token: token
+                }
+            }).then(response => {
+                this.showNotification(this.translations.main.notification_password_updated, "success")
+                setTimeout(() => { this.url.go("/login") }, 2000)
+            }).catch(error => {
+                this.showNotification(error.message, "danger")
+            }).finally(() => {
+                this.loading = false
+            })
+
+        },
+
+        showNotification(message, type="danger"){
+            this.notification.message = message;
+            this.notification.type = type;
+            this.notification.show = true;
+        }
+
+    }
+
+})

data/lib/vue/devise/registrations.js

@@ -0,0 +1,162 @@
+/*
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+import componentLesliSelect from "Lesli/lesli/components/select/Select.vue"
+
+// · 
+import application from "Lesli/public"
+
+
+// · 
+application({
+
+    data(){
+        return {
+            translations: {},
+            password_uppercase: 0,
+            password_symbol: 0,
+            password_number: 0,
+            telephone_code: "+49",
+            telephone_codes: null,
+            sign_up: {
+                email: null,
+                password: '',
+                password_confirmation: '',
+                first_name: null,
+                last_name: null,
+                telephone: null,
+            },
+            progress_bar_active: false,
+            notification: {
+                show: false,
+                message: '',
+                type: 'is-danger'
+            }
+            
+        }
+    },
+    components: {
+        lesliSelect: componentLesliSelect
+    },
+    mounted() {
+        this.$refs.email.focus()
+    },
+    methods: {
+
+        /**
+         * @param {*} event that triggers the function
+         * @description this function is triggered when the user submits the form to sign up
+         */
+        postRegistration(event) {
+
+            this.notification.show = false;
+
+            event.preventDefault();
+
+            const user = this.validateFields()
+
+            this.http.post(this.url.to(), user).then(response => {
+
+                setTimeout(() => { this.url.go("/login") }, 5000)
+                
+            }).catch((err)=>{
+                this.showNotification(err.message)
+            })
+
+        },
+
+        typing() {
+            this.notification.message= ""
+            this.notification.show= false
+            this.notification.type= "default"
+            this.verifyPasswords()
+        },
+
+        showNotification(message,type = "danger") {
+            this.notification.message = message
+            this.notification.type = type
+            this.notification.show = true
+        },
+
+        /**
+         * @description validates the password strength
+         */
+        verifyPasswords() {
+
+            this.password_uppercase = 0
+            this.password_number = 0
+            this.password_symbol = 0
+            
+            if (this.sign_up.password.length <= 0) {
+                return
+            }
+
+            if (this.sign_up.password.search(/[A-Z]/) < 0) {
+                this.password_uppercase = 1
+            } else {
+                this.password_uppercase = 2
+            }
+
+            if (this.sign_up.password.search(/[0-9]/) < 0) {
+                this.password_number = 1
+            } else {
+                this.password_number = 2
+            }
+
+            if (this.sign_up.password.search(/[!#$%&]/) < 0) {
+                this.password_symbol = 1
+            } else {
+                this.password_symbol = 2
+            }
+
+        },
+
+        /**
+         * @description this function validates if the fields are correct
+         * @returns object with the user to be registered
+         */
+        validateFields() {
+            
+            // · copy object without reference
+            const user = JSON.parse(JSON.stringify(this.sign_up))
+
+            if (user.password_confirmation == "") {
+                user.password_confirmation = user.password
+            }
+
+
+            return user
+        }
+
+    }
+})

data/lib/vue/devise/sessions.js

@@ -0,0 +1,143 @@
+/*
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+import application from "Lesli/public"
+
+
+// · 
+application({
+    
+    data(){
+        return {
+            loading: false,
+            sign_in: {
+                email: "hello@lesli.tech",
+                password: "tardis2023$"
+            },
+            notification: {
+                message: "",
+                show: false,
+                type: "default"
+            },
+            errors: ["holi"]
+        }
+    },
+    mounted() {
+        this.$refs?.email?.focus()
+    },
+    methods: {
+
+        togglePasswordInput() {
+            if (this.$refs.password.type === "password") {
+                this.$refs.password.type = "text";
+            } else {
+                this.$refs.password.type = "password";
+            }
+        },
+
+        validateEmail() {
+            if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(this.sign_in.email)) {
+                console.log("error")
+            }
+        },
+
+        build_redirect_url(default_path = null) {
+
+            // redirect to the root of the domain by default
+            let redirect_url = "/"
+
+            try {
+
+                // search for a redirection route in the url params
+                redirect_url = Object.fromEntries(new URLSearchParams(window.location.search)).r
+
+            } catch (error) {   
+
+            }
+
+            // redirect to the default path if: 
+            //      - there is no query params with redirection
+            if (!redirect_url && default_path) {
+                redirect_url = default_path   
+            }
+            
+            // redirect to the root if: 
+            //      - error parsing redirection route
+            //      - there is no query params with redirection
+            if (!redirect_url) {
+                redirect_url = "/" 
+            }
+
+            return redirect_url
+            
+        },
+
+        postLogin(event) {
+
+            this.loading = true
+            
+            event.preventDefault();
+
+            this.notification.show = false
+
+            let data = {
+                user: {
+                    email: this.sign_in.email.toLowerCase(),
+                    password: this.sign_in.password
+                }
+            };
+
+            this.http.post("/login", data).then(response => {  
+                this.url.go(this.build_redirect_url(response.default_path))
+            }).catch(error => { 
+                this.showNotification(error.message)
+            }).finally(() => {
+                this.loading = false
+            })
+
+        },
+
+        typing() {
+            this.notification.message= ""
+            this.notification.show= false
+            this.notification.type= "default"
+        },
+
+        showNotification(message, type="danger"){
+            this.notification.message = message;
+            this.notification.type = type;
+            this.notification.show = true;
+        }
+
+    }
+})

data/lib/vue/layouts/application-announcements.vue

@@ -0,0 +1,78 @@
+
+<script setup>
+/*
+
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+
+// · 
+import {onMounted} from 'vue'
+
+
+// · import stores
+import { useAnnouncements } from "Lesli/stores/announcements"
+import { editorRichTextViewer } from "lesli-vue/components"
+
+
+// · 
+const storeAnnouncements = useAnnouncements()
+
+
+// · initializing
+onMounted(() => {
+
+    // IMPORTANT: here we have to watch for Router changes, due vue router
+    // does not reload the entire window, so ouMounted is executed only once
+    // due rightnow we have to manage two different vue applications (vue2 & vue3)
+    // we reload the window everytime, this works... but the best way is to use
+    // only the vue3 router
+    setTimeout(() => storeAnnouncements.getAnnouncements(), 2000)
+})
+
+
+</script>
+<template>
+    <section class="application-announcements" v-if="storeAnnouncements.announcements.length > 0">
+        <div v-for="announcement in storeAnnouncements.announcements" :key="announcement.id" class="block">
+            <div 
+                :class="['notification', `is-${announcement.category}`]" 
+                v-if="announcement.status!='closed'">
+                <button class="delete" aria-label="delete" 
+                    v-if="announcement.can_be_closed" 
+                    @click="storeAnnouncements.closeAnnouncement(announcement)">
+                </button>
+                <richtext-viewer v-model="announcement.message"></richtext-viewer>
+            </div>
+        </div>
+    </section>
+</template>

data/lib/vue/layouts/application-engines.vue

@@ -0,0 +1,66 @@
+<script setup>
+/*
+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 vue tools
+import { ref, reactive, onMounted, inject } from "vue"
+
+
+// · import stores
+import { useLayout } from "Lesli/stores/layout"
+
+
+// · 
+const storeLayout = useLayout()
+
+</script>
+<template>
+    <Transition>
+        <section 
+            v-if="storeLayout.showEngines" 
+            class="lesli-application-engines" 
+            @click="storeLayout.toggleEngines()">
+            <div class="engines">
+                <div class="container">
+                    <slot></slot>
+                    <button class="button is-hidden-tablet">
+                        <span class="icon">
+                            <i class="ri-close-line"></i>
+                        </span>
+                        <span>close</span>
+                    </button>
+                </div>
+            </div>
+        </section>
+    </Transition>
+</template>

data/lib/vue/layouts/application-footer.vue

@@ -0,0 +1,123 @@
+<script>
+/*
+
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+
+// ·
+export default {
+    props: {
+        title: String
+    },
+    components: {
+    },
+    data() {
+        return {
+            timer: null,
+            command: "",
+            command_show: false, 
+            componentId: ""
+        }
+    },
+    mounted() {
+        
+    },
+    methods: {
+        executeCommand() {
+
+            this.postCommand().then(result => {
+                console.log(result)
+            }).catch(error => {
+                console.log(error)
+            })
+
+            return 
+
+            this.componentId = null
+            if (this.command == "tasks") {
+                this.componentId = 'component-driver-events'
+                this.command_show = true
+            }
+        },
+        postCommand() {
+            return fetch("http://localhost:8080/api/command/intent", {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    "intent": this.command
+                })
+            })
+        }
+    },
+    watch: {
+        command() {
+            if (this.command == "") {
+                this.command_show = false
+                return 
+            }
+            clearTimeout(this.timer)
+            this.timer = setTimeout(() => {
+                this.executeCommand()
+            }, 800);
+        }
+    },
+    computed: {
+    }
+}
+</script>
+<template>    
+    <footer class="application-footer">
+        <div class="application-commands" v-if="command_show">
+        </div>
+        <nav class="navbar" aria-label="main navigation" role="navigation">
+            <div class="navbar-menu">
+                <div class="navbar-start">
+                    <p class="navbar-item">
+                        <!-- we'll use this input later for command execution -->
+                        <input 
+                            type="text" 
+                            class="input is-shadowless" 
+                            v-model="command"
+                            :placeholder="title"
+                        />
+                    </p>
+                </div>
+                <div class="navbar-end">
+                    <slot name="navbar-end"></slot>
+                </div>
+            </div>
+        </nav>
+    </footer>
+</template>