lesli_admin 0.1.0

data/lib/lesli_admin.rb

@@ -0,0 +1,6 @@
+require "lesli_admin/version"
+require "lesli_admin/engine"
+
+module LesliAdmin
+  # Your code goes here...
+end

data/lib/tasks/lesli_admin_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :lesli_admin do
+#   # Task goes here
+# end

data/lib/vue/application.js

@@ -0,0 +1,153 @@
+/*
+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 application from "Lesli/application"
+
+
+// · 
+import applicationDashboardShow from "LesliAdmin/apps/dashboard/show.vue"
+import applicationAccountShow from "LesliAdmin/apps/account/show.vue"
+
+//import applicationUsersProfile from "LesliApp/administration/apps/profile/show.vue"
+import applicationUsersIndex from "LesliAdmin/apps/users/index.vue"
+///import applicationUsersShow from "LesliApp/administration/apps/users/show.vue"
+//import applicationUsersNew from "LesliAdmin/apps/users/new.vue"
+
+
+// · 
+application("LesliAdmin", [{
+    path: "/dashboard",
+    component: applicationDashboardShow
+},{
+    path: "/account",
+    component: applicationAccountShow
+}, {
+    path: "/users",
+    component: applicationUsersIndex
+}/*, {
+    path: "/users/new",
+    component: applicationUsersNew
+}*/])
+
+/*
+// · 
+import applicationAccountDashboard from "CloudAdmin/apps/accounts/dashboard.vue"
+
+
+
+import applicationDescriptorsPrivileges from "LesliApp/administration/apps/descriptors/privileges.vue"
+import applicationDescriptorsIndex from "LesliApp/administration/apps/descriptors/index.vue"
+import applicationDescriptorsEdit from "LesliApp/administration/apps/descriptors/edit.vue"
+import applicationDescriptorsShow from "LesliApp/administration/apps/descriptors/show.vue"
+import applicationDescriptorsNew from "LesliApp/administration/apps/descriptors/new.vue"
+
+import applicationRolesIndex from "LesliApp/administration/apps/roles/index.vue"
+import applicationRolesShow from "LesliApp/administration/apps/roles/show.vue"
+import applicationRolesEdit from "LesliApp/administration/apps/roles/edit.vue"
+import applicationRolesNew from "LesliApp/administration/apps/roles/new.vue"
+
+import applicationIntegrationsIndex from "LesliApp/administration/apps/integrations/index.vue"
+import applicationIntegrationsNew from "LesliApp/administration/apps/integrations/new.vue"
+import applicationSecurity from "LesliApp/administration/apps/security/index.vue"
+import applicationDatetime from "LesliApp/administration/apps/date_time/index.vue"
+import applicationBranding from "LesliApp/administration/apps/branding/index.vue"
+import applicationTheme from "LesliApp/administration/apps/theme/index.vue"
+import applicationAccountShow from "LesliApp/administration/apps/accounts/show.vue"
+
+
+// · 
+application("Lesli", [{
+    path: "/",
+    component: applicationAccountDashboard
+}, {
+    path: "/account",
+    component: applicationAccountShow
+}, {
+    path: "/users/:id",
+    component: applicationUsersShow
+}, {
+    path: "/users/new",
+    component: applicationUsersNew
+},{
+    path: "/profile",
+    component: applicationUsersProfile
+}, {
+    path: "/descriptors",
+    component: applicationDescriptorsIndex
+}, {
+    path: "/descriptors/:id/edit",
+    component: applicationDescriptorsEdit
+}, {
+    path: "/descriptors/:id",
+    component: applicationDescriptorsShow
+}, {
+    path: "/descriptors/:id/privileges",
+    component: applicationDescriptorsPrivileges
+}, {
+    path: "/descriptors/new",
+    component: applicationDescriptorsNew
+}, {
+    path: "/roles",
+    component: applicationRolesIndex
+}, {
+    path: "/roles/new",
+    component: applicationRolesNew
+}, {
+    path: "/roles/:id",
+    component: applicationRolesShow
+}, {
+    path: "/roles/:id/edit",
+    component: applicationRolesEdit
+}, {
+    path: "/account/integrations",
+    component: applicationIntegrationsIndex
+}, {
+    path: "/account/integrations/new",
+    component: applicationIntegrationsNew
+}, {
+    path: "/account/settings/security",
+    component: applicationSecurity
+}, {
+    path: "/account/settings/date_time",
+    component: applicationDatetime
+}, {
+    path: "/account/settings/branding",
+    component: applicationBranding
+}, {
+    path: "/account/settings/theme",
+    component: applicationTheme
+}, {
+    path: "/account/settings/theme",
+    component: applicationTheme
+}])
+*/

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

