lesli 5.0.13 → 5.0.15

data/lib/vue/shared/dashboards/components/form.vue

@@ -1,246 +0,0 @@
-<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 vue tools
-import { inject, onMounted, watch } from "vue"
-
-
-// · import stores
-import { useDashboard } from "Lesli/vue/shared/stores/dashboard"
-
-
-// · import vue router composable
-import { useRouter, useRoute } from "vue-router"
-
-
-// · implement stores
-const storeDashboard = useDashboard()
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const url = inject("url")
-const msg = inject("msg")
-const route = useRoute()
-
-
-// · 
-const props = defineProps({
-    isEditable: {
-        type: Boolean,
-        require: false
-    }
-})
-
-
-// · translations
-const translations = {
-    shared: {}, //i 18n.t("lesli.shared"),
-    dashboards: {}, //i 18n.t("lesli.dashboards"),
-
-    components: I18n.t('core.dashboard/components'),
-    core: I18n.t('core.shared'),
-    roles: I18n.t('core.roles'),
-    main: I18n.t(`${storeDashboard.engine}.dashboards`),
-    main_components: I18n.t(`${storeDashboard.engine}.dashboard/components`)
-}
-
-
-// · 
-const default_options = {
-    yes: { 
-        label: translations.core.view_text_yes, 
-        value: true
-    },
-    no: {
-        label: translations.core.view_text_no,
-        value: false
-    }
-}
-
-
-// · 
-const layout_options = [{
-    label: '25%',
-    value: 3
-}, {
-    label: '33%',
-    value: 4
-}, {
-    label: '50%',
-    value: 6
-}, {
-    label: '66%',
-    value: 8
-}, {
-    label: '75%',
-    value: 9
-}, {
-    label: '100%',
-    value: 12
-}]
-
-
-// · 
-const onUpdate = () => {
-    storeDashboard.updateDashboard()
-}
-
-
-// · 
-const onCreate = () => {
-    storeDashboard.postDashboard().then(()=> {
-        router.push(url[storeDashboard.engine]('dashboards').s)
-    })
-}
-
-
-// · 
-function addComponent(){
-    msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
-
-    let new_component = {
-        //id: `${storeDashboard.new_component_id}-${storeDashboard.default_component_configuration.index}`,
-        name: '',
-        component_id: storeDashboard.new_component_id.replaceAll("_", "-"),
-        layout: storeDashboard.default_component_configuration.layout,
-        index: storeDashboard.default_component_configuration.index++,
-        query_configuration: {
-            filters: {},
-            pagination: {}
-        },
-        custom_configuration: {
-            arrangement: {}
-        }
-    }
-    storeDashboard.dashboard.components.push(new_component)
-}
-
-
-// · 
-function selectDashboardComponent(selected_component){
-    if(storeDashboard.dashboard.components.find( component => component.id == selected_component.id)){
-        storeDashboard.selected_dashboard_component = selected_component
-    }  
-}
-
-
-// · 
-function removeComponent(deleted_component){
-    msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
-    storeDashboard.dashboard.components = storeDashboard.dashboard.components.filter((component)=> {
-        return component.id != deleted_component.id
-    })
-
-    // We check if the component id is a real number. If it is, de stage it to delete it when saved
-    if(! isNaN(deleted_component.id)){
-        deleted_component._destroy = true
-        storeDashboard.deleted_components.push(deleted_component)
-    }
-}
-
-
-// · 
-function onDeleteDashboard() {
-    storeDashboard.deleteDashboard().then(()=> {
-        router.push(url[props.engine]('dashboards').s)
-    })
-}
-
-
-// · 
-onMounted(() => {
-    if (!props.isEditable){
-        storeDashboard.resetDashboard()
-    }
-})
-</script>
-<template>
-    <lesli-form class="mb-6" @submit="isEditable ? onUpdate() : onCreate()">
-        <div class="columns">
-
-            <!-- Name -->
-            <div class="column is-4">
-                <div class="field">
-                    <label class="label">
-                        {{ translations.dashboards.column_name }}
-                    </label>
-                    <div class="control">
-                        <input class="input" type="text" v-model="storeDashboard.dashboard.name" required>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Default -->
-            <div class="column is-4">
-                <div class="field">
-                    <label class="label">{{ translations.dashboards.column_default }}</label>
-                    <lesli-select
-                        v-model="storeDashboard.dashboard.default"
-                        :options="default_options">
-                    </lesli-select>
-                </div>
-            </div>
-
-            <!-- Components -->
-            <div class="column is-4"> 
-                <div class="field">
-                    <label class="label">
-                        {{ translations.dashboards.view_add_component }}
-                    </label>
-                    <div class="control">
-                        <lesli-select
-                            v-model="storeDashboard.new_component_id"
-                            :options="storeDashboard.options.component_ids"
-                            @change="addComponent">
-                        </lesli-select>
-                    </div>
-                </div>
-            </div>    
-        </div>
-
-        <!-- Save button -->
-        <div class="buttons">
-            <lesli-button icon="save" :loading="storeDashboard.loading">
-                {{ translations.shared.button_save }}
-            </lesli-button> 
-            <!--
-            <lesli-button danger icon="delete" @click="onDeleteDashboard">
-                {{ translations.dashboards.view_btn_delete_dashboard }}
-            </lesli-button>
-            -->
-        </div>
-    </lesli-form>
-</template>

