lesli_driver 0.1.0

data/lib/vue/components/form.vue

@@ -0,0 +1,143 @@
+<script setup>
+/*
+Copyright (c) 2023, all rights reserved.
+
+All the information provided by this platform is protected by international laws related  to
+industrial property, intellectual property, copyright and relative international laws.
+All intellectual or industrial property rights of the code, texts, trade mark, design,
+pictures and any other information belongs to the owner of this platform.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·
+*/
+
+// · import lesli stores
+import { useCalendar } from 'CloudDriver/stores/calendar'
+import { useEvent } from 'CloudDriver/stores/event'
+
+// · implement stores
+const storeCalendar = useCalendar()
+const storeEvent = useEvent()
+
+const translations = {
+    events: I18n.t('driver.events'),
+    core: I18n.t('core.shared'),
+}
+
+const submitEvent = () => {
+    if (storeCalendar.event.id) {
+        storeCalendar.putEvent()
+    }
+    else {
+        storeCalendar.postEvent()
+    }
+}
+
+</script>
+
+<template>
+    <form @submit.prevent="submitEvent">
+        <fieldset>
+            <div class="columns">
+                <div class="column">
+                    <field label="column_user_main_id">
+                        <p>{{ translations.events.column_user_main_id }}</p>
+                        <input class="input is-default" type="text" name="organizer_name"
+                            v-model="storeCalendar.event.organizer_name" readonly />
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_title }}</p>
+                        <input class="input is-default" type="text" name="title" v-model="storeCalendar.event.title"
+                            required />
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_time_start }}</p>
+                        <lesli-calendar v-model="storeCalendar.event.time_start" mode="dateTime">
+                        </lesli-calendar>
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_budget }}
+                            ({{ storeCalendar.lesli.settings.currency.symbol }})</p>
+                        <input class="input is-default" type="number" name="budget" min="0" step="0.01"
+                            v-model="storeCalendar.event.budget" />
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_showed_up_count }}</p>
+                        <input class="input is-default" type="number" name="showed_up_count" min="0" step="1"
+                            v-model="storeCalendar.event.showed_up_count" />
+                    </field>
+                </div>
+                <div class="column">
+                    <field>
+                        <p>{{ translations.events.column_cloud_driver_catalog_event_types_id }}</p>
+                        <lesli-select v-model="storeCalendar.event.cloud_driver_catalog_event_types_id" icon="public"
+                            :options="storeEvent.options.event_types">
+                        </lesli-select>
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_location }}</p>
+                        <input class="input is-default" type="text" name="address"
+                            v-model="storeCalendar.event.location" />
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_time_end }}</p>
+                        <lesli-calendar v-model="storeCalendar.event.time_end" mode="dateTime">
+                        </lesli-calendar>
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_real_cost }}
+                            ({{ storeCalendar.lesli.settings.currency.symbol }})</p>
+                        <input class="input is-default" type="number" name="real_cost" min="0" step="0.01"
+                            v-model="storeCalendar.event.real_cost" />
+                    </field>
+                    <field>
+                        <p>{{ translations.events.column_signed_up_count }}</p>
+                        <input class="input is-default" type="number" name="signed_up_count" min="0" step="1"
+                            v-model="storeCalendar.event.signed_up_count" />
+                    </field>
+                </div>
+            </div>
+            <div class="columns">
+                <div class="column">
+                    <field>
+                        <p>{{ translations.events.column_description }}</p>
+                        <div class="control">
+                            <textarea v-model="storeCalendar.event.description" class="textarea"
+                                name="description"></textarea>
+                        </div>
+                    </field>
+                </div>
+            </div>
+            <div class="columns">
+                <div class="column">
+                    <field>
+                        <label class="checkbox">
+                            {{ translations.events.view_text_mark_as_public }}
+                            <input type="checkbox" name="public" v-model="storeCalendar.event.public">
+                        </label>
+                    </field>
+                </div>
+                <div class="column">
+                    <field>
+                        <label class="checkbox">
+                            {{ "Is proposal?" }}
+                            <input type="checkbox" name="is_proposal" v-model="storeCalendar.event.is_proposal">
+                        </label>
+                    </field>
+                    <field v-show="storeCalendar.event.is_proposal">
+                        <p>{{ translations.events.column_estimated_duration }}</p>
+                        <input class="input is-default" type="number" name="estimated_mins_durations" min="10" step="10"
+                            v-model="storeCalendar.event.estimated_mins_durations" />
+                    </field>
+                </div>
+            </div>
+            <lesli-button type="submit" icon="save">{{ translations.core.view_btn_save }}</lesli-button>  
+        </fieldset>
+    </form>
+
+</template>

