lesli 5.0.12 → 5.0.14

data/lib/vue/cloudobjects/discussion/new.vue

@@ -1,134 +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 { ref, computed } from "vue"
-
-// · import store
-import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
-
-// · defining props
-const props = defineProps({
-    isReply: {
-        type: Boolean,
-        default: false,
-    },
-    mainDiscussion: {
-        type: Object,
-        default: null,
-    },
-});
-
-// · defining emits
-const emit = defineEmits(["onAddComment"])
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-// · implement stores
-const discussionStore = useCloudObjectDiscussionStore()
-
-// · comment to add a new discussion
-const comment = ref(null)
-
-// · component's title
-const title = computed(() => props.isReply ? translations.core.shared.view_text_reply : translations.core.shared.view_text_add_new_comment)
-
-// · button's text
-const buttonText = computed(() => props.isReply ? translations.core.shared.view_btn_add_reply : translations.core.shared.view_btn_add_comment)
-
-/**
- * @description function to be called when the user clicks on the 'Add Comment' or 'Add Reply' button
- */
-const onAddComment = () => {
-    if (!comment.value) return
-
-    // · the discussion model to be used for adding a new discussion
-    let discussionModel = `${discussionStore.utils.singularize(discussionStore.cloudObject)}_discussion`
-
-    const payload = {}
-
-    if (props.isReply) {
-        // · add the discussion id to the payload when is a reply
-        payload[discussionModel] = {
-            content: comment.value,
-            discussion_parent_id: props.mainDiscussion.id
-        }
-    } else {
-        // · payload for a basic discussion
-        payload[discussionModel] = {
-            content: comment.value
-        }
-    }
-
-    // · add a new discussion
-    discussionStore.createDiscussion(payload)
-    
-    // · emit event after adding a new discussion
-    emit("onAddComment")
-
-    // · clear the comment
-    comment.value = null
-}
-</script>
-
-<template>
-    <div>
-        <div class="field">
-            <label class="label">{{ title }} Add new comment</label>
-            <div class="control">
-                <textarea
-                    name="comment"
-                    rows="2"
-                    maxlength="1000"
-                    class="textarea has-fixed-size"
-                    :placeholder="translations.core.shared.view_placeholder_enter_comment + 'Type your comments :)'"
-                    v-model="comment">
-                </textarea>
-            </div>
-        </div>
-        <div class="field is-grouped is-grouped-right">
-            <div class="control">
-                <lesli-button solid icon="save" @click="onAddComment">
-                    {{ buttonText }} Add comment
-                </lesli-button>
-            </div>
-        </div>
-    </div>
-</template>

data/lib/vue/cloudobjects/discussion.vue

@@ -1,99 +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 · 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 vue tools
-import { onMounted, watch } from "vue"
-
-
-// · import components
-import DiscussionNew from "./discussion/new.vue"
-import DiscussionContent from "./discussion/content.vue"
-import DiscussionFilters from "./discussion/filters.vue"
-
-
-// · import store
-import { useCloudObjectDiscussionStore } from "./stores/discussion.js"
-
-
-// · implement store
-const discussionStore = useCloudObjectDiscussionStore()
-
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-
-// · defining props
-const props = defineProps({
-    // · prop that indicates the cloud module that will be used for interacting with the backend.
-    cloudModule: {
-        type: String,
-        required: true,
-    },
-    // · prop that indicates the resource that you need to interact with.
-    cloudObject: {
-        type: String,
-        required: true,
-    },
-    // · prop that indicates the object id of the resource that you need to interact with.
-    cloudObjectId: {
-        type: [String, Number],
-        required: true,
-    },
-    onlyDiscussions: {
-        type: Boolean,
-        required: false,
-        default: false
-    }
-});
-
-
-onMounted(() => {
-    discussionStore.cloudModule = props.cloudModule
-    discussionStore.cloudObject = props.cloudObject 
-    discussionStore.cloudObjectId = props.cloudObjectId
-    discussionStore.fetchDiscussions()
-})
-</script>
-<template>
-    <div class="lesli-cloud-object-discussion m-auto py-6">
-        <discussion-new></discussion-new>
-        <!-- lesli-toolbar @search="discussionStore.search" :search-placeholder="translations.core.shared.view_placeholder_discussion_search" class="mt-4"></lesli-toolbar -->
-        <!-- discussion-filters v-if="!props.onlyDiscussions"></discussion-filters -->
-        <discussion-content></discussion-content>
-    </div>
-</template>

data/lib/vue/cloudobjects/stores/discussion.js

