lesli 5.0.12 → 5.0.14

data/lib/vue/panels/panel-bell-notifications.vue

@@ -1,102 +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 { ref, reactive, onMounted, watch, computed, inject } from "vue"
-
-
-// · import stores
-import { useLayout } from "Lesli/vue/shared/stores/layout"
-import { useNotifications } from "Lesli/vue/panels/stores/bell-notifications"
-
-
-
-// · implement stores
-const storeLayout = useLayout()
-const storeNotifications = useNotifications()
-
-
-// · initialize/inject plugins
-const url = inject("url")
-const date = inject("date")
-
-
-// · 
-watch(() => storeLayout.showNotifications, () => {
-    storeNotifications.get()
-})
-
-</script>
-<template>
-    <lesli-panel class="lesli-panel-bell-notifications" v-model:open="storeLayout.showNotifications">
-        <template #header>
-            Notifications ({{ storeNotifications.notifications.pagination.total }})
-        </template>
-        <template #default>
-            <div class="block">
-                <ul class="">
-                    <li class="lesli-notification pt-3 pb-2 px-4"
-                        v-for="notification in storeNotifications.notifications.records">
-                        <a  :href="notification.url"
-                            :class="['mb-2 is-block', `notification-${ notification.category }`]">
-                            <h4 :class="['notification-title', `has-text-${ notification.category }-dark`]">
-                                <span class="icon-text is-flex">
-                                    <span class="is-flex-grow-1">{{ notification.subject }}</span>
-                                    <span class="icon">
-                                        <span v-if="notification.category == 'warning'" class="material-icons">warning</span>
-                                        <span v-if="notification.category == 'success'" class="material-icons">done</span>
-                                        <span v-if="notification.category == 'danger'" class="material-icons">dangerous</span>
-                                        <span v-if="notification.category == 'info'" class="material-icons">info</span>
-                                    </span>
-                                </span>
-                            </h4>
-                            <p class="notification-body">{{ notification.body }}</p>
-                        </a>
-                        <p class="notification-date is-flex is-justify-content-space-between">
-                            <span>{{ date.dateTime(notification.created_at) }}</span>
-                            <button class="button is-text p-0" @click="storeUser.putNotification(notification)">
-                                Mark as read
-                            </button>
-                        </p>
-                    </li>
-                </ul>
-            </div>
-            <div class="block px-5">
-                <!-- 
-                <lesli-pagination :pagination="storeNotifications.notifications.pagination" @paginate="paginate" mode="simple"></lesli-pagination>
-                -->
-            </div>
-        </template>
-    </lesli-panel>
-</template>

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

