lesli_admin 0.3.0 → 0.4.0

data/db/migrate/0101050210_create_lesli_admin_dashboard_components.rb

@@ -0,0 +1,53 @@
+=begin
+
+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 https://www.lesli.tech
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+=end
+
+class CreateLesliAdminDashboardComponents < ActiveRecord::Migration[6.1]
+    def change
+        gem_path = Lesli::System.engine("Lesli", "dir")
+        table_base_structure = JSON.parse(File.read(File.join(gem_path, "db", "structure", "00000502_dashboard_components.json")))
+        create_table :lesli_admin_dashboard_components do |t|
+            table_base_structure.each do |column|
+                t.send(
+                    column["type"].parameterize.underscore.to_sym,
+                    column["name"].parameterize.underscore.to_sym
+                )
+            end
+            t.timestamps
+        end
+
+        add_reference(
+            :lesli_admin_dashboard_components, :dashboard, 
+            foreign_key: { to_table: :lesli_admin_dashboards }, 
+            index: { name: "lesli_admin_dashboard_components_dashboards" }
+        )
+    end
+end

data/lib/lesli_admin/engine.rb

@@ -29,6 +29,7 @@ Building a better future, one line of code at a time.
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 =end
+
 module LesliAdmin
     class Engine < ::Rails::Engine
         isolate_namespace LesliAdmin

data/lib/lesli_admin/version.rb

@@ -1,4 +1,4 @@
 module LesliAdmin
-  VERSION = "0.3.0"
+  VERSION = "0.4.0"
   BUILD = "1697000148"
 end

data/lib/vue/application.js

@@ -40,11 +40,24 @@ import translations from "LesliAdmin/stores/translations.json"
 
 
 // · Import engine applications
-import applicationDashboardShow from "LesliAdmin/apps/dashboard/show.vue"
 import applicationAccountShow from "LesliAdmin/apps/account/show.vue"
-import applicationUsersIndex from "LesliAdmin/apps/users/index.vue"
-import applicationUsersShow from "LesliAdmin/apps/users/show.vue"
-import applicationProfile from "LesliAdmin/apps/profile/show.vue"
+
+
+// · 
+import appDashboardShow from "Lesli/shared/dashboards/apps/show.vue"
+import appDashboardEdit from "Lesli/shared/dashboards/apps/edit.vue"
+
+
+// · 
+import componentDashboardLesliVersion from "LesliAdmin/apps/dashboards/components/lesli-version.vue"
+
+
+// · 
+const dashboardProps = {
+    components: {
+        "admin-lesli-version": componentDashboardLesliVersion
+    }
+}
 
 
 // · Buil Lesli translations
@@ -53,18 +66,18 @@ translation(translations)
 
 // · Build a new Lesli application
 application("LesliAdmin", [{
-    path: "/dashboard",
-    component: applicationDashboardShow
-},{
-    path: "/account",
-    component: applicationAccountShow
+    path: "/",
+    component: appDashboardShow, 
+    props: dashboardProps
 }, {
-    path: "/users",
-    component: applicationUsersIndex
+    path: "/dashboard",
+    component: appDashboardShow, 
+    props: dashboardProps
 }, {
-    path: "/users/:id",
-    component: applicationUsersShow
+    path: "/dashboards/:id/edit",
+    component: appDashboardEdit, 
+    props: dashboardProps
 }, {
-    path: "/profile",
-    component: applicationProfile
+    path: "/account",
+    component: applicationAccountShow
 }])

data/lib/vue/apps/account/components/{address-form.vue → form-address.vue}

@@ -1,6 +1,5 @@
 <script setup>
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -18,103 +17,89 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
 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
+@website  https://www.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 { useAccount } from "CloudAdmin/stores/account"
+import { useAccount } from "Lesli/stores/account"
+
 
 // · implement stores
 const storeAccount = useAccount()
 
+
 // · translations
 const translations = {
-    shared: I18n.t("core.shared"),
-    core: {
-        onboardings: I18n.t("core.onboardings"),
-        accounts: I18n.t("core.accounts"),
-    }
+    shared: i18n.t("lesli.shared"),
+    admin: i18n.t("lesli_admin.accounts"),
 }
 
+
+// · 
 const streetNumber = ref("")
 const postalCode = ref("")
 
+
+// · 
 onMounted(() => {
-    storeAccount.getOptions()
+    //storeAccount.getOptions()
 })
 
 </script>
 <template>
-    <form @submit.prevent="storeAccount.updateInfo">
+    <lesli-form flat @submit="storeAccount.update">
         <div class="field">
-            <label class="label">{{ translations.core.onboardings.view_text_column_street }}</label>
+            <label class="label">{{ translations.admin.column_address }}</label>
             <div class="control">
-                <input
-                    class="input"
-                    type="text"
-                    :placeholder="translations.core.onboardings.view_placeholder_street_number"
-                    v-model="storeAccount.accountInfo.address"
-                />
+                <input class="input" type="text" v-model="storeAccount.accountInfo.address" />
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.onboardings.view_text_column_postal_code }}</label>
+            <label class="label">{{ translations.admin.column_postal_code }}</label>
             <div class="control">
