lesli 5.0.0

data/lib/vue/pages/onboarding/store.js

@@ -0,0 +1,165 @@
+/*
+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 { defineStore } from "pinia";
+
+// ·
+export const useOnboarding = defineStore("onboarding", {
+    state: () => {
+        return {
+            view: 0,
+            companyInfo: {
+                company_name: null,
+                company_name_legal: null,
+                company_tag_line: null,
+                address: null,
+                country: null,
+                region: null,
+                public_email: null,
+                phone_number_1: null,
+                github: null,
+                twitter: null,
+                youtube: null,
+                linkedin: null,
+                facebook: null,
+                city: null,
+                postal_code: null
+            },
+            settings: {
+                datetime_format_date: null,
+                datetime_format_time: null,
+                datetime_format_date_words: null,
+                datetime_format_date_time: null,
+                datetime_format_date_time_words: null,
+                datetime_time_zone: null,
+
+            },
+            translations: {
+                core: {
+                    onboardings: I18n.t("core.onboardings"),
+                    shared:  I18n.t("core.shared"),
+                    account_settings: I18n.t("core.account/settings")   
+                },
+            },
+            options: {
+                countries: [],
+                regions: [],
+                time_zones: []
+            }
+        }
+    },
+    actions: {
+        // Function to handle when the user clicks on continue while completing the onboarding process
+        next() {
+            this.view++
+        },
+        back(){
+            this.view = 1
+        },
+        // Function to handle when the user skip onboarding process
+        skip() {
+            this.dialog
+                .confirmation({
+                    title: this.translations.core.onboardings.view_text_skip_onboarding_body,
+                    text: this.translations.core.onboardings.view_text_skip_onboarding_info,
+                    confirmText: this.translations.core.onboardings.view_text_skip_process,
+                    cancelText: this.translations.core.onboardings.view_btn_continue
+                })
+                .then(({ isConfirmed }) => {
+                    if (isConfirmed) {
+                        this.saveConfiguration(true)
+                    }
+                })
+        },
+        // Get options for showing in lesli select component for regions and countries
+        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)
+            })
+        },
+        // Save configuration from onboarding
+        saveConfiguration(skipped = false) {
+            if (skipped) {
+                this.msg.info(this.translations.core.onboardings.messages_info_onboarding_process_skipped)
+                this.http.post(this.url.root("onboarding"), {
+                    account: {
+                        status: 2
+                    },
+                    account_settings: this.settings 
+                }).then(result => {
+                    this.msg.success(this.translations.core.account_settings.messages_success_settings_saved_successfully)
+                    this.url.go()
+                }).catch(error => {
+                    this.msg.danger(this.translations.core.shared.messages_danger_internal_error)
+                })
+            } else {
+                this.http.post(this.url.root("onboarding"), {
+                    account: this.companyInfo,
+                    account_settings: this.settings 
+                }).then(result => {
+                        this.msg.success(this.translations.core.account_settings.messages_success_settings_saved_successfully)
+                        this.url.go()
+                }).catch(error => {
+                    this.msg.danger(this.translations.core.shared.messages_danger_internal_error)
+                })
+            }
+        },
+    },
+});

data/lib/vue/pages/otps/application.js

@@ -0,0 +1,90 @@
+/*
+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 application from "Lesli/public"
+
+
+// · 
+application({
+
+    data() {
+        return {
+            translations: {
+                main: I18n.t("core.otps/show")
+            },
+            otp: {
+                t: "",
+                email: ""
+            },
+            validate_otp: false,
+            notification: {
+                message: "",
+                show: false,
+                type: "is-danger"
+            }
+        }
+    },
+    methods: {
+
+        // Request OTP
+        postOtp(e) {
+            this.otp.t=""
+            e.preventDefault();
+            this.http.post("/otp", this.otp).then(result => {
+                this.validate_otp = true
+                this.showNotification(this.translations.main.notification_reset_password_instructions_sent, "is-success")
+            }).catch(error => {
+                this.showNotification(error.message)
+            })
+        },
+
+        // Validate OTP
+        putOtp(e) {
+            this.otp.email=""
+            e.preventDefault();
+            this.http.put("/otp", this.otp).then(result => {
+                this.url.go(result.default_path)
+            }).catch(error => {
+                this.showNotification(error.message)
+            })
+        },
+
+        showNotification(message, type="is-danger"){
+            this.notification.message = message;
+            this.notification.type = type;
+            this.notification.show = true;
+        }
+
+    }
+
+})

data/lib/vue/pages/passes/application.js

@@ -0,0 +1,80 @@
+/*
+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 application from "Lesli/public"
+
+
+// · 
+application({
+    
+    data() {
+        return {
+            loading: false,
+            translations: {
+                main: I18n.t("core.passes/new")
+            },
+            pass: {
+                email: ""
+            },
+            notification: {
+                message: "",
+                show: false,
+                type: "is-danger"
+            }
+        }
+    },
+    methods: {
+
+        postPass(event) {
+            this.loading = true
+            event.preventDefault();
+
+            this.http.post("/pass", this.pass).then(result => {
+                this.showNotification(I18n.t("core.passes.messages_info_you_will_received_email"), "success")
+            }).catch(error => {
+                this.showNotification(error.message)
+            }).finally(() => {
+                this.pass.email = ""
+                this.loading = false
+            })
+        },
+
+        showNotification(message, type="is-danger"){
+            this.notification.message = message;
+            this.notification.type = type;
+            this.notification.show = true;
+        }
+
+    }
+
+})

data/lib/vue/pages/websites/application.js

@@ -0,0 +1,34 @@
+/*
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+console.info("Lesli")

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

@@ -0,0 +1,248 @@
+<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, onMounted } from "vue"
+import { useRouter, useRoute } from 'vue-router'
+
+
+// · import store
+import { useLayout } from "Lesli/stores/layout"
+import { useAnnouncements } from "Lesli/stores/panels/announcements"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const url = inject("url")
+
+
+// · implement stores
+const storeLayout = useLayout()
+const storeAnnouncementsPanel = useAnnouncements()
+
+
+// · 
+import { editorRichText } from "lesli-vue/components"
+
+
+// · defining translations
+const translations = {
+    core: {
+        shared: I18n.t("core.shared")
+    },
+    bell: {
+        notifications: I18n.t("bell.notifications"),
+        announcements: I18n.t("bell.announcements")
+    }
+}
+
+
+// · 
+const closeOptions = {
+    yes: { 
+        label: "yes", 
+        value: true
+    },
+    no: {
+        label: "no",
+        value: false
+    }
+}
+
+
+// · 
+const selectOptions = [
+    { label: "Info", value: "info"}, 
+    { label: "Alert", value: "danger"},
+    { label: "Success", value: "success"},
+    { label: "Warning", value: "warning"}
+]
+
+
+// · 
+const columns = [{
+    field: "name",
+    label: translations.bell.announcements.column_name
+}, {
+    field: "category",
+    label: translations.bell.announcements.column_category
+}, {
+    field: "user_creator",
+    label: translations.bell.announcements.column_users_id
+}]
+
+
+// · 
+watch(() => storeLayout.showAnnouncements, () => {
+    if(storeLayout.showAnnouncements){
+        storeAnnouncementsPanel.getAnnouncements()
+    }    
+})
+</script>
+
+<template>
+    <lesli-panel class="lesli-panel-announcements" v-model:open="storeLayout.showAnnouncements">
+        <template #header>
+            {{translations.bell.announcements.view_title_creating_announcement}}
+        </template>
+        <template #default>
+            <div class="form">
+                <form @submit.prevent="storeAnnouncementsPanel.formSubmit()">
+                    <div class="columns">
+                        <div class="column is-4">
+                            <label class="label">
+                                {{ translations.bell.announcements.column_name }}
+                                <sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                        <div class="column">
+                            <div class="control is-clearfix">
+                                <input
+                                    type="text"
+                                    autocomplete="on"
+                                    name="subject"
+                                    required
+                                    class="input"
+                                    v-model="storeAnnouncementsPanel.announcement.name"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    
+                    <div class="columns">
+                        <div class="column is-4">
+                            <label class="label">
+                                {{translations.bell.announcements.column_message}}
+                                <sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                        <div class="column">
+                            <div class="control is-clearfix">
+                                <editor-rich-text mode="small" v-model="storeAnnouncementsPanel.announcement.message">
+                                </editor-rich-text>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-4">
+                            <label class="label">{{translations.bell.announcements.column_start_at}}</label>
+                        </div>
+                        <div class="column">
+                            <input class="input is-info" type="date" v-model="storeAnnouncementsPanel.announcement.start_at">
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-4">
+                            <label class="label">{{translations.bell.announcements.column_end_at}}</label>
+                        </div>
+                        <div class="column">
+                            <input class="input is-info" type="date" v-model="storeAnnouncementsPanel.announcement.end_at">
+                        </div>
+                    </div>
+
+
+                    <div class="columns">
+                        <div class="column is-4">
+                            <label class="label">
+                                {{translations.bell.announcements.column_kind}}
+                            </label>
+                        </div>
+                        <div class="column">
+                            <div class="control is-clearfix">
+                                <lesli-select
+                                    v-model = "storeAnnouncementsPanel.announcement.category"
+                                    :options="selectOptions">
+                                </lesli-select>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-7">
+                            <label class="label">
+                                {{translations.bell.announcements.column_can_be_closed}}
+                                <sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                        <div class="column">
+                            <label :for="option.label" class="radio" v-for="option in closeOptions" :key="option">
+                                <input 
+                                    name="user_salutation" 
+                                    type="radio" 
+                                    :id="option.label" 
+                                    :value="option.value" 
+                                    v-model="storeAnnouncementsPanel.announcement.can_be_closed"
+                                />
+                                {{option.label}}
+                            </label>  
+                        </div>
+                    </div>
+
+                    <div class="px-3 ql-bg-blue">
+                        <lesli-button icon="save">
+                            {{ translations.core.shared.view_btn_save }}
+                        </lesli-button>
+                    </div>
+                    
+                </form>
+            </div>
+            <div class="announcements" v-if="storeAnnouncementsPanel.announcements.length > 0">
+                <lesli-table
+                    :columns="columns"
+                    :records="storeAnnouncementsPanel.announcements"
+                    @click="storeAnnouncementsPanel.showAnnouncement"
+                    :loading="storeAnnouncementsPanel.loading"
+                >
+
+                <template #options="{ record, value }">
+                    <a class="dropdown-item" @click="storeAnnouncementsPanel.deleteAnnouncement(record.id)">
+                        <span class="material-icons">
+                            delete
+                        </span>
+                        <span>
+                            delete
+                        </span>
+                    </a>
+                </template>
+
+                </lesli-table>
+            </div>
+
+        </template>
+    </lesli-panel>
+</template>