lesli 5.0.0

data/lib/vue/pages/onboarding/components/date-time.vue

@@ -0,0 +1,265 @@
+<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 { onMounted, computed, ref } from "vue"
+
+// · import lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+// · Import dayjs library
+import dayjs from "dayjs"
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+// · translations
+const translations = {
+    core: {
+        onboardings: I18n.t("core.onboardings"),
+        accounts: I18n.t("core.accounts"),
+        account: {
+            settings: I18n.t("core.account/settings"),
+            files: I18n.t('core.account/files')
+        },
+        shared: I18n.t('core.shared'),
+    }
+}
+
+onMounted(() => {
+    storeOnboarding.getOptions()
+})
+
+
+// . Functions for updating date format values in store 
+function updateDate() {
+    updateDatetime()
+}
+
+// . declare variables
+const combinedDate = ref("")
+const dateWords = ref("")
+let formatDate = ""
+let formatTime = ""
+let formatDateWords = ""
+
+// . Functions for updating date format values in store 
+function updateDatetime() {
+    if (storeOnboarding.settings.datetime_format_date == "%d.%m.%Y"){
+        formatDate = dayjs().format('DD.MM.YYYY')
+    } else if (storeOnboarding.settings.datetime_format_date == "%d-%m-%Y"){
+        formatDate = dayjs().format('DD-MM-YYYY')
+    } else if (storeOnboarding.settings.datetime_format_date == "%d/%m/%Y"){
+        formatDate = dayjs().format('DD/MM/YYYY')
+    }
+
+    if (storeOnboarding.settings.datetime_format_time == '%I:%M'){
+        formatTime = dayjs().format('hh:mm')
+    } else if (storeOnboarding.settings.datetime_format_time == '%I:%M:%S'){
+        formatTime = dayjs().format('hh:mm:ss')
+    } else if (storeOnboarding.settings.datetime_format_time == '%I:%M %p'){
+        formatTime = dayjs().format('hh:mm A')
+    } else if (storeOnboarding.settings.datetime_format_time == '%H:%M'){
+        formatTime = dayjs().format('HH:mm')
+    } else if (storeOnboarding.settings.datetime_format_time == '%H:%M:%S'){
+        formatTime = dayjs().format('HH:mm:ss')
+    }
+    combinedDate.value = formatDate + " " + formatTime
+    storeOnboarding.settings.datetime_format_date_time = storeOnboarding.settings.datetime_format_date +" "+storeOnboarding.settings.datetime_format_time
+}
+
+function updateTime() {
+    updateDatetime()
+    updateDateWords()
+}
+
+function updateDateWords(){
+
+    if (storeOnboarding.settings.datetime_format_date_words == '%A, %B %d, %Y'){
+        formatDateWords = dayjs().format('dddd, MMMM DD, YYYY')
+    } else if (storeOnboarding.settings.datetime_format_date_words== '%a, %b %d, %Y'){
+        formatDateWords = dayjs().format('ddd, MMM DD, YYYY')
+    } else if (storeOnboarding.settings.datetime_format_date_words == '%b %d, %Y'){
+        formatDateWords = dayjs().format('MMM DD, YYYY')
+    } else if (storeOnboarding.settings.datetime_format_date_words == '%B %d, %Y'){
+        formatDateWords = dayjs().format('MMMM DD, YYYY')
+    }
+
+    dateWords.value = formatDateWords + " " + formatTime
+    storeOnboarding.settings.datetime_format_date_time_words = storeOnboarding.settings.datetime_format_date_words +" "+ storeOnboarding.settings.datetime_format_time
+}
+
+onMounted(() => {
+    storeOnboarding.getOptions()
+})
+
+</script>
+<template>
+    <form>
+
+        <div class="field">
+            <label class="label">
+                {{translations.core.account.settings.column_time_zone}}
+            </label>
+            <div class="control">
+                <lesli-select
+                    :options="storeOnboarding.options.time_zones"
+                    v-model="storeOnboarding.settings.datetime_time_zone"
+                >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">
+                {{translations.core.onboardings.view_text_date_format}}
+            </label>
+
+            <div class="control">
+                <lesli-select
+                    :options="[
+                        {
+                            label: dayjs().format('DD.MM.YYYY'),
+                            value: '%d.%m.%Y',
+                        },
+                        {
+                            label: dayjs().format('DD-MM-YYYY'),
+                            value: '%d-%m-%Y',
+                        },
+                        {
+                            label: dayjs().format('DD/MM/YYYY'),
+                            value: '%d/%m/%Y',
+                        },
+                    ]"
+                    v-model="storeOnboarding.settings.datetime_format_date"
+                    @change="updateDatetime"
+                >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">
+                {{translations.core.onboardings.view_text_time_format}}
+            </label>
+            <div class="control">
+                <lesli-select
+                    :options="[
+                        {
+                            label: dayjs().format('hh:mm'),
+                            value: '%I:%M',
+                        },
+                        {
+                            label: dayjs().format('hh:mm:ss'),
+                            value: '%I:%M:%S',
+                        },
+                        {
+                            label: dayjs().format('hh:mm A'),
+                            value: '%I:%M %p',
+                        },
+                        {
+                            label: dayjs().format('HH:mm'),
+                            value: '%H:%M',
+                        },
+                        {
+                            label: dayjs().format('HH:mm:ss'),
+                            value: '%H:%M:%S',
+                        },
+                    ]"
+                    v-model="storeOnboarding.settings.datetime_format_time"
+                    @change="updateTime"
+                >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">
+                {{translations.core.onboardings.view_text_format_combined}}
+            </label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    readonly
+                    v-model="combinedDate"
+                />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">
+                {{ translations.core.onboardings.view_text_date_text}}
+            </label>
+            <div class="control">
+                <lesli-select
+                    :options="[
+                        {
+                            label: dayjs().format('dddd, MMMM DD, YYYY'),
+                            value: '%A, %B %d, %Y',
+                        },
+                        {
+                            label: dayjs().format('ddd, MMM DD, YYYY'),
+                            value: '%a, %b %d, %Y',
+                        },
+                        {
+                            label: dayjs().format('MMM DD, YYYY'),
+                            value: '%b %d, %Y',
+                        },
+                        {
+                            label: dayjs().format('MMMM DD, YYYY'),
+                            value: '%B %d, %Y',
+                        }
+                    ]"
+                    v-model="storeOnboarding.settings.datetime_format_date_words"
+                    @change="updateDateWords"
+                >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">
+                {{ translations.core.onboardings.view_text_time_text }}
+            </label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    readonly
+                    v-model="dateWords"
+                />
+            </div>
+        </div>
+    </form>
+</template>