@@ -1,212 +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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-import { defineStore } from "pinia"
-
-
-// · 
-export const useCloudObjectDiscussionStore = defineStore("cloudObjectDiscussion", {
-    state: () => {
-        return {
-            discussions: [],
-            activityLogs: [],
-            loading: false,
-            cloudModule: null,
-            cloudObject: null,
-            cloudObjectId: null,
-            stringToFind: null,
-            isBuilderEngine: null,
-            currentUserId: lesli.current_user.id,
-            index: {
-                pagination: {},
-                records: []
-            },
-            pagination: {
-                page: 1,
-                pages: 1,
-                total: 0,
-                results: 0
-            },
-            filters: {
-                per_page: 10,
-                showDiscussion: true,
-                showActivityLog: false,
-            }
-        }
-    },
-    getters: {
-        /**
-         * 
-         * @param {*} state has the state of the store
-         * @returns {Array} merged array of discussions and activity logs
-         */
-        mergedArray: (state) => {
-            // · Array of elements to be displayed in the discussion section
-            const elements = [] 
-
-            // · Verify length of the discussion array
-            if (state.discussions.length > 0) {
-                // · Add the discussion array to the merged array
-                elements.push(...state.discussions.map(discussion => {
-                    // · Return the discussion object with a similar structure to the activity log
-                    return {
-                        type: "discussion",
-                        responses: discussion.responses,
-                        ...discussion.data
-                    }
-                })) 
-            }
-
-            // · Verify length of the activity log array
-            if (state.activityLogs.length > 0) {
-                // · Add the activity log array to the merged array
-                elements.push(...state.activityLogs.map(activityLog => {
-                    // · Return the activity log object with a similar structure to the discussion
-                    return {
-                        type: "activityLog",
-                        ...activityLog
-                    }
-                }))
-            }
-
-            return elements.sort((a, b) => {
-                return a.created_at < b.created_at ? 1 : -1
-            }, 0)
-        }
-    },
-    actions: {
-
-        paginateDiscussions(page){
-            this.pagination.page = page
-            this.fetchDiscussions()
-        },
-
-        fetchDiscussions(url) {
-            this.loading = true
-
-            if (!url) url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, this.cloudObjectId)
-
-            this.http.get(url.paginate(this.pagination.page, this.filters.per_page)).then(result => {
-                this.pagination = result.pagination
-                this.discussions = result.records
-            }).catch(error => {
-                console.log(error)
-                this.msg.danger(I18n.t("core.shared").messages_danger_getting_discussions)
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        /**
-         * 
-         * @param {string} stringToFind String to search for
-         * @description This action is used to search for a string in the cloud object's discussions and activity logs 
-         */
-        search(stringToFind) {
-            
-            // · It's necessary to set the string to find in the state
-            // · if the filters change and the toolbar is not empty
-            // · the search will be performed again
-            this.stringToFind = stringToFind
-
-            if (this.filters.showDiscussion) {
-                const discussionsUrl = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, this.cloudObjectId).search(this.stringToFind)
-                this.fetchDiscussions(discussionsUrl)
-            }
-            
-            if (this.filters.showActivityLog) {
-                const activityLogsUrl = this.url[this.cloudModule](`${this.cloudObject}/:id/activities`, this.cloudObjectId).search(this.stringToFind)
-                this.fetchActivityLogs(activityLogsUrl)
-            } 
-        },
-
-        /**
-         * @description This action is used to create a discussion
-         * @param {Object} payload contains the data of the discussion
-         */
-        createDiscussion(payload) {
-
-            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, {
-                id: this.cloudObjectId,
-            })
-
-            this.http.post(url, payload
-            ).then(() => {
-                this.msg.success(I18n.t("core.shared").messages_success_creating_discussion)
-                this.fetchDiscussions()
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared").messages_danger_creating_discussion)
-            })
-        },
-
-        /**
-         * @description This action is used to delete a discussion.
-         */
-        deleteDiscussion(discussionId) {
-            
-            if (!discussionId) return
-
-            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions/:discussionId`, {
-                id: this.cloudObjectId,
-                discussionId: discussionId,
-            })
-
-            this.http.delete(url).then(() => {
-                this.msg.success(I18n.t("core.shared").messages_success_deleting_discussion)
-                this.fetchDiscussions()
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared").messages_danger_deleting_discussion)
-            })
-        },
-
-        /**
-         * @description This action is used to get the activity logs of the cloud object.
-         * @param {String} url to fetch the activity logs
-         */
-        fetchActivityLogs(url) {
-            this.loading = true
-
-            if (!url) url = this.url[this.cloudModule](`${this.cloudObject}/:id/activities`, this.cloudObjectId)
-
-            this.http.get(url).then(result => {
-                this.activityLogs = result
-            }).catch(error => {
-                console.log(error)
-                this.msg.danger(I18n.t("core.shared").messages_danger_getting_activity_logs)
-            }).finally(() => {
-                this.loading = false
-            })
-        }
-    }
-})

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

@@ -1,78 +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 {onMounted} from 'vue'
-
-
-// · import stores
-import { useAnnouncements } from "Lesli/vue/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-component.vue

@@ -1,38 +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 · 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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-</script>
-<template>
-    <div class="lesli-application-component">
-        <slot></slot>
-    </div>
-</template>

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

@@ -1,48 +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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-// · defining props
-const props = defineProps({
-    dashboard: {
-        type: Boolean,
-        default: false,
-        required: false
-    }
-})
-
-</script>
-<template>
-    <section class="lesli-application-container container" :class="{ 'is-fluid':dashboard }">
-        <slot></slot>
-    </section>
-</template>

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

@@ -1,66 +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 · 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/vue/shared/stores/layout"
-
-
-// · 
-const storeLayout = useLayout()
-
-</script>
-<template>
-    <Transition>
-        <section 
-            v-if="storeLayout.showEngines" 
-            class="lesli-application-engines" 
-            @click="storeLayout.toggleEngines()">
-            <div class="engines-container">
-                <div class="engines">
-                    <slot></slot>
-                </div>
-                <button class="button is-hidden-tablet">
-                    <span class="icon">
-                        <i class="ri-close-line"></i>
-                    </span>
-                    <span>close</span>
-                </button>
-            </div>
-        </section>
-    </Transition>
-</template>