lesli 5.0.11 → 5.0.12

data/lib/vue/panels/panel-tickets.vue

@@ -1,181 +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, watch } from "vue"
-import { useRouter } from "vue-router"
-
-
-// · import store
-import { useLayout } from "Lesli/vue/stores/layout"
-import { useTickets } from "Lesli/vue/stores/panels/tickets"
-
-
-// · 
-import { editorRichText } from "lesli-vue/components"
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const url = inject("url")
-
-
-// · implement stores
-const storeLayout = useLayout()
-const storeTicketsPanel = useTickets()
-
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    },
-    main: I18n.t('help.tickets')
-}
-
-
-// · 
-const columns = [{
-    field: "subject",
-    label: "subject"
-}, {
-    field: "status_name",
-    label: "Status"
-}]
-
-// · defining props
-const props = defineProps({
-    instanceEndpoint: {
-        type: String,
-        default: 'help'
-    }
-})
-
-// . Reset form on create
-storeTicketsPanel.resetForm()
-
-
-watch(() => storeLayout.showTickets, () => {
-    if(storeLayout.showTickets){
-        storeTicketsPanel.fetchTickets()
-
-        if(!storeTicketsPanel.loaded){
-            storeTicketsPanel.getTicketOptions()
-        }
-    }    
-})
-
-</script>
-
-<template>
-    <lesli-panel class="lesli-panel-tickets" v-model:open="storeLayout.showTickets">
-        <template #header>
-            {{ translations.main.view_text_support_tickets }}
-        </template>
-        <template #default>
-            <div class="lastest-tickets" v-if="storeTicketsPanel.tickets.length > 0">
-                <h4>{{ translations.main.view_title_latest_tickets }}</h4>
-                <lesli-table
-                    class="is-narrow"
-                    :columns="columns"
-                    :records="storeTicketsPanel.tickets"
-                    :loading="storeTicketsPanel.loading"
-                    :href="(ticket) => url.to(`${props.instanceEndpoint}/tickets/${ticket.id}`)">
-                </lesli-table>
-            </div>
-            <hr>
-            <div class="form">
-                <h4>{{translations.main.view_title_quick_creation}}</h4>
-                <form @submit.prevent="storeTicketsPanel.postTicket">
-                    <div class="columns">
-                        <div class="column is-1"></div>
-                        <div class="column is-3">
-                            <label class="label">
-                                {{translations.main.column_subject}} <sup class="has-text-danger">*</sup>
-                            </label>
-                        </div>
-                        <div class="column is-7">
-                            <input type="text" class="input" required v-model="storeTicketsPanel.ticket.subject">
-                        </div>
-                    </div>
-
-                    <div class="columns">
-                        <div class="column is-1"></div>
-                        <div class="column is-3">
-                            <label class="label">
-                                {{translations.main.column_cloud_help_catalog_ticket_types_id}}<sup class="has-text-danger">*</sup>
-                            </label>
-                        </div>
-                        <div class="column is-7">
-
-                                <lesli-select
-                                    :options="storeTicketsPanel.typesSelect"
-                                    v-model="storeTicketsPanel.ticket.cloud_help_catalog_ticket_types_id"
-                                >
-                                </lesli-select>
-                        </div>
-                    </div>
-
-                    <div class="columns">
-                        <div class="column is-1"></div>
-                        <div class="column is-3">
-                            <label class="label">
-                                {{translations.main.column_description}} <sup class="has-text-danger">*</sup>
-                            </label>
-                        </div>
-                    </div>
-
-                    <div class="columns">
-                        <div class="column is-1"></div>
-                        <div class="column is-10">
-                            <editorRichText mode="small" v-model="storeTicketsPanel.ticket.description"></editorRichText>
-                        </div>
-                    </div>
-
-                    <div class="columns">
-                        <div class="column is-1"></div>
-                        <div class="column">
-                            <lesli-button icon="save">
-                                {{ translations.core.shared.view_btn_save }}
-                            </lesli-button>   
-                        </div>
-                    </div>
-            
-                </form>
-            </div>
-        </template>
-
-    </lesli-panel>
-</template>

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

@@ -1,132 +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 { computed, ref } from "vue"
-
-// · import components
-import NewComment from "Lesli/vue/cloudobjects/components/discussion/new.vue" 
-
-// · import store
-import { useCloudObjectDiscussionStore } from "Lesli/vue/cloudobjects/stores/discussion"
-
-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)
-
-// · implement store
-const discussionStore = useCloudObjectDiscussionStore() 
-
-// · 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
-})
-
-/**
- * @description This function is called when user clicks on discussion's delete button.
- */
-const onDeleteDiscussion = () => {
-    discussionStore.deleteDiscussion(props.discussion.id)
-}
-
-/**
- * @description This function shows and hides the reply form.
- */
-const showReply = () => {
-    isReplyActive.value = !isReplyActive.value
-}
-</script>
-
-<template>
-    <div class="discussion-content">
-        <div class="discussion-content-item pt-4 px-4">
-            <div class="avatar mr-4">
-                <lesli-avatar :name="props.discussion.user_name"/>
-            </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 }}
-                        </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 }}
-                        </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>
-</template>

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

@@ -1,113 +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 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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// ·
-import { defineStore } from "pinia";
-
-
-// ·
-export const useAccount = defineStore("account", {
-    state: () => {
-        return {
-            accountInfo: {},
-            options: {
-                countries: [],
-                regions: [],
-                time_zones: []
-            }
-        }
-    },
-    actions: {
-
-        fetch (){
-            this.loading = true
-            this.http.get(this.url.admin("account")).then(result => {
-                this.accountInfo = result
-                delete this.accountInfo.created_at
-                delete this.accountInfo.updated_at
-                delete this.accountInfo.phone_number_2
-                delete this.accountInfo.phone_number_3
-                delete this.accountInfo.phone_number_4
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error")) 
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        update() {
-            this.submitting_form = true
-            this.http.patch(this.url.admin("account"), {
-                account: this.accountInfo
-            }).then(result => {
-                this.msg.success(I18n.t("core.users.messages_success_operation"))
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error")) 
-            }).finally(() => {
-                this.fetch()
-            })
-        },
-        getOptions (){
-            this.loading = true
-            this.http.get(this.url.admin("account/options")).then(result => {
-                this.options.countries = result.countries.map((country)=> {
-                    return {
-                        label: country.name,
-                        value: country.id
-                    }
-                } )
-                this.options.regions = result.regions.map((region)=> {
-                    return {
-                        label: region.value,
-                        value: region.key
-                    }
-                } )
-            }).catch(error => {
-                this.msg.danger(this.translations.core.shared.messages_danger_internal_error)
-            }).finally(() => {
-                this.loading = false
-            })
-            // Get options for time zone selection
-            this.http.get(this.url.admin("account/settings/options")).then(result => {
-                this.options.time_zones = result.time_zones.map((time_zone)=> {
-                    return {
-                        label: time_zone.text,
-                        value: time_zone.value
-                    }
-                } )
-            }).catch(error => {
-                this.msg.danger(this.translations.core.shared.messages_danger_internal_error)
-            })
-        }
-
-    },
-});