lesli 5.0.11 → 5.0.13

data/lib/vue/application.js

@@ -18,7 +18,7 @@ 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
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -56,25 +56,28 @@ import componentApplicationSidebar from "Lesli/vue/layouts/application-sidebar.v
 import componentApplicationAnnouncement from "Lesli/vue/layouts/application-announcements.vue"
 import componentApplicationPanelTasks from "Lesli/vue/panels/panel-tasks.vue"
 import componentApplicationPanelFiles from "Lesli/vue/panels/panel-files.vue"
-import componentApplicationPanelTickets from "Lesli/vue/panels/panel-tickets.vue"
 import componentApplicationPanelProfile from "Lesli/vue/panels/panel-profile.vue"
 import componentApplicationPanelNotifications from "Lesli/vue/panels/panel-notifications.vue"
 import componentApplicationPanelAnnouncements from "Lesli/vue/panels/panel-announcements.vue"
 */
 
+import componentApplicationPanelSupportTickets from "Lesli/vue/panels/panel-support-tickets.vue"
+import componentApplicationPanelBellNotifications from "Lesli/vue/panels/panel-bell-notifications.vue"
+
 
 // · Loading global layout components
 import { 
     // lesliElementAutocomplete, 
-    // lesliElementAvatar, 
+    LesliAvatar,
     LesliButton, 
     // lesliElementButtonLink,
-    // lesliElementCalendar, 
+    LesliCalendar, 
     LesliCard, 
     // lesliElementCollapse, 
     LesliColumn,
     LesliColumns,
     LesliControl, 
+    LesliInput, 
     // lesliElementDropdown, 
     LesliEmpty, 
     LesliForm, 
@@ -85,7 +88,7 @@ import {
     LesliLink, 
     LesliLoading, 
     // lesliElementMap, 
-    // lesliElementNavbar, 
+    LesliNavbar, 
     // lesliElementFileUploader,
     // lesliElementNavigationList, 
     LesliPagination, 
@@ -113,9 +116,8 @@ import {
 
 
 
-// · engine: List of controllers apps loaded
+// · engine: Engine name
 // · routes: Array of routes for Vue 
-// · example: app("CloudAudit", [])
 export default (engine, routes=[]) => {
 
     // · Base path for the engines/core url's
@@ -130,6 +132,8 @@ export default (engine, routes=[]) => {
     appbuilder["components"] = { 
         "lesli-application-header": lesliApplicationHeader,
         "lesli-application-engines": lesliApplicationEngines,
+        "application-panel-support-tickets": componentApplicationPanelSupportTickets,
+        "application-panel-bell-notifications": componentApplicationPanelBellNotifications
         /*
         "application-component-footer": componentApplicationFooter,
         "application-component-search": componentApplicationSearch,
@@ -137,10 +141,8 @@ export default (engine, routes=[]) => {
         "application-component-announcements": componentApplicationAnnouncement,
         "application-component-panel-tasks": componentApplicationPanelTasks,
         "application-component-panel-files": componentApplicationPanelFiles,
-        "application-component-panel-tickets": componentApplicationPanelTickets,
         "application-component-panel-profile": componentApplicationPanelProfile,
-        "application-component-panel-announcements": componentApplicationPanelAnnouncements,
-        "application-component-panel-notifications": componentApplicationPanelNotifications
+        "application-component-panel-announcements": componentApplicationPanelAnnouncements
         */
     }
 
@@ -151,7 +153,7 @@ export default (engine, routes=[]) => {
 
     // · Loading pinia handmade plugins
     pinia.use(() => ({ msg: useLesliMsg() }))
-    pinia.use(() => ({ url: useLesliUrl() }))
+    pinia.use(() => ({ url: useLesliUrl(Lesli) }))
     pinia.use(() => ({ http: useLesliHttp() }))
     pinia.use(() => ({ date: useLesliDate() }))
     pinia.use(() => ({ utils: useLesliUtils() }))
@@ -207,7 +209,7 @@ export default (engine, routes=[]) => {
     application.provide('msg', useLesliMsg())
     application.provide('url', useLesliUrl())
     application.provide('http', useLesliHttp())
-    application.provide('date', useLesliDate())
+    application.provide('date', useLesliDate()())
     application.provide('utils', useLesliUtils())
     application.provide('dialog', useLesliDialog())
 
@@ -224,6 +226,7 @@ export default (engine, routes=[]) => {
     
     // · Loading Lesli handmade global components
     // application.component("lesli-icon", lesliElementIcon)
+    application.component("lesli-avatar", LesliAvatar)
     application.component("lesli-empty", LesliEmpty)
     application.component("lesli-header", LesliHeader)
     application.component("lesli-select", LesliSelect)
@@ -235,16 +238,17 @@ export default (engine, routes=[]) => {
     application.component("lesli-columns", LesliColumns)
     application.component("lesli-card", LesliCard)
     application.component("lesli-control", LesliControl)
+    application.component("lesli-input", LesliInput)
     application.component("lesli-tabs", LesliTabs)
     application.component("lesli-tab-item", LesliTabItem)
     application.component("lesli-panel", LesliPanel)
     application.component("lesli-button", LesliButton)
     // application.component("lesli-button-link", lesliElementButtonLink)
-    // application.component("lesli-calendar", lesliElementCalendar)
+    application.component("lesli-calendar", LesliCalendar)
     // application.component("lesli-input-tag", lesliElementInputTag)
     // application.component("lesli-file-uploader", lesliElementFileUploader)
     // application.component("lesli-navigation-list", lesliElementNavigationList)
-    // application.component("lesli-avatar", lesliElementAvatar)
+    application.component("lesli-navbar", LesliNavbar)
     application.component("lesli-toggle", LesliToggle)
     // application.component("lesli-dropdown", lesliElementDropdown)
     // application.component("lesli-map", lesliElementMap)
@@ -255,7 +259,6 @@ export default (engine, routes=[]) => {
     // application.component("lesli-input", lesliElementInput)
     application.component("lesli-link", LesliLink)
     
-    
 
 
     // · Mount app once DOM is ready

data/lib/vue/{refactor/shared/cloudobjects → cloudobjects}/discussion/content.vue

@@ -18,30 +18,32 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
-Made with ♥ by https://www.lesli.tech
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
-@website  https://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
 // · import store
-import { useCloudObjectDiscussionStore } from "Lesli/vue/cloudobjects/stores/discussion"
+import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
+
+
+// · 
+import DiscussionElement from "./element.vue"
 
-import DiscussionElement from "Lesli/vue/cloudobjects/components/discussion/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">

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

@@ -0,0 +1,170 @@
+<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/{refactor/shared/cloudobjects → cloudobjects}/discussion/filters.vue

@@ -37,7 +37,7 @@ Building a better future, one line of code at a time.
 import { watch } from "vue"
 
 // · import store
-import { useCloudObjectDiscussionStore } from "Lesli/vue/cloudobjects/stores/discussion"
+import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
 
 // · defining translations
 const translations = {

data/lib/vue/{refactor/shared/cloudobjects → cloudobjects}/discussion/new.vue

@@ -37,7 +37,7 @@ Building a better future, one line of code at a time.
 import { ref, computed } from "vue"
 
 // · import store
-import { useCloudObjectDiscussionStore } from "Lesli/vue/cloudobjects/stores/discussion"
+import { useCloudObjectDiscussionStore } from "../stores/discussion.js"
 
 // · defining props
 const props = defineProps({
@@ -109,22 +109,26 @@ const onAddComment = () => {
 </script>
 
 <template>
-    <div class="discussion-comment mb-2 mt-2">
-        <div class="discussion-comment-input">
-            <p class="is-size-5 mb-4">{{ title }}</p>
-            <textarea
-                name="comment"
-                rows="2"
-                maxlength="1000"
-                class="textarea"
-                :placeholder="translations.core.shared.view_placeholder_enter_comment"
-                v-model="comment"
-            />
+    <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="is-flex is-justify-content-flex-end pb-2">
-            <button @click="onAddComment" class="discussion-comment-button mt-4 button is-primary has-text-weight-bold">
-                {{ buttonText }}
-            </button>
+        <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/{refactor/shared/cloudobjects → cloudobjects}/discussion.vue

@@ -1,6 +1,5 @@
 <script setup>
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -18,31 +17,37 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
-Made with ♥ by https://www.lesli.tech
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
-@website  https://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
 // · import vue tools
-import { onMounted } from "vue"
+import { onMounted, watch } from "vue"
 
-// · import store
-import { useCloudObjectDiscussionStore } from "Lesli/vue/cloudobjects/stores/discussion"
 
 // · import components
-import DiscussionNew from "Lesli/vue/cloudobjects/components/discussion/new.vue"
-import DiscussionContent from "Lesli/vue/cloudobjects/components/discussion/content.vue"
-import DiscussionFilters from "Lesli/vue/cloudobjects/components/discussion/filters.vue"
+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 = {
@@ -51,8 +56,6 @@ const translations = {
     }
 }
 
-// · implement store
-const discussionStore = useCloudObjectDiscussionStore()
 
 // · defining props
 const props = defineProps({
@@ -68,7 +71,7 @@ const props = defineProps({
     },
     // · prop that indicates the object id of the resource that you need to interact with.
     cloudObjectId: {
-        type: String,
+        type: [String, Number],
         required: true,
     },
     onlyDiscussions: {
@@ -78,21 +81,19 @@ const props = defineProps({
     }
 });
 
-discussionStore.cloudModule = props.cloudModule
-discussionStore.cloudObject = props.cloudObject 
-discussionStore.cloudObjectId = props.cloudObjectId
 
 onMounted(() => {
-    if (discussionStore.filters.showActivityLog && !props.onlyDiscussions) discussionStore.fetchActivityLogs()
-    if (discussionStore.filters.showDiscussion) discussionStore.fetchDiscussions()
+    discussionStore.cloudModule = props.cloudModule
+    discussionStore.cloudObject = props.cloudObject 
+    discussionStore.cloudObjectId = props.cloudObjectId
+    discussionStore.fetchDiscussions()
 })
 </script>
-
 <template>
-    <div class="p-2 discussion">
+    <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>
+        <!-- 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/{refactor/stores/cloudobjects → cloudobjects/stores}/discussion.js

@@ -17,27 +17,25 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
-Made with ♥ by https://www.lesli.tech
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
-@website  https://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
-// · This store is needed to make http requests, manage the reactivity 
-// · of certain global properties available to child components of the 
-// · cloud object.
-
+// · 
 import { defineStore } from "pinia"
 
+
+// · 
 export const useCloudObjectDiscussionStore = defineStore("cloudObjectDiscussion", {
     state: () => {
         return {
@@ -109,18 +107,11 @@ export const useCloudObjectDiscussionStore = defineStore("cloudObjectDiscussion"
     },
     actions: {
 
-        /**
-        * @param {number} page number to which I want to go.
-        * @description Sets a new page number, applying query parameters to fetch data once again.
-        */
         paginateDiscussions(page){
             this.pagination.page = page
             this.fetchDiscussions()
         },
 
-        /**
-        * @description This action is used to fetch the list of discussion
-        */
         fetchDiscussions(url) {
             this.loading = true
 

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

@@ -32,7 +32,7 @@ Building a better future, one line of code at a time.
 */
 </script>
 <template>
-    <div class="lesli-application-component">
+    <article class="box">
         <slot></slot>
-    </div>
+    </article>
 </template>