data/lib/vue/pages/onboarding/components/finish.vue

@@ -0,0 +1,62 @@
+<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 lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+
+// · translations
+const translations = {
+    core: {
+        onboardings: I18n.t("core.onboardings")
+    }
+}
+
+</script>
+<template>
+    <div class="welcome has-text-centered">
+        <lesli-icon id="rocket"></lesli-icon>
+        <h1>{{translations.core.onboardings.view_title_finish_onboarding}} </h1>
+        <p class="mb-5">{{translations.core.onboardings.view_text_finish_configuration}}</p>
+        <div class="has-text-centered">
+            <button class="button is-primary mb-1 start" @click="storeOnboarding.saveConfiguration()">{{translations.core.onboardings.view_btn_continue_lesli}}</button>
+            <button class="button is-text skip" @click="storeOnboarding.back()">{{translations.core.onboardings.view_btn_back_onboarding}}</button>
+        </div>
+    </div>
+</template>

data/lib/vue/pages/onboarding/components/general-info.vue

@@ -0,0 +1,93 @@
+<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 } from "vue"
+
+
+// · import lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+// · translations
+const translations = {
+    core: {
+        onboardings: I18n.t("core.onboardings"),
+        accounts: I18n.t("core.accounts")
+    }
+}
+
+// . get reactive info from onboarding store
+const companyInfo = computed(()=> storeOnboarding.companyInfo)
+
+
+</script>
+<template>
+    <form>
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_company_name }}</label>
+            <div class="control">
+                <input 
+                    class="input" 
+                    type="text" 
+                    :placeholder="translations.core.onboardings.view_placeholder_company_name" 
+                    v-model="companyInfo.company_name">
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_company_legal_name }}</label>
+            <div class="control">
+                <input 
+                    class="input" 
+                    type="text" 
+                    :placeholder="translations.core.onboardings.view_placeholder_company_legal_name" 
+                    v-model="companyInfo.company_name_legal">
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_tag_line }}</label>
+            <div class="control">
+                <input 
+                    class="input" 
+                    type="text" 
+                    :placeholder="translations.core.onboardings.view_placeholder_company_slogan"
+                    v-model="companyInfo.company_tag_line">
+            </div>
+        </div>
+    </form>
+</template>