data/lib/vue/components/guests.vue

@@ -0,0 +1,148 @@
+<script setup>
+
+/*
+Copyright (c) 2023, all rights reserved.
+
+All the information provided by this platform is protected by international laws related  to 
+industrial property, intellectual property, copyright and relative international laws. 
+All intellectual or industrial property rights of the code, texts, trade mark, design, 
+pictures and any other information belongs to the owner of this platform.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+*/
+
+// · Import components, libraries and tools
+import { onMounted, inject } from "vue"
+
+// · import lesli stores
+import { useGuests } from 'CloudDriver/stores/guests'
+import { useCalendar } from 'CloudDriver/stores/calendar'
+
+// · implement stores
+const storeGuests = useGuests()
+const storeCalendar = useCalendar()
+
+// · initialize/inject plugins
+const date = inject("date")
+const today = date.date(new Date())
+
+onMounted(() => {
+    storeGuests.getAttendants()
+    storeGuests.getUsers()
+})
+
+function submitAttendant(user) {
+    user.checked = !user.checked;
+    if (user.checked) storeGuests.postAttendant(user)
+    else storeGuests.deleteInvite(user)
+}
+
+function confirmedInvitesCount() {
+    return storeGuests.attendants.filter(attendant => attendant.confirmed_at_string).length
+}
+
+function totalInvitesCount() {
+    return storeGuests.attendants.length
+}
+
+const translations = {
+    main: I18n.t('driver.events'),
+    core: I18n.t('core.shared'),
+    core_users: I18n.t('core.users'),
+    users: I18n.t('deutscheleibrenten.users'),
+    attendants: I18n.t('driver.event/attendants')
+}
+
+const usersTableColumns = [
+    { field: 'name', label: translations.core.view_text_name },
+    { field: 'email', label: translations.core.view_text_email }
+]
+
+const attendantsTableColumns = [
+    { field: 'name', label: translations.core.view_text_name },
+    { field: 'email', label: translations.core.view_text_email }
+]
+
+</script>
+
+<template>
+    <h5 class="title is-5">
+        {{ translations.attendants.view_title_confirmed_invites_count }}: {{ confirmedInvitesCount() }} /
+        {{ translations.attendants.view_title_total_invites_count }}: {{ totalInvitesCount() }}
+    </h5>
+    <lesli-tabs v-model="tab">
+
+        <lesli-tab-item :title="translations.main.view_tab_title_users" icon="person_search">
+            <lesli-toolbar @search="a"></lesli-toolbar>
+            <lesli-table :columns="usersTableColumns" :records="storeGuests.attendant_options.users">
+                <template #buttons="{ record }">
+                    <input type="checkbox" v-model="record.checked" @input="submitAttendant(record)"
+                        :checked="storeGuests.attendant_options.users.checked">
+                </template>
+            </lesli-table>
+        </lesli-tab-item>
+
+        <lesli-tab-item :title="translations.main.view_tab_title_guests" icon="group_add">
+            <form @submit.prevent="storeGuests.postGuest">
+                <fieldset>
+                    <div class="columns">
+                        <div class="column">
+                            <field label="column_user_main_id">
+                                <p>{{ translations.core.view_text_name }}</p>
+                                <input class="input is-default" type="text" name="guest_name"
+                                    v-model="storeGuests.guest.name" />
+                            </field>
+                            <field label="column_user_main_id">
+                                <p>{{ translations.core.view_text_email }}</p>
+                                <input class="input is-default" type="email" name="guest_email"
+                                    v-model="storeGuests.guest.email" />
+                            </field>
+                            <div class="buttons">
+                                <button name="btn-save" type="submit" class="button is-primary is-fullwidth">
+                                    <span><span class="icon is-small"><i class="fas fa-save"></i></span>&nbsp;</span>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </fieldset>
+            </form>
+        </lesli-tab-item>
+
+        <lesli-tab-item :title="translations.main.view_tab_title_attendants_list" icon="groups">
+            <lesli-table :columns="attendantsTableColumns" :records="storeGuests.attendants">
+                <template #buttons="{ record }">
+
+                    <button @click="storeGuests.confirmAttendance(record, today)" class="button is-success" :disabled="record.confirmed_at_string">
+                        <span v-if="!record.confirmed_at_string && !storeGuests.loading.attendants">
+                            {{ translations.main.view_text_click_to_confirm }}
+                        </span>
+                        <span v-if="storeGuests.loading.attendants">
+                            <i class="fas fa-spin fa-circle-notch"></i>
+                        </span>
+                        <span  v-if="record.confirmed_at_string && !storeGuests.loading.attendants">
+                            {{ record.confirmed_at_string }}
+                        </span>
+                    </button>
+
+                    <button  @click="storeGuests.deleteInvite(record)"
+                    class="button is-outlined is-danger">
+                        <span v-if="storeGuests.submit.delete">
+                            <i class="fas fa-spin fa-circle-notch"></i> {{
+                                translations.core.view_btn_deleting
+                            }}
+                        </span>
+                        <span v-else>
+                            <i class="fas fa-trash-alt"></i> {{ translations.core.view_btn_delete }}
+                        </span>
+                    </button>
+                </template>
+            </lesli-table>
+        </lesli-tab-item>
+
+    </lesli-tabs>
+</template>