@@ -1,281 +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, inject, watch } from "vue"
-
-// · import store
-import { useCloudObjectFileStore } from "Lesli/vue/stores/cloudobjects/file.js"
-import { useLayout } from "Lesli/vue/stores/layout"
-
-// · implement stores
-const storeFiles = useCloudObjectFileStore()
-const storeLayout = useLayout()
-
-// · implement composable
-const msg = inject("msg")
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-// · file type to upload, this is the v-model of the select
-const fileType = ref('')
-
-// · this indicates if the file uploader needs to clear the files or not
-const clearFileUploader = ref(false)
-
-// · extensions that could be used to upload files
-const acceptedFiles = {
-    images: {
-        extensions: ["jpg", "jpeg", "png", "gif", "svg"],
-        accept: ".jpg,.jpeg,.png,.gif,.svg",
-    },
-    plaintext: {
-        extensions: ["txt", "md", "log", "csv"],
-        accept: ".txt,.md,.log,.csv",
-    },
-    documents: {
-        extensions: ["pdf", "doc", "docx", "xls", "xlsx"],
-        accept: ".pdf,.doc,.docx,.xls,.xlsx",
-    },
-}
-
-
-/**
- * @param {File[]} files this files will be validated
- * @returns {boolean} true if the files are valid and false if not
- * @description this function validate the files
- */
-const validateFiles = (files = []) => {
-    
-    // · validate the length of the files array
-    if (files.length === 0) {
-        msg.danger(translations.core.shared.messages_danger_files_empty)
-        return false
-    }
-    
-    // · validate the number of files that are allowed
-    if (files.length > storeFiles.maxFiles) {
-        msg.danger(translations.core.shared.messages_danger_files_exceeded)
-        return false 
-    }
-    
-    // · this variable is used to check if some file is invalid
-    // · if this variable is true, the files aren't valid
-    const hasOutOfSizeFiles = files.some(file => {
-        return parseInt(file.size) > storeFiles.maxSizeFile
-    })
-
-    // · validate if some file is out of size
-    if (hasOutOfSizeFiles) {
-        msg.danger(translations.core.shared.messages_danger_files_out_of_size)
-        return false
-    }
-
-    // · if validations are ok, return true
-    return true
-}
-
-/**
- * 
- * @param {File} file this is the file that will be converted to base64
- * @description this function will convert a file to base64
- * @returns {Promise<string>} this function will return a promise with the base64 string
- */
-const convertToBase64 = (file) => {
-    return new Promise((resolve, reject) => {
-        // · create a new file reader object
-        const reader = new FileReader()
-        
-        // · when the file is loaded, convert it to base64
-        reader.readAsDataURL(file)
-        
-        // · when the file is loaded, resolve the promise
-        reader.onload = () => {
-            resolve(reader.result)
-        }
-
-        // · when the file is not loaded, reject the promise
-        reader.onerror = (error) => {
-            reject(error)
-        }
-    })
-}
-
-/**
- * 
- * @param {*} name of the file
- * @param {*} attachment this is the file that will be uploaded
- * @param {*} type can be "formData" or "base64"
- * @description this function returns an object with a correct format accepted by the backend
- * @returns {object} this function returns an object with the correct format
- */
-const formatFile = (name, attachment, type = 'formData') => {
-    // · this variable contains something like cloudObject_file, for example: project_file
-    // · is necessary to get the singular form of the word
-
-    let cloudObjectModel = `${storeFiles.utils.singularize(storeFiles.cloudObject)}_file`
-
-    if (type === 'base64') {
-        return {
-            [cloudObjectModel]: {
-                // · name of the file
-                name: name + '-' + new Date().getTime(),
-    
-                // · file extension that user selected
-                file_type: fileType.value,
-    
-                // · file in base64
-                attachment
-            }
-        }
-    }
-
-    // · if type is formData, return the file in formData format
-    const formData = new FormData()
-    formData.append(`${cloudObjectModel}[file_type]`, fileType.value)
-    formData.append(`${cloudObjectModel}[attachment]`, attachment)
-    formData.append(`${cloudObjectModel}[name]`, name + '-' + new Date().getTime())
-    return formData
-}
-
-/**
- * @description this function compares the accepted files that were passed by props and form a string
- * @returns {string} a string with the accepted files extensions
- * @example
- * if the accepted files are: images
- * the function will return: ".jpg,.jpeg,.png,.gif,.svg"
- */
-const getAcceptedFiles = () => {
-    const accepted =  storeFiles.acceptedFiles.reduce((acc, fileType) => {
-        return acc + acceptedFiles[fileType].accept
-    }, '')
-    return accepted
-}
-
-/**
- * @param {File[]} files this files are received from the file uploader
- * @description this function is called when the user drops or select files in the file uploader
- */
-const onDropFiles = (files) => {
-    // set files to upload to the store
-    storeFiles.filesToUpload = files
-}
-
-/**
- * @description This function is called when the user click on the upload button.
- */
-const onUploadFiles = async () => {
-    
-    const arefilesValid = validateFiles(storeFiles.filesToUpload)
-    
-    // · If files aren't valid, stop the function
-    if (!arefilesValid) {
-        // · set file type to empty
-        fileType.value = ''
-        return
-    }
-
-    // · If file type select isn't valid, stop the function
-    if (!fileType.value) {
-        msg.danger(translations.core.shared.messages_danger_file_type_required)
-        // · set file type to empty
-        fileType.value = ''
-        return
-    }
-    
-    // · files that will be sent to the server
-    const filesToUpload = storeFiles.filesToUpload.map((file) => formatFile(file.name.split('.')[0], file))
-
-    // · send the files to the server
-    storeFiles.uploadFiles(filesToUpload)
-
-    // · change the reactive variable to true for clear the file uploader
-    clearFileUploader.value = true
-
-    // · set file type to empty
-    fileType.value = ''
-
-    // · Hide the file uploader panel
-    storeLayout.showFiles = false
-}
-
-watch(() => storeFiles.cloudModule, () => {
-    if (storeFiles.cloudModule) {
-        storeFiles.fetchFileTypes()
-    }
-})
-</script>
-
-<template>
-    <lesli-panel v-model:open="storeLayout.showFiles">
-        <template #header>
-            {{ translations.core.shared.view_text_add_new_files }}
-        </template>
-        <template #default>
-            <div class="p-6">
-                <p class="mb-1">
-                    {{ translations.core.shared.column_files_file_type }}
-                </p>
-                <lesli-select
-                    v-model="fileType"
-                    :placeholder="translations.core.shared.view_placeholder_select_option"
-                    :options="storeFiles.fileTypes"
-                    v-if="!storeFiles.loading"
-                />
-    
-    
-                <p class="mt-6">
-                    {{ translations.core.shared.column_files_attachment }}
-                </p>
-                <lesli-file-uploader
-                    :file-type="fileType?.label"
-                    @files-change="onDropFiles"
-                    :clear-files="clearFileUploader"
-                    @events-after-clear="clearFileUploader = false"
-                    :accepted-files="getAcceptedFiles()"
-                />
-    
-                <button @click="onUploadFiles" class="button is-fullwidth has-text-centered is-primary mt-4">
-                    {{ translations.core.shared.view_btn_save_changes }}
-                </button>
-            </div>
-        </template>
-    </lesli-panel>
-</template>

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