data/lib/vue/pages/onboarding/components/indicators.vue

@@ -0,0 +1,78 @@
+<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, onUnmounted } from "vue"
+
+
+// · import lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+// · translations
+const translations = {
+    core: {
+        onboardings: I18n.t("core.onboardings"),
+        shared:  I18n.t("core.shared"),
+        accounts: I18n.t("core.accounts"),
+    }
+}
+
+
+</script>
+<template>
+    <ul class="indicator is-flex">
+        <li :class="{'active': storeOnboarding.view == 1 }" v-on:click="storeOnboarding.view = 1">
+            <lesli-icon id="company"></lesli-icon>
+            <span>{{ translations.core.shared.view_tab_title_general_information }}</span>
+        </li>
+        <li><hr></li>
+        <li :class="{'active': storeOnboarding.view == 2 }" v-on:click="storeOnboarding.view = 2">
+            <lesli-icon id="location"></lesli-icon>
+            <span>{{translations.core.accounts.column_address}}</span>
+        </li>
+        <li><hr></li>
+        <li :class="{'active': storeOnboarding.view == 3 }" v-on:click="storeOnboarding.view = 3">
+            <lesli-icon id="contacts"></lesli-icon>
+            <span>{{translations.core.onboardings.view_title_contact_information}}</span>
+        </li>
+        <li><hr></li>
+        <li :class="{'active': storeOnboarding.view == 4 }" v-on:click="storeOnboarding.view = 4">
+            <lesli-icon id="datetime"></lesli-icon>
+            <span>{{translations.core.onboardings.view_tab_title_date_and_time}}</span>
+        </li>
+    </ul>
+</template>

data/lib/vue/pages/onboarding/components/welcome.vue

@@ -0,0 +1,66 @@
+<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, onUnmounted } from "vue"
+
+
+// · import lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+
+// · translations
+const translations = {
+    core: {
+        onboardings: I18n.t("core.onboardings"),
+        passes: I18n.t("core.passes")
+    }
+}
+
+</script>
+<template>
+    <div class="welcome has-text-centered">
+        <lesli-icon id="high-five"></lesli-icon>
+        <h1>{{translations.core.onboardings.view_text_registration_success}}<br>{{translations.core.passes.mailer_first_access_welcome}}</h1>
+        <p>{{translations.core.onboardings.view_text_suggest_onboarding}}</p>
+        <p class="mb-5">{{translations.core.onboardings.view_text_configure_msg}}</p>
+        <div class="has-text-centered">
+            <button class="button is-primary mb-1 start" @click="storeOnboarding.next()">{{translations.core.onboardings.view_btn_start_onboarding}}</button>
+            <button class="button is-text skip" @click="storeOnboarding.skip()">{{translations.core.onboardings.view_text_skip_onboarding_title}}</button>
+        </div>
+    </div>
+</template>

data/lib/vue/pages/onboarding/show.vue

@@ -0,0 +1,67 @@
+<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, onUnmounted } from "vue"
+
+
+// · import lesli stores
+import { useOnboarding } from "LesliApp/onboarding/store"
+
+// · components
+import buttonsComponent from "./components/buttons.vue"
+import welcomeComponent from "./components/welcome.vue"
+import indicatorsComponent from "./components/indicators.vue"
+import generalInfoComponent from "./components/general-info.vue"
+import addressComponent from "./components/address.vue"
+import contactComponent from "./components/contact.vue"
+import datetimeComponent from "./components/date-time.vue"
+import finishComponent from "./components/finish.vue"
+
+
+// · implement stores
+const storeOnboarding = useOnboarding()
+
+</script>
+<template>
+    <welcomeComponent v-if="storeOnboarding.view == 0"></welcomeComponent>
+    <template v-if="storeOnboarding.view > 0">
+        <indicators-component v-if="storeOnboarding.view < 5"></indicators-component>
+        <general-info-component v-if="storeOnboarding.view == 1"></general-info-component>
+        <address-component v-else-if="storeOnboarding.view == 2"></address-component>
+        <contact-component v-else-if="storeOnboarding.view == 3"></contact-component>
+        <datetime-component v-else-if="storeOnboarding.view == 4"></datetime-component>
+        <buttons-component v-if="storeOnboarding.view < 5"></buttons-component>
+        <finish-component v-else-if="storeOnboarding.view == 5"></finish-component>
+    </template>
+</template>
+