data/lib/vue/stores/calendar.js

@@ -0,0 +1,246 @@
+/*
+
+Copyright (c) 2023, all rights reserved.
+
+All the information provided by this platform is protected by international laws related  to
+industrial property, intellectual property, copyright and relative international laws.
+All intellectual or industrial property rights of the code, texts, trade mark, design,
+pictures and any other information belongs to the owner of this platform.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·
+*/
+
+
+// · 
+import { defineStore } from "pinia"
+import dayjs from 'dayjs'
+
+
+// · Import components, libraries and tools
+import dayGridPlugin from '@fullcalendar/daygrid'
+import timeGridPlugin from '@fullcalendar/timegrid'
+import interactionPlugin from '@fullcalendar/interaction'
+import listPlugin from '@fullcalendar/list';
+
+
+// · import lesli stores
+import { useEvent } from 'LesliDriver/stores/event'
+//import { useGuests } from 'LesliDriver/stores/guests'
+//import { useUser } from "LesliVue/stores/user"
+
+
+// · 
+export const useCalendar = defineStore("driver.calendar", {
+    state: () => {
+
+        return {
+            title: "",
+            calendar: {},
+
+
+            calendarData: {
+                driver_events: [],
+                focus_tasks: [],
+                help_tickets: [],
+            },
+            event_id: '',
+            event: {
+                cloud_driver_catalog_event_types_id: null,
+                title: null,
+                description: '',
+                event_date: new Date(),
+                time_start: null,
+                time_end: null,
+                location: '',
+                url: ''
+            },
+            submit: {
+                event: false,
+                delete: false
+            },
+            lesli: {
+                settings: {
+                    currency: {
+                        symbol: null
+                    }
+                }
+            }
+        }
+    },
+
+    actions: {
+
+        setTitle() {
+
+            // if current month show the full date
+            if (this.calendar.getDate().getMonth() == (new Date()).getMonth()) {
+                this.title = this.date2().dateWords().toString()
+            } else {
+                this.title = dayjs(this.calendar.getDate()).locale(I18n.locale).format("MMMM, YYYY")
+            }
+
+        },
+
+        todayMonth() {
+            this.calendar.today()
+            this.setTitle()
+        },
+
+        prevMonth() {
+            this.calendar.prev()
+            this.setTitle()
+        },
+
+        nextMonth() {
+            this.calendar.next()
+            this.setTitle()
+        },
+
+
+
+        onDateClick() {
+            const storeEvent = useEvent()
+            this.reset()
+            storeEvent.showModal = !storeEvent.showModal
+        },
+
+        reset() {
+            const storeUser = useUser()
+            this.event = {
+                organizer_name: storeUser.user.full_name,
+                cloud_driver_catalog_event_types_id: null,
+                title: null,
+                description: '',
+                event_date: new Date(),
+                time_start: null,
+                time_end: null,
+                location: '',
+                url: ''
+            }
+        },
+
+        async getCalendarEvents() {
+            let url = this.url.driver('calendars/default')
+            try {
+                let result = await this.http.get(url);
+                this.calendarData = result;
+                this.calendarData.driver_events.forEach(event => {
+                    event.dateStart = event.start
+                    event.dateEnd = event.end || null
+                    this.calendar.addEvent(event)
+                })
+                this.calendarData.help_tickets.forEach(event => {
+                    event.dateStart = event.start
+                    event.dateEnd = event.end || null
+                    event.engine = "cloud_help"
+                    this.calendar.addEvent(event)
+                })
+            } catch (error) {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"));
+            }
+        },
+
+        onEventClick: function (arg) {
+
+            if (arg.event._def.extendedProps.engine == "cloud_help") {
+                console.log("redirect to cloud help")
+                return 
+            }
+            
+            const storeEvent = useEvent()
+            const storeGuests = useGuests()
+            arg.jsEvent.preventDefault()
+            this.event_id = parseInt(arg.event.id)
+            this.http.get(this.url.driver(`events/${this.event_id}`))
+                .then(result => {
+                    this.event = result
+                    storeEvent.showModal = !storeEvent.showModal
+                    storeGuests.getAttendants()
+                    storeGuests.getUsers()
+                })
+
+
+        },
+
+        async postEvent(url = this.url.driver('events')) {
+            const storeEvent = useEvent();
+            let data = { event: this.event};
+            this.submit.event = true
+            try {
+                const result = await this.http.post(url, data).then(event => {
+                    this.event_id = event.id
+                    let newEvent = {
+                        ...event,
+                        date: event.event_date,
+                        start: event.time_start,
+                        end: event.time_end
+                    }
+                    this.calendarData.driver_events.push(newEvent);
+                    this.calendarData.events.push(newEvent);
+                    this.calendar.addEvent(newEvent)
+                });
+                storeEvent.showModal = !storeEvent.showModal;
+                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.submit.event = false
+            }
+        },
+
+        async putEvent(url = this.url.driver(`events/${this.event.id}`)) {
+            const storeEvent = useEvent()
+            let data = { event: this.event }
+            this.submit.event = true
+            try {
+                const result = await this.http.put(url, data)
+                let oldEvent = this.calendar.getEventById(this.event_id)
+                let updatedEvent = {
+                    ...this.event,
+                    date: this.event.event_date,
+                    start: this.event.time_start,
+                    end: this.event.time_end,
+                }
+                oldEvent.remove()
+                this.calendar.addEvent(updatedEvent)
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                storeEvent.showModal = !storeEvent.showModal
+            } catch (error) {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            } finally {
+                this.submit.event = false
+            }
+        },
+
+        async deleteEvent() {
+            const storeEvent = useEvent()
+            const { isConfirmed } = await this.dialog.confirmation({
+                title: "Delete event",
+                text: "driver.events.view_text_delete_confirmation",
+                confirmText: I18n.t("core.shared.view_text_yes"),
+                cancelText: I18n.t("core.shared.view_text_no")
+            })
+
+            if (isConfirmed) {
+                try {
+                    storeEvent.submit.delete = true
+                    const result = await this.http.delete(this.url.driver(`events/${this.event_id}`))
+                    let deletedEvent = this.calendar.getEventById(this.event_id)
+                    deletedEvent.remove()
+                    this.msg.success(I18n.t("core.users.messages_success_operation"))
+                    storeEvent.showModal = !storeEvent.showModal
+                } catch (error) {
+                    this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+                }
+            }
+            storeEvent.submit.delete = false
+            return { isConfirmed }
+        }
+    }
+})

data/lib/vue/stores/event.js

@@ -0,0 +1,53 @@
+/*
+
+Copyright (c) 2023, all rights reserved.
+
+All the information provided by this platform is protected by international laws related  to
+industrial property, intellectual property, copyright and relative international laws.
+All intellectual or industrial property rights of the code, texts, trade mark, design,
+pictures and any other information belongs to the owner of this platform.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·
+
+*/
+
+// · 
+import { defineStore } from "pinia"
+
+// · 
+export const useEvent = defineStore("driver.event", {
+    state: () => {
+        return {
+            showModal: false,
+            options: {
+                event_types: []
+            },
+            submit: {
+                event: false,
+                delete: false
+            },
+        }
+    },
+
+    actions: {
+
+        getOptions() {
+            let url = this.url.driver('events/options')
+            this.http.get(url).then(result => {
+                if (result) {
+                    this.options.event_types = result.event_types.map(option => {
+                        return { label: option.text, value: option.value };
+                    });
+                }
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+    }
+})