lesli 5.0.0

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

@@ -0,0 +1,213 @@
+<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, onUnmounted, inject } from "vue"
+
+
+// · import stores
+import { useLayout } from "Lesli/stores/layout"
+import { useSearch } from "Lesli/stores/search"
+
+
+// · implement stores
+const storeLayout = useLayout()
+const storeSearch = useSearch()
+
+
+// · defining props
+const props = defineProps({
+    showEngines: {
+        type: Boolean,
+        default: true,
+        required: false
+    },
+    showBell: {
+        type: Boolean,
+        default: false,
+        required: false
+    },
+    showFocus: {
+        type: Boolean,
+        default: false,
+        required: false
+    },
+    showTickets:{
+        type: Boolean,
+        default: false,
+        required: false
+    },
+    showAnnouncements:{
+        type: Boolean,
+        default: false,
+        required: false
+    }
+})
+
+
+// · translations
+const translations = {
+    core: {
+        shared: I18n.t("core.shared"),
+        users: I18n.t('deutscheleibrenten.users'),
+    }
+}
+
+
+// · defining variables
+const applicationHeader = ref(null)
+const search = {}
+
+
+// · 
+function onEscape(event) {
+    if (event.keyCode === 27) {
+        storeLayout.toggleEngines()
+        document.removeEventListener('keydown', onEscape)
+    }
+}
+
+
+// · 
+function toggleEngines() {
+    storeLayout.toggleEngines()
+    document.addEventListener('keydown', onEscape)
+}
+
+</script>
+<template>
+    <header ref="lesliApplicationHeader" class="lesli-application-header">
+        <div class="lesli-application-header-container container">
+            <figure class="image lesli-brand">
+                <img alt="App logo" class="is-hidden-touch" src="/assets/lesli/brand/app-logo.svg">
+            </figure>
+            <div class="lesli-application-header-left">
+                <div class="control is-medium has-icons-left has-text-grey">
+                    <span class="icon is-left has-text-gray">
+                        <span class="material-icons" v-if="!storeSearch.loading">
+                            search
+                        </span>
+                        <lesli-loading :icon="true" v-if="storeSearch.loading">
+                        </lesli-loading>
+                    </span>
+                    <input 
+                        type="email" 
+                        name="global_search"
+                        class="input is-shadowless" 
+                        :placeholder="translations.core.shared.search_placeholder || 'Ask to Lesli...'"
+                        @input="storeSearch.doSearch"
+                        v-model="storeSearch.text" 
+                    />
+                </div>
+            </div>
+            <div class="lesli-application-header-right">
+
+                <!-- engines selector -->
+                <a  v-if="props.showEngines || true"
+                    class="header-indicator" 
+                    @click="toggleEngines()">
+                    <span class="ri-apps-2-line"></span>
+                </a>
+
+                <!-- Tickets -->
+                <a 
+                    v-if="props.showTickets || true"
+                    class="header-indicator" 
+                    @click="() => { storeLayout.showTickets = true }">
+                    <span :class="['ri-ticket-2-line', { 'is-active' : storeLayout.header.tickets > 0 }]">
+                    </span>
+                    <span class="count" v-if="storeLayout.header.tickets > 0">
+                        {{ storeLayout.header.tickets }}
+                    </span>
+                </a>
+
+                <!-- Tasks -->
+                <a  v-if="props.showFocus || true"
+                    class="header-indicator" 
+                    @click="() => { if (storeLayout.header.tasks > 0 ) { storeLayout.showTasks = true }}">
+                    <span :class="['ri-list-check-3', { 'is-active' : storeLayout.header.tasks > 0 }]">
+                    </span>
+                    <span class="count" v-if="storeLayout.header.tasks > 0">
+                        {{ storeLayout.header.tasks }}
+                    </span>
+                </a>
+
+                <!-- Notifications -->
+                <a 
+                    v-if="props.showBell || true"
+                    class="header-indicator" 
+                    @click="() => { if (storeLayout.header.notifications > 0 ) { storeLayout.showNotifications = true }}">
+                    <span :class="['ri-notification-3-line', { 'is-active' : storeLayout.header.notifications > 0 }]">
+                    </span>
+                    <span class="count" v-if="storeLayout.header.notifications > 0">
+                        {{ storeLayout.header.notifications }}
+                    </span>
+                </a>
+
+                <!-- Profile options -->
+                <div class="dropdown is-right is-hoverable header-user-options">
+                    <div class="dropdown-trigger">
+                        <span class="icon has-text-link">
+                            <span class="ri-user-smile-line" @click="storeLayout.showProfile = true">
+                            </span>
+                        </span>
+                    </div>
+                    <div class="dropdown-menu" id="dropdown-menu" role="menu">
+                        <div class="dropdown-content">
+                            <a href="/administration/profile" class="dropdown-item">
+                                <span class="icon-text">
+                                    <span class="icon has-text-grey-dark">
+                                        <span class="ri-user-line"></span>
+                                    </span>
+                                    <span>{{ translations.core.shared.view_text_profile }}</span>
+                                </span>
+                            </a>
+                            <hr class="dropdown-divider">
+                            <a href="/logout" class="dropdown-item">
+                                <span class="icon-text">
+                                    <span class="icon has-text-grey-dark">
+                                        <span class="ri-logout-box-r-line"></span>
+                                    </span>
+                                    <span>{{ translations.core.shared.view_text_logout }}</span>
+                                </span>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+</template>

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