@@ -1,76 +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, reactive, onMounted, watch, computed, inject } from "vue"
-
-
-// · import stores
-import { useProfile } from "Lesli/vue/stores/profile"
-import { useLayout } from "Lesli/vue/stores/layout"
-
-
-// · implement stores
-const storeLayout = useLayout()
-const storeProfile = useProfile()
-
-
-// · initializing
-onMounted(() => {
-    storeProfile.fetch()
-})
-</script>
-<template>
-    <lesli-panel class="lesli-panel-profile" v-model:open="storeLayout.showProfile">
-        <template #default>
-            <figure class="image is-128x128 m-auto">
-                <span class="alternative-avatar">
-                        {{ storeProfile.profile.initials }}
-                </span>
-            </figure>
-            <div class="panel-profile-details has-text-centered py-4">
-                <h4 class="is-size-4">{{ storeProfile.profile.full_name }}</h4>
-                <h6 class="is-size-6">{{ storeProfile.profile.email }}</h6>
-            </div>
-            <div class="panel-profile-actions py-4">
-                <div class="buttons is-justify-content-center">
-                    <lesli-button icon-only icon="logout">
-                    </lesli-button>
-                </div>
-            </div>
-        </template>
-    </lesli-panel>
-</template>

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

@@ -1,161 +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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// TODO: Move this to own engine
-
-
-// · import vue tools
-import { inject, watch } from "vue"
-import { useRouter } from "vue-router"
-
-
-// · import store
-import { useLayout } from "Lesli/vue/shared/stores/layout"
-import { useTickets } from "Lesli/vue/panels/stores/support-tickets"
-
-
-// · 
-import { LesliTextEditor } 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 = {
-    tickets: i18n.t("lesli_support.tickets"),
-    lesli: i18n.t("lesli")
-}
-
-
-// · 
-const columns = [{
-    field: "subject",
-    label: "subject"
-}, {
-    field: "status_name",
-    label: "Status"
-}]
-
-
-// . Reset form on create
-storeTicketsPanel.resetForm()
-
-
-// . 
-watch(() => storeLayout.showSupportTickets, () => {
-    if (storeLayout.showSupportTickets) {
-        storeTicketsPanel.fetchTickets()
-
-        if (!storeTicketsPanel.loaded) {
-            //storeTicketsPanel.getTicketOptions()
-        }
-    }    
-})
-
-</script>
-
-<template>
-    <lesli-panel class="lesli-panel-support-tickets" v-model:open="storeLayout.showSupportTickets">
-        <template #header>
-            Support tickets
-        </template>
-        <template #default>
-            <div class="lastest-tickets" v-if="storeTicketsPanel.tickets.length > 0">
-                <h4>Latest tickets</h4>
-                <lesli-table
-                    class="is-narrow"
-                    :columns="columns"
-                    :records="storeTicketsPanel.tickets"
-                    :loading="storeTicketsPanel.loading"
-                    :href="(ticket) => url.support('tickets/:id', ticket.id)">
-                </lesli-table>
-            </div>
-            <hr>
-            <div class="form">
-                <lesli-form flat @submit="storeTicketsPanel.postTicket">
-                    <div class="field">
-                        <label class="label">
-                            {{ translations.tickets.column_subject }}
-                            {{ translations.tickets.column_subject }}
-                            <sup class="has-text-danger">*</sup>
-                        </label>
-                        <div class="control">
-                            <input type="text" class="input" required v-model="storeTicketsPanel.ticket.subject">
-                        </div>
-                    </div>
-
-                    <div class="field">
-                        <label class="label">
-                            {{ translations.tickets.column_type }}
-                            <sup class="has-text-danger">*</sup>
-                        </label>
-                        <div class="control">
-                            <lesli-select
-                                :options="storeTicketsPanel.typesSelect"
-                                v-model="storeTicketsPanel.ticket.cloud_help_catalog_ticket_types_id">
-                            </lesli-select>
-                        </div>
-                    </div>
-
-                    <div class="field">
-                        <label class="label">
-                            {{ translations.tickets.column_description }}
-                            <sup class="has-text-danger">*</sup>
-                        </label>
-                        <div class="control">
-                            <lesli-text-editor mode="small" v-model="storeTicketsPanel.ticket.description">
-                            </lesli-text-editor>
-                        </div>
-                    </div>
-
-                    <div class="field">
-                        <div class="control">
-                            <lesli-button icon="save">
-                                {{ translations.lesli.shared.button_save }}
-                            </lesli-button>   
-                        </div>
-                    </div>
-                </lesli-form>
-            </div>
-        </template>
-    </lesli-panel>
-</template>