lesli 5.0.13 → 5.0.15

data/lib/vue/cloudobjects/discussion/content.vue

@@ -1,62 +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 store
-import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
-
-
-// · 
-import DiscussionElement from "./element.vue"
-
-
-// · 
-const discussionStore = useCloudObjectDiscussionStore()
-
-</script>
-<template>
-    <div class="discussion-content mt-6">
-        <discussion-element v-for="discussion in discussionStore.mergedArray" :key="discussion.id" :discussion="discussion">
-            <template v-slot:replies>
-                <!-- Discussion responses -->
-                <div class="pl-2 pb-4" v-if="discussion.type === 'discussion'">
-                    <discussion-element v-for="response in discussion.responses" :key="response.id" :discussion="response" is-reply></discussion-element>
-                </div>
-            </template>
-        </discussion-element>
-        <lesli-pagination
-            :pagination="discussionStore.pagination"
-            @paginate="discussionStore.paginateDiscussions">
-        </lesli-pagination>
-    </div>
-</template>

data/lib/vue/cloudobjects/discussion/element.vue

@@ -1,170 +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 { computed, ref } from "vue"
-
-
-// · import components
-import NewComment from "./new.vue" 
-
-
-// · import store
-import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
-
-
-// · implement store
-const discussionStore = useCloudObjectDiscussionStore() 
-
-
-// · 
-const props = defineProps({
-    // · the discussion or activity log that will be displayed.
-    discussion: {
-        type: Object,
-        required: true,
-    },
-    isReply: {
-        type: Boolean,
-        default: false,
-    },
-});
-
-
-// · 
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-
-// · this variable is used to show the reply form.
-const isReplyActive = ref(false)
-
-
-// · computed property that returns the discussion or activity log content that will be displayed in the component's element. 
-const getDiscussionContent = computed(() => {
-
-    if (props.discussion.type === 'activityLog' && props.discussion?.category == 'action_create_notification') return `${props.discussion.description}`
-    
-    if (props.discussion.type === 'activityLog') return `${props.discussion.field_name}: (${props.discussion.value_from}) - (${props.discussion.value_to})`
-
-    if (props.discussion.type === 'discussion' || props.isReply) return props.discussion.content
-})
-
-
-// · 
-const onDeleteDiscussion = () => {
-    discussionStore.deleteDiscussion(props.discussion.id)
-}
-
-
-// · 
-const showReply = () => {
-    isReplyActive.value = !isReplyActive.value
-}
-
-/*
-<div class="">
-    <div class="">
-        <div class="avatar mr-4">
-            <lesli-avatar :name="props.discussion.user_name">
-            </lesli-avatar>
-        </div>
-        <div class="info mt-2">
-            <!-- Discussion's header -->
-            <p>
-                <span class="has-text-weight-bold">{{ props.discussion.user_name }}</span>
-                <span v-if="props.discussion.type !== 'discussion'" class="ml-4">{{ props.discussion.category }}</span>
-            </p>
-            
-
-            <!-- Discussion's content -->
-            <p class="mt-2 has-text-weight-bold">{{ getDiscussionContent }}</p>
-
-            <!-- Discussion's footer -->
-            <div class="mt-4 pb-2 is-flex is-align-items-center">
-                <span class="mr-6">{{ props.discussion.created_at }}</span>
-                <template v-if="props.discussion.type === 'discussion' || props.isReply">
-                    <button @click="onDeleteDiscussion" v-if="discussionStore.currentUserId === discussion.users_id" class="is-transparent button mr-4 has-text-weight-bold has-text-danger">
-                        {{ translations.core.shared.view_btn_delete }} Delete
-                    </button>
-                    <button @click="showReply" v-if="!props.isReply" class="is-transparent button has-text-weight-bold has-text-primary">
-                        {{ translations.core.shared.view_btn_reply }} Reply
-                    </button>
-                </template>
-            </div>
-
-            <!-- Reply component to answer a discussion -->
-            <new-comment is-reply v-if="isReplyActive" :main-discussion="props.discussion" @on-add-comment="showReply"></new-comment>
-
-            <!-- Replies are defined in the content component -->
-            <slot name="replies"></slot>
-        </div>
-    </div>
-</div>
-*/
-
-</script>
-<template>
-    <div class="media">
-        <div class="media-left">
-            <lesli-avatar :name="props.discussion.user_name">
-            </lesli-avatar>
-        </div>
-        <div class="media-content">
-            <div class="content">
-                <div class="mb-4">
-                    <strong>{{ props.discussion.user_name }}</strong>
-                    <small>{{ props.discussion.created_at_date }}</small>
-                    <br />
-                    {{ getDiscussionContent }}
-                </div>
-                <div class="field">
-                    <div class="control">
-                        <template v-if="props.discussion.type === 'discussion' || props.isReply">
-                            <button @click="onDeleteDiscussion" v-if="discussionStore.currentUserId === discussion.users_id" class="is-transparent button mr-4 has-text-weight-bold has-text-danger">
-                                {{ translations.core.shared.view_btn_delete }} Delete
-                            </button>
-                            <lesli-button small icon="reply" @click="showReply" v-if="!props.isReply">
-                                {{ translations.core.shared.view_btn_reply }} Reply
-                            </lesli-button>
-                        </template>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>

data/lib/vue/cloudobjects/discussion/filters.vue

@@ -1,108 +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 { watch } from "vue"
-
-// · import store
-import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-// · implement store
-const discussionStore = useCloudObjectDiscussionStore()
-
-watch(discussionStore.filters, (filters) => {
-
-    // · if the toolbar text is not empty, and the filters changed then search
-    if (discussionStore.stringToFind) {
-        discussionStore.search(discussionStore.stringToFind)
-    } else {
-        // · if the toolbar text is empty, fetch with the new filters
-        if (filters.showDiscussion) discussionStore.fetchDiscussions()
-        if (filters.showActivityLog) discussionStore.fetchActivityLogs()
-    }
-
-    // · if showDiscussion filter is false, then clear the discussions
-    if (!filters.showDiscussion) discussionStore.discussions = []
-
-    // · if showActivityLog filter is false, then clear the activity logs
-    if (!filters.showActivityLog) discussionStore.activityLogs = []
-})
-</script>
-
-<template>
-    <div class="discussion-filters mt-2">
-        
-        <!-- Discussion filter -->
-        <div class="discussion-filters-item">
-            <p class="mb-2">{{ translations.core.shared.view_text_discussions }}</p>
-            <lesli-toggle v-model="discussionStore.filters.showDiscussion"/>
-        </div>
-
-        <!-- Activity logs filter -->
-        <div class="discussion-filters-item">
-            <p class="mb-2">{{ translations.core.shared.view_text_activity_logs }}</p>
-            <lesli-toggle v-model="discussionStore.filters.showActivityLog"/>
-        </div>
-        
-        <div class="discussion-filters-item mt-5">
-            <lesli-select
-                :options="[
-                    {
-                        label: '10',
-                        value: 10
-                    }, {
-                        label: '15',
-                        value: 15
-                    }, {
-                        label: '30',
-                        value: 30
-                    }, {
-                        label: '50',
-                        value: 50
-                    },
-                ]"
-                v-model="discussionStore.filters.per_page"
-                @change="discussionStore.fetchDiscussions()">
-            </lesli-select>
-        </div>
-    </div>
-</template>

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>