-                <input 
-                    class="input" 
-                    type="text" 
-                    placeholder="XXXXXX"
-                    v-model="storeAccount.accountInfo.postal_code"
-                />
+                <input class="input" type="text" v-model="storeAccount.accountInfo.postal_code" />
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.onboardings.view_text_column_city }}</label>
+            <label class="label">{{ translations.admin.column_city }}</label>
             <div class="control">
-                <input
-                    class="input"
-                    type="text"
-                    :placeholder="translations.core.onboardings.view_placeholder_city"
-                    v-model="storeAccount.accountInfo.city"
-                />
+                <input class="input" type="text" v-model="storeAccount.accountInfo.city" />
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.accounts.column_country }}</label>
+            <label class="label">{{ translations.admin.column_country }}</label>
             <div class="control">
                 <lesli-select 
                     :options="storeAccount.options.countries"
-                    v-model="storeAccount.accountInfo.country"
-                    >
+                    v-model="storeAccount.accountInfo.country">
                 </lesli-select>
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.accounts.column_region }}</label>
+            <label class="label">{{ translations.admin.column_region }}</label>
             <div class="control">
                 <lesli-select 
                     :options="storeAccount.options.regions"
-                    v-model="storeAccount.accountInfo.region"
-                    >
+                    v-model="storeAccount.accountInfo.region">
                 </lesli-select>
             </div>
         </div>