data/lib/vue/shared/services/firebase.js

@@ -1,163 +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 · 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 pinia tools
-import { ref } from "vue"
-import { defineStore } from "pinia"
-
-
-// · Import firebase tools
-import { getFirestore } from "firebase/firestore"
-import { getApp, initializeApp, getApps } from "firebase/app"
-import { getAuth, signInWithEmailAndPassword } from "firebase/auth"
-import { collection, query, where, onSnapshot, documentId, doc } from "firebase/firestore"
-import { getStorage } from "firebase/storage"
-
-
-
-// · 
-export const useFirebase = defineStore("core.firebase", {
-
-    state: () => {
-        
-        // check if we have at least a valid structure of credentials for firebase
-        if (
-            !lesli.providers.firebase.config || 
-            !lesli.providers.firebase.user.email || 
-            !lesli.providers.firebase.user.password
-        ) {
-            return debug.error("No valid provider credentials found for firebase")
-        }
-
-        var user = null
-    
-        // · When the store is created, the firebase app is initialized
-        if (getApps().length === 0) {
-            initializeApp(lesli.providers.firebase.config)
-        }
-    
-    
-        // try to login if user is empty
-        if (!user) {
-    
-            // if user is not logged, try to login
-            signInWithEmailAndPassword(
-                getAuth(), 
-                lesli.providers.firebase.user.email, 
-                lesli.providers.firebase.user.password
-            ).then((result) => {
-                user = result
-            }).catch((error) => {
-                console.log(error)
-                user = null
-            })
-    
-        }
-
-        // initialize the firestore client
-        const firestore = getFirestore()
-
-        // Create a root reference to firebase storage
-        const storage = getStorage()
-
-        // initialize the user with static information
-        const currentUser = ref({ 
-            id: lesli.current_user.id.toString(), 
-            email: lesli.current_user.email, 
-            roles: lesli.current_user.roles,
-            full_name: lesli.current_user.full_name, 
-            locale: lesli.current_user.settings.find((setting) => setting.name === "locale")?.value || "en",
-            active: true,
-            implementation: lesli.implementation
-        })
-
-        
-        // get the users docs and keep listening for any change
-        onSnapshot(query(
-            collection(firestore, "instances", lesli.implementation, "users"),
-            where(documentId(), "==", lesli.current_user.id.toString())
-        ), querySnapshot => {
-
-            // here we expect to receive only one document due we want to work only with one user
-            let data = querySnapshot?.docs.at(0)?.data()
-
-            // if you need to add more information to the currentUser
-            // this is the place to add those custom properties
-            currentUser.value.locale = data?.locale || currentUser.locale
-            currentUser.value.full_name = data?.full_name || currentUser.full_name
-
-        })
-
-
-        // return the state of the app :) 
-        return {
-            firebase: getApp(),
-            firestore: firestore,
-            storage: storage,
-            currentUser: currentUser,
-            implementation: lesli.implementation,
-            users: []
-        }
-    },
-
-    actions: {
-        
-        /**
-         * Return a reference to a firestore collection
-         * @param  {...any} collectionPath 
-         * @returns firebase collection
-         * @example
-         *      getCollection("users")
-         *      getCollection("chatrooms")
-         *      getCollection("chatrooms", chatroom.id, "message")
-         */
-        getCollection(...collectionPath) {
-            return collection(this.firestore, "instances", this.implementation, ...collectionPath)
-        },
-
-        /**
-         * Return a reference to a firestore doc
-         * @param  {...any} docPath 
-         * @returns firebase doc
-         * @example
-         *      getDoc("chatrooms", chatroom.id)
-         */
-        getDoc(...docPath) {
-            return doc(this.firestore, "instances", this.implementation, ...docPath)
-        }
-
-    }
-
-})