@@ -0,0 +1,134 @@
+<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 { useAccount } from "CloudAdmin/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"),
+    }
+}
+
+const streetNumber = ref("")
+const postalCode = ref("")
+
+onMounted(() => {
+    storeAccount.getOptions()
+})
+
+</script>
+<template>
+    <form @submit.prevent="storeAccount.updateInfo">
+        <div class="field">
+            <label class="label">{{ translations.core.onboardings.view_text_column_street }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_street_number"
+                    v-model="storeAccount.accountInfo.address"
+                />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.onboardings.view_text_column_postal_code }}</label>
+            <div class="control">
+                <input 
+                    class="input" 
+                    type="text" 
+                    placeholder="XXXXXX"
+                    v-model="storeAccount.accountInfo.postal_code"
+                />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.onboardings.view_text_column_city }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_city"
+                    v-model="storeAccount.accountInfo.city"
+                />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_country }}</label>
+            <div class="control">
+                <lesli-select 
+                    :options="storeAccount.options.countries"
+                    v-model="storeAccount.accountInfo.country"
+                    >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_region }}</label>
+            <div class="control">
+                <lesli-select 
+                    :options="storeAccount.options.regions"
+                    v-model="storeAccount.accountInfo.region"
+                    >
+                </lesli-select>
+            </div>
+        </div>
+
+        <div class="field">
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <lesli-button icon="save">
+                            {{ translations.shared.view_btn_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</template>

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

@@ -0,0 +1,162 @@
+<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 { useAccount } from "CloudAdmin/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"),
+    }
+}
+
+// . get reactive info from onboarding store
+const companyInfo = computed(()=> storeOnboarding.companyInfo)
+
+</script>
+<template>
+    <form @submit.prevent="storeAccount.updateInfo">
+        <div class="field">
+            <label class="label">{{ translations.core.onboardings.view_text_email }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_email"
+                    v-model="storeAccount.accountInfo.public_email"
+                />
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.shared.view_text_telephone}}</label>
+            <div class="control">
+                <input 
+                    class="input" 
+                    type="text" 
+                    :placeholder= "translations.core.onboardings.view_placeholder_phone"
+                    v-model="storeAccount.accountInfo.phone_number_1"
+                />
+            </div>
+        </div>
+
+        <p>{{translations.core.onboardings.view_title_social_profiles}}</p>
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_github }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_github"
+                    v-model="storeAccount.accountInfo.github"
+                />
+            </div>
+        </div>
+
+
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_twitter }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_twitter"
+                    v-model="storeAccount.accountInfo.twitter"
+                />
+            </div>
+        </div>
+
+        
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_youtube }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_youtube"
+                    v-model="storeAccount.accountInfo.youtube"
+                />
+            </div>
+        </div>
+
+                
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_linkedin }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_linkedin"
+                    v-model="storeAccount.accountInfo.linkedin"
+                />
+            </div>
+        </div>
+
+                
+        <div class="field">
+            <label class="label">{{ translations.core.accounts.column_facebook }}</label>
+            <div class="control">
+                <input
+                    class="input"
+                    type="text"
+                    :placeholder="translations.core.onboardings.view_placeholder_facebook"
+                    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.view_btn_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</template>

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

@@ -0,0 +1,107 @@
+<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 { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import lesli stores
+import { useAccount } from "LesliAdmin/stores/account"
+
+
+// · implement stores
+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")
+    }
+}
+
+</script>
+<template>
+    <form @submit.prevent="storeAccount.update">
+        <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="storeAccount.accountInfo.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="storeAccount.accountInfo.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="storeAccount.accountInfo.company_tagline"
+                    >
+            </div>
+        </div>
+
+        <div class="field">
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <lesli-button icon="save">
+                            {{ translations.shared.view_btn_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</template>    

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

@@ -0,0 +1,89 @@
+<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, onMounted } from "vue"
+
+
+// · import lesli stores
+import { useAccount } from "LesliAdmin/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"
+
+
+// · implement stores
+const storeAccount = useAccount()
+
+
+// · 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)
+
+
+// . 
+onMounted(() => {
+    storeAccount.fetch()
+})
+
+</script>
+<template>
+    <lesli-content>
+        <lesli-header title="Account information">
+        </lesli-header>
+        <lesli-tabs v-model="tab">
+            <lesli-tab-item title="General Information" icon="business">
+                <form-information></form-information>
+            </lesli-tab-item>
+        </lesli-tabs>
+    </lesli-content>
+    <!-- 
+    <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/dashboard/show.vue

@@ -0,0 +1,33 @@
+<script setup>
+
+
+import dashboardComponent from "Lesli/layouts/dashboard-component.vue"
+import { lesliChartLine } from "lesli-vue/components"
+
+</script>
+<template>
+    <lesli-application>
+        <lesli-header title="Dashboard"></lesli-header>
+
+        <div class="columns">
+            <div class="column">
+                <lesli-content>
+                    <lesli-chart-line 
+                        title="My daily activity graph"
+                        :series="[{ data:[4, 1, 4, 2, 5] }]"
+                        :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
+                    </lesli-chart-line>
+                </lesli-content>
+            </div>
+            <div class="column">
+                <lesli-content>
+                    <lesli-chart-line 
+                        title="My daily activity graph"
+                        :series="[{ name: 'Last week', data:[4, 1, 4, 2, 5] }, { name: 'Current week', data:[3, 2, 5, 4, 2] }]"
+                        :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
+                    </lesli-chart-line>
+                </lesli-content>
+            </div>
+        </div>
+    </lesli-application>
+</template>