@@ -124,11 +109,11 @@ onMounted(() => {
                 <div class="field">
                     <div class="control">
                         <lesli-button icon="save">
-                            {{ translations.shared.view_btn_save }}
+                            {{ translations.shared.button_save }}
                         </lesli-button>                 
                     </div>
                 </div>
             </div>
         </div>
-    </form>
+    </lesli-form>
 </template>

data/lib/vue/apps/account/components/form-contact.vue

@@ -0,0 +1,122 @@
+<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 https://www.lesli.tech
+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 { computed } from "vue"
+
+
+// · import lesli stores
+import { useAccount } from "Lesli/stores/account"
+
+
+// · implement stores
+const storeAccount = useAccount()
+
+
+// · translations
+const translations = {
+    shared: i18n.t("lesli.shared"),
+    admin: i18n.t("lesli_admin.accounts"),
+}
+
+
+// . get reactive info from onboarding store
+const companyInfo = computed(()=> storeOnboarding.companyInfo)
+
+</script>
+<template>
+    <lesli-form flat @submit="storeAccount.update">
+        <div class="field">
+            <label class="label">{{ translations.admin.column_public_email }}</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.public_email" />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.admin.column_phone_number}}</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.phone_number_1" />
+            </div>
+        </div>
+
+        <p class="my-5">{{translations.admin.view_subtitle_social_media }}</p>
+
+        <div class="field">
+            <label class="label">Github</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.github" />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">Twitter</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.twitter" />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">YouTube</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.youtube" />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">Linkedin</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.linkedin" />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">Facebook</label>
+            <div class="control">
+                <input class="input" type="text" v-model="storeAccount.accountInfo.facebook" />
+            </div>
+        </div>
+
+        <div class="field">
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <lesli-button icon="save">
+                            {{ translations.shared.button_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </lesli-form>
+</template>

data/lib/vue/apps/account/components/form-information.vue

@@ -45,50 +45,32 @@ const storeAccount = useAccount()
 
 // · 
 const translations = {
-    shared: I18n.t("core.shared"),
-    passwords: I18n.t("core.users/passwords"),
-    core: {
-        accounts: I18n.t("core.accounts"),
-        onboardings: I18n.t("core.onboardings")
-    }
+    shared: i18n.t("lesli.shared"),
+    admin: i18n.t("lesli_admin.accounts"),
 }
 
 </script>
 <template>
-    <form @submit.prevent="storeAccount.update">
+    <lesli-form flat @submit="storeAccount.update">
+
         <div class="field">
-            <label class="label">{{ translations.core.accounts.column_company_name }}</label>
+            <label class="label">{{ translations.admin.column_company_name }}</label>
             <div class="control">
-                <input 
-                    class="input" 
-                    type="text" 
-                    :placeholder="translations.core.onboardings.view_placeholder_company_name"
-                    v-model="storeAccount.accountInfo.company_name" 
-                    >
+                <input class="input" type="text" v-model="storeAccount.accountInfo.company_name" >
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.accounts.column_company_legal_name }}</label>
+            <label class="label">{{ translations.admin.column_company_name_legal }}</label>
             <div class="control">
-                <input 
-                    class="input" 
-                    type="text" 
-                    :placeholder="translations.core.onboardings.view_placeholder_company_legal_name" 
-                    v-model="storeAccount.accountInfo.company_name_legal" 
-                    >
+                <input class="input" type="text" v-model="storeAccount.accountInfo.company_name_legal">
             </div>
         </div>
 
         <div class="field">
-            <label class="label">{{ translations.core.accounts.column_tag_line }}</label>
+            <label class="label">{{ translations.admin.column_tag_line }}</label>
             <div class="control">
-                <input 
-                    class="input" 
-                    type="text" 
-                    :placeholder="translations.core.onboardings.view_placeholder_company_slogan"
-                    v-model="storeAccount.accountInfo.company_tagline"
-                    >
+                <input class="input" type="text" v-model="storeAccount.accountInfo.company_tagline">
             </div>
         </div>
 
@@ -97,11 +79,11 @@ const translations = {
                 <div class="field">
                     <div class="control">
                         <lesli-button icon="save">
-                            {{ translations.shared.view_btn_save }}
+                            {{ translations.shared.button_save }}
                         </lesli-button>                 
                     </div>
                 </div>
             </div>
         </div>
-    </form>
+    </lesli-form>
 </template>    

data/lib/vue/apps/account/show.vue

@@ -41,8 +41,8 @@ import { useAccount } from "Lesli/stores/account"
 
 // · import account components
 import formInformation from "./components/form-information.vue"
-// import addressForm from "./components/address-form.vue"
-// import contactForm from "./components/contact-form.vue"
+import formAddress from "./components/form-address.vue"
+import formContact from "./components/form-contact.vue"
 
 
 // · implement stores
@@ -51,6 +51,7 @@ const storeAccount = useAccount()
 
 // · translations
 const translations = {
+    admin: i18n.t("lesli_admin.accounts"),
     core: {
         onboardings: I18n.t("core.onboardings"),
         accounts: I18n.t("core.accounts")
@@ -70,20 +71,20 @@ onMounted(() => {
 </script>
 <template>
     <lesli-application-container>
-        <lesli-header title="Account information">
+        <lesli-header :title="translations.admin.view_title">
         </lesli-header>
         <lesli-tabs v-model="tab">
-            <lesli-tab-item title="General Information" icon="business">
+            <lesli-tab-item :title="translations.admin.tab_general_information" icon="business">
                 <form-information></form-information>
             </lesli-tab-item>
+
+            <lesli-tab-item :title="translations.admin.tab_address" icon="location_on">
+                <form-address></form-address>
+            </lesli-tab-item>
+
+            <lesli-tab-item :title="translations.admin.tab_contact" icon="contact_page">
+                <form-contact></form-contact>
+            </lesli-tab-item>
         </lesli-tabs>
     </lesli-application-container>
-    <!-- 
-    <lesli-tab-item title="Address" icon="location_on">
-        <address-form></address-form>
-    </lesli-tab-item>
-    <lesli-tab-item title="Contact" icon="contact_page">
-        <contact-form></contact-form>
-    </lesli-tab-item>
-    -->
 </template>

data/lib/vue/apps/{users/components/integrations-information.vue → dashboards/components/lesli-version.vue}

@@ -1,6 +1,5 @@
 <script setup>
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -18,44 +17,55 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
 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
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
-import { useProfile } from "Lesli/shared/stores/profile"
+// · 
+import { onMounted, inject, ref } from "vue"
+
+
+// · 
+const url = inject("url")
+const http = inject("http")
+
 
-const storeProfile = useProfile()
+// · 
+const lesliVersion = ref({
+    name: "",
+    code: "",
+    path: "",
+    version: "",
+    build: ""
+})
 
-const translations = {
-    core: {
-        roles: I18n.t("core.roles"),
-        users: I18n.t("core.users"),
-        shared: I18n.t("core.shared")
-    }
-}
+
+// · 
+onMounted(() => {
+    http.get(url.lesli("about")).then(result => {
+        lesliVersion.value = result.find(engine => engine.name == "Lesli")
+    }).catch(error => {
+        console.log(error)
+    })
+})
 </script>
 <template>
-    <section class="application-component">
-        <div class="field is-horizontal">
-            <div class="field-label is-normal">
-                <label class="label">Google account</label>
-            </div>
-            <div class="field-body">
-                <lesli-button icon="google">
-                    <a href="/auth/google_oauth2">Connect</a>
-                </lesli-button>
-            </div>
-        </div>
-    </section>
+    <lesli-card>
+        <h6 class="title is-6 mb-2">
+            {{ lesliVersion.name }}
+        </h6>
+        <p class="p-0 m-0">version: {{ lesliVersion.version }}</p>
+        <p class="p-0 m-0">buid: {{ lesliVersion.build }}</p>
+        <p class="p-0 m-0">path: {{ lesliVersion.path }}</p>
+    </lesli-card>
 </template>

data/lib/vue/apps/{profile/components/change-email.vue → dashboards/show.vue}

@@ -18,21 +18,24 @@ 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. 
+Lesli · Ruby on Rails SaaS Development Framework.
 
 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
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
-</script>
 
+// · 
+import LesliDashboard from "Lesli/shared/dashboards/apps/show.vue"
+
+</script>
 <template>
-</template>    
+    <lesli-dashboard></lesli-dashboard>
+</template>