@@ -0,0 +1,110 @@
+<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, computed } from 'vue'
+
+// · defining props
+const props = defineProps({
+    // · left side of the navbar links
+    startLinks: {
+        type: Array,
+        required: true
+    },
+    // · right side of the navbar links
+    endLinks: {
+        type: Array,
+        required: false
+    },
+    // · object with the url image and the alt text
+    brand: {
+        type: Object,
+        required: false
+    },
+    
+
+})
+
+// · id for the navbar burger menu
+const uniqueId = Math.random().toString(36).slice(3, 9)
+// · state of the navbar burger menu
+const isNavbarMenuOpen = ref(false)
+
+
+// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+const onNavbarBurgerClick = () => {
+    isNavbarMenuOpen.value = !isNavbarMenuOpen.value
+}
+
+// · is active class for navbar menu and navbar burger
+const isActive = computed(() => isNavbarMenuOpen.value ? 'is-active' : '')
+
+</script>
+
+<template>
+    <nav class="application-navbar navbar" role="navigation" aria-label="main navigation">
+        <div class="container">
+            <div class="navbar-brand">
+                <router-link v-if="brand" :to="brand.url" class="application-navbar-brand">
+                    <img :src="brand.image" :alt="brand.name">
+                </router-link>
+                <a @click="onNavbarBurgerClick" :class="['navbar-burger', isActive ]" :data-target="uniqueId" role="button" aria-label="menu" aria-expanded="false">
+                    <span aria-hidden="true"></span>
+                    <span aria-hidden="true"></span>
+                    <span aria-hidden="true"></span>
+                </a>
+            </div>
+            <div :class="['navbar-menu', isActive]" :id="uniqueId">
+                <div v-if="startLinks" class="navbar-start">
+                    <router-link v-for="(link, i) in startLinks" :key="link.name" :to="link.url" class="application-navbar-link">
+                        {{ link.name }}
+                    </router-link>
+                </div>
+                <div v-if="endLinks" class="navbar-end">
+                    <template v-for="(link, i) in endLinks" :key="link.name">
+                        <a v-if="link.reload" :href="link.url" class="application-navbar-link">
+                            {{ link.name }}
+                        </a>
+                        <router-link v-else :to="link.url" class="application-navbar-link">
+                            {{ link.name }}
+                        </router-link>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </nav>
+</template>
+    

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

@@ -0,0 +1,86 @@
+<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, inject, watch } from "vue"
+
+
+// · loading plugins
+const url = inject('url')
+
+
+// · import stores
+import { useSearch } from "Lesli/stores/search"
+
+
+// · implement stores
+const storeSearch = useSearch()
+
+
+// · initialize container of (dynamic) columns
+const columns = ref([])
+
+
+// · dynamic update the columns with the result of the search
+// · this must be dynamically because every search can return a different set of columns
+watch(() => storeSearch.columns, (newColumns) => {
+    columns.value = newColumns
+})
+
+
+// · go to search result view
+// · TODO: this must be dynamic by engine
+function goToResult(resource) {
+    url.dl("projects/:id", resource.id).go()
+}
+
+</script>
+<template>
+    <section 
+        v-if="storeSearch.text != ''"
+        class="application-search">
+        <lesli-table
+            @click="goToResult"
+            :pagination="false"
+            :loading="false"
+            :records="storeSearch.records"
+            :columns="columns">
+            <template #[column.field]="{ value }" v-for="(column) in columns">
+                <span v-html="value"></span>
+            </template>
+        </lesli-table>
+    </section>
+</template>

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

@@ -0,0 +1,63 @@
+<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 { useSlots } from "vue"
+
+
+// · 
+const slots = useSlots()
+
+
+</script>
+<template>
+    <aside class="lesli-application-sidebar">
+        <a class="brand" href="/">
+            <slot name="brand"></slot>
+        </a>
+        <nav class="menu is-flex-grow-1 is-flex is-flex-direction-column is-justify-content-space-between">
+            <ul class="menu-list">
+                <slot></slot>
+            </ul>
+            <ul class="menu-list">
+                <lesli-navigation-list v-if="slots.settings" icon="ri-list-settings-line" label="Settings">
+                    <slot name="settings"></slot>
+                </lesli-navigation-list>
+            </ul>
+        </nav>
+        <slot name="context"></slot>
+    </aside>
+</template>

data/lib/vue/layouts/dashboard-component.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 vue tools
+import { onMounted, inject, ref } from "vue"
+
+
+// · 
+const props = defineProps({
+    title: {
+        type: String, 
+        require: false,
+        default: ""
+    },
+    transparent: {
+        type: Boolean,
+        require: false,
+        default: false
+    }
+})
+</script>
+<template>
+    <div :class="['dashboard-component', 'help', { 'transparent':props.transparent }]">
+        <h6 class="title is-6 has-text-centered mb-3">
+            {{ props.title }}
+        </h6>
+        <slot></slot>
+    </div>
+</template>

data/lib/vue/pages/errors/app.js

@@ -0,0 +1,32 @@
+/*
+
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/

data/lib/vue/pages/invites/app.js

@@ -0,0 +1,76 @@
+/*
+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 app from "Leslipublic"
+
+
+// · 
+app({
+    data() {
+        return {
+            translations: {
+                core: {
+                    invites: "We receive your invitation request."
+                }
+            },
+            loading: false,
+            invite: {
+                email: ""
+            },
+            notification: {
+                type: "is-success",
+                message: ""
+            }
+        }
+    },
+    methods: {
+        postInvite(e) {
+
+            this.loading = true
+            e.preventDefault()
+
+            this.http.post("invite.json", {
+                invite: this.invite
+            }).then(result => {
+                this.notification.message = this.translations.core.invites
+            }).catch(error => {
+                console.log("error: ", error)
+            }).finally(() => {
+                this.loading = false
+                this.invite = {}
+            })
+
+        }
+    }
+})