data/lib/vue/shared/services/translator.js

@@ -1,87 +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 · 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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-
-*/
-
-
-// This store is used to manage the traslations
-
-import { defineStore } from "pinia"
-
-import { ref } from "vue"
-
-
-import axios from "axios"
-
-export const useServiceTranslator = defineStore("services.translator", () => {
-
-    const httpClient = axios.create({ baseURL: "https://www.googleapis.com" })
-    
-    const loading = ref(false)
-    
-    function getTranslation(message, source, target) {
-
-        if (!(message || source)) return
-
-        var translatedMessage = {
-            translatedText: message,
-            originalLang: target
-        }
-
-        if (source == target) {
-            return translatedMessage
-        }
-        
-        return httpClient.get("/language/translate/v2", {
-            params: {
-                q: message,
-                target,
-                source,
-                key: lesli.providers.google_translate.api_key
-            },
-            headers: {
-                'Content-Type': 'application/json',
-                'Accept': 'application/json',
-            }
-        }).then((response) => {
-            translatedMessage.translatedText = response.data.data.translations[0].translatedText
-            return translatedMessage
-        }).catch((error) => {
-            console.error(error)
-        })
-        
-    }
-
-    return {
-        loading,
-        getTranslation,
-    }
-})

data/lib/vue/shared/stores/command.js

@@ -1,154 +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 · 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 { defineStore } from "pinia"
-import { reactive } from "vue"
-
-
-// · 
-export const useSearch = defineStore("search", {
-    state: () => {
-        return {
-            text: "",
-            timer: null,
-            loading: false,
-            showResults: false,
-
-            pagination: {},
-            columns: [],
-            records: []
-        }
-    },
-    actions: {
-
-        doSearch() {
-
-            if (this.text == "") {
-                this.showResults = false
-                return 
-            }
-
-            this.loading = true
-
-            clearTimeout(this.timer)
-
-            this.timer = setTimeout(() => this.fetchSearch(), 800)
-
-        }, 
-
-        fetchSearch() {
-            this.loading = true
-
-            // filter german characteres and replace for strings
-            // that will be replaced in the highlight method
-            var wordsToHighlight = this.text.toLowerCase()
-                .split(/(\s+)/)
-                .filter( e => e.trim().length > 0)
-                .map(e => this.filterNonEnglishLetters(e))
-
-            // TODO: this url must be dynamically, according to the engine where we are searching
-            let url = this.url.dl("search").search(this.text)
-
-            // searching... :) 
-            this.http.get(url).then(result => {
-                this.pagination = result.pagination
-                this.columns = result.columns
-                this.records = result.records.map(record => {
-                    
-                    // iterate over every column in the search result
-                    for(var key in record) {
-
-                        // do not highlight the id column
-                        if (key == 'id') continue;
-
-                        // highlight the text in the search result if match with the text
-                        // we want to search 
-                        record[key] = this.doHighlightText(record[key], wordsToHighlight)
-                    }
-
-                    return record
-                })
-            }).catch(error => {
-                console.log(error)
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        doHighlightText(textToHighlight, wordsToHighlight) {
-
-            if (!textToHighlight) return ;
-
-            // return same string if search tearm is not present
-            if (wordsToHighlight.length === 0) {
-                return text_to_highlight
-            }
-
-            // working with german characteres
-            let iQuery = new RegExp(`${wordsToHighlight.join('|')}`, 'ig');
-
-            textToHighlight = textToHighlight.toString()
-            // replace the matched strings in the results with the text search term
-            // with a tag, so we can highlight the matching results
-            .replace(iQuery, (matchedText, _a, _b)=>{
-                return `<span class="tag is-primary">${matchedText}</span>`
-            })
-
-            return textToHighlight
-
-        },
-
-        filterNonEnglishLetters(text) {
-
-            if (text.includes("ä")){
-                return text.replace("ä", "(ä|ae)") 
-            } else if (text.includes("ae")){
-                return text.replace("ae", "(ä|ae)") 
-            } else if (text.includes("ü")){
-                return text.replace("ü", "(ü|ue)")                 
-            }else if (text.includes("ue")){
-                return text.replace("ue", "(ü|ue)") 
-            }else if (text.includes("ö")){
-                return text.replace("ö", "(ö|oe)") 
-            }else if (text.includes("oe")){
-                return text.replace("oe", "(ö|oe)")                 
-            } else {
-                return text
-            }
-
-        }
-    }
-})