lesli_support 0.1.0

data/lib/vue/apps/tickets/components/form.vue

@@ -0,0 +1,305 @@
+<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 { inject, onMounted, ref, onUnmounted } from "vue"
+
+
+// · import vue router composable
+import { useRouter, useRoute } from "vue-router"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const date = inject("date")
+const url = inject("url")
+
+
+// · 
+import { LesliTextEditor } from "lesli-vue/components"
+
+
+// · import lesli stores
+import { useTickets } from "LesliSupport/vue/stores/tickets"
+//import { useAssignments } from "LesliSupport/stores/tickets/assignment"
+
+
+// · implement stores
+const storeTickets = useTickets()
+//const storeAssignments = useAssignments()
+
+
+// · defining props
+const props = defineProps({
+    editable: {
+        type: Boolean,
+        required: false,
+        default: false,
+    },
+    path: {
+        type: String,
+        required: false,
+        default: "help/tickets",
+    }
+})
+
+
+// · 
+const translations = {
+    tickets: i18n.t("lesli_support.tickets"),
+    lesli: { shared: i18n.t("lesli.shared") },
+
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared"),
+    main: I18n.t('help.tickets')
+}
+
+
+// · 
+function onUpdate() {
+    console.log("update")
+    storeTickets.updateTicket()
+}
+
+
+// · 
+const onCreate = () => {
+    console.log("create")
+    storeTickets.postTicket().then(result => {
+        //this.msg.success(I18n.t("core.users.messages_success_operation"))
+        router.push(url.support('tickets/:id', result.id).toString())
+    }).catch(error => {
+        this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+    })
+}
+
+
+// · 
+onMounted(() => {
+    storeTickets.getOptions()
+    // storeTickets.ticket = {}
+    // storeTickets.tags = []
+})
+</script>
+<template>
+    <lesli-form 
+        :editable="props.editable"
+        @submit="route.params.id ? onUpdate() : onCreate()"
+        disabled="storeTickets.ticket.status=='closed'">
+
+        <!-- Ticket subject -->
+        <div class="field" v-if="props.editable">
+            <label class="label">
+                {{ translations.tickets.column_subject }}
+                <span class="is-danger">*</span>
+            </label>
+            <div class="control">
+                <input name="subject" class="input" required v-model="storeTickets.ticket.subject">
+            </div>
+        </div>
+
+        <fieldset v-if="route.params.id">
+            <legend></legend>
+        
+            <!-- Ticket creator name -->
+            <div class="field">
+                <label class="label">ID</label>
+                <div class="control">
+                    <input class="input" disabled  v-model="storeTickets.ticket.id">
+                </div>
+            </div>
+
+            <!-- Ticket reference url -->
+            <div class="field" v-if="!props.editable">
+                <label class="label">Reference URL</label>
+                <div class="control">
+                    <input name="reference_url" disabled type="text" class="input" v-model="storeTickets.ticket.reference_url">
+                </div>
+            </div>
+
+            <!-- Ticket workspace -->
+            <div class="field">
+                <label class="label">Workspace</label>
+                <div class="control">
+                    <lesli-select
+                        v-if="storeTickets.options.workspaces"
+                        :options="storeTickets.options.workspaces"
+                        v-model="storeTickets.ticket.catalog_workspace_id">
+                    </lesli-select>
+                </div>
+            </div>
+        </fieldset>
+
+        <!-- Ticket assigned users 
+        <div class="field" v-if="route.params.id">
+            <label class="label">Assigned users</label>
+            <div class="control">
+                <div v-for="assignment in storeTickets.ticket.assignment_attributes" :key="assignment">
+                    <span class="tag is-success">{{assignment.assignable_name}}
+                        <button class="delete is-small" @click="storeAssignments.deleteAssignment(assignment.id)" type="button"></button>
+                    </span>
+                </div>
+            </div>
+        </div>
+        -->
+
+        <fieldset v-if="route.params.id">
+            <legend></legend>
+            <lesli-columns>
+
+                <!-- Ticket types -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Type
+                        </label>
+                        <div class="control">
+                            <lesli-select
+                                :options="storeTickets.options.types"
+                                v-model="storeTickets.ticket.catalog_type_id">
+                            </lesli-select>
+                        </div>
+                    </div>
+                </lesli-column>
+
+                <!-- Ticket category -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Category
+                        </label>
+                        <div class="control">
+                            <lesli-select
+                                v-if="storeTickets.options.categories"
+                                :options="storeTickets.options.categories"
+                                v-model="storeTickets.ticket.catalog_category_id">
+                            </lesli-select>
+                        </div>
+                    </div>
+                </lesli-column>
+
+                <!-- Ticket priority -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Priority
+                        </label>
+                        <div class="control">
+                            <lesli-select
+                                v-if="storeTickets.options.priorities"
+                                :options="storeTickets.options.priorities"
+                                v-model="storeTickets.ticket.catalog_priority_id">
+                            </lesli-select>
+                        </div>
+                    </div>
+                </lesli-column>
+            </lesli-columns>
+
+
+            <lesli-columns v-if="route.params.id">
+
+                <!-- Ticket deadline -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Deadline
+                        </label>
+                        <div class="control">
+                            <lesli-calendar mode="dateTime" v-model="storeTickets.ticket.deadline">
+                            </lesli-calendar>
+                        </div>
+                    </div>
+                </lesli-column>
+            
+
+                <!-- Ticket started at date -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Started At
+                        </label>
+                        <div class="control">
+                            <lesli-calendar v-model="storeTickets.ticket.started_at">
+                            </lesli-calendar>
+                        </div>
+                    </div>
+                </lesli-column>
+
+                <!-- Ticket finished at date -->
+                <lesli-column>
+                    <div class="field">
+                        <label class="label">
+                            Completed at
+                        </label>
+                        <div class="control">
+                            <lesli-calendar v-model="storeTickets.ticket.completed_at">
+                            </lesli-calendar>
+                        </div>
+                    </div>
+                </lesli-column>
+            </lesli-columns>
+        </fieldset>
+
+        <!-- Ticket hours worked -->
+        <div class="field" v-if="route.params.id">
+            <label class="label">
+                Hours worked
+            </label>
+            <div class="control">
+                <input name="Hours_worked" class="input" type="number" step="any" v-model="storeTickets.ticket.hours_worked">
+            </div>
+        </div>
+
+        <!-- Ticket description -->
+        <div class="field">
+            <label class="label">
+                Description
+            </label>
+            <div class="control">
+                <lesli-text-editor :editable="props.editable" mode="normal" v-model="storeTickets.ticket.description">
+                </lesli-text-editor>
+            </div>
+        </div>
+
+
+        <div class="field">
+            <label class="label"></label>
+            <div class="control">
+                <lesli-button icon="save">
+                    {{ translations.lesli.shared.button_save }}
+                </lesli-button>
+            </div>
+        </div>
+    </lesli-form>
+</template>

data/lib/vue/apps/tickets/components/internal-comments.vue

@@ -0,0 +1,107 @@
+<script setup>
+/*
+Copyright (c) 2022, 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 vue tools
+import { onMounted } from "vue"
+
+// · import lesli stores
+import { useHistory } from "LesliSupport/vue/stores/tickets/history"
+
+// · import vue router composable
+import { useRoute } from "vue-router"
+
+// · implement stores
+const storeHistories = useHistory()
+
+// · initialize/inject plugins
+const route = useRoute()
+
+// · 
+const translations = {
+    shared: I18n.t("core.shared"),
+    histories: I18n.t('help.ticket/histories'),
+    help:{
+        shared: I18n.t('help.shared')
+    },
+    core: I18n.t('core.shared'),
+    main: I18n.t('help.ticket/histories')
+}
+
+const columns = [{
+    field: "created_at",
+    label: translations.core.column_created_at,
+}, {
+    field: "user_creator_name",
+    label: translations.main.column_users_id,
+}, {
+    field: "content",
+    label: translations.main.column_content
+}]
+
+onMounted(() => {
+    storeHistories.getHistories(route.params.id)
+    storeHistories.ticket_id = route.params.id
+})
+
+/**
+ * @description This function is used to create a new internal comment
+ */
+const onCreate = () => {
+    storeHistories.createHistory()
+
+}
+
+
+</script>
+<template>
+
+    <h2>{{translations.histories.view_title_main}}</h2>
+
+    <div class="block">
+        <form @submit.prevent="onCreate()">
+            <div class="columns">
+                <div class="column is-6">
+                    <input name="comment" type="text" :placeholder="translations.histories.view_placeholder_add_history" class="input"  v-model="storeHistories.history">
+                </div>
+                <div class="column is-6">
+                    <lesli-button icon="save">{{ translations.shared.view_btn_save }}</lesli-button>
+                </div>
+            </div>
+
+        </form>
+    </div>
+
+    <lesli-table 
+        :records="storeHistories.histories"
+        :columns="columns"
+        :loading="storeHistories.loading"
+    >
+        <template #options="{ record, value }">
+            <a class="dropdown-item" @click="storeHistories.deleteHistory(record)">
+                <span class="material-icons">
+                    delete
+                </span>
+                <span>
+                    {{translations.help.shared.view_tab_title_delete_section}}
+                </span>
+            </a>
+        </template>
+    </lesli-table>
+
+</template>

data/lib/vue/apps/tickets/components/sla-info.vue

@@ -0,0 +1,115 @@
+<script setup>
+/*
+Copyright (c) 2022, 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 vue tools
+import { onMounted } from "vue"
+
+// · import lesli stores
+import { useTickets } from "LesliSupport/vue/stores/tickets"
+
+// · import vue router composable
+import { useRoute } from "vue-router"
+
+// · implement stores
+const storeTickets = useTickets()
+
+// · initialize/inject plugins
+const route = useRoute()
+
+// · 
+const translations = {
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared"),
+    sla: I18n.t('help.slas')
+}
+
+
+</script>
+<template>
+    <h2>SLA</h2>
+    <div class="box" v-if="!storeTickets.loading">
+        <div class="columns">
+            <div class="column">
+                <label>{{translations.sla.column_name}}</label>
+                <p>{{storeTickets.ticket.sla?.name}}</p>
+            </div>
+
+            <div class="column">
+                <label>{{translations.sla.column_default}}</label>
+                <p v-if="storeTickets.ticket.sla?.default">yes</p>
+                <p v-else> no </p>
+            </div>
+        </div>
+
+        <div class="columns">
+            <div class="column">
+                <label>{{translations.sla.column_expected_response_time}}</label>
+                <p>{{storeTickets.ticket.sla?.expected_response_time}}</p>
+            </div>
+
+            <div class="column">
+                <label>{{translations.sla.column_expected_resolution_time}}</label>
+                <p>{{storeTickets.ticket.sla?.expected_resolution_time}}</p>
+            </div>
+
+            <div class="column">
+                <label>{{translations.sla.column_price_per_hour}}</label>
+                <p> {{storeTickets.ticket.sla?.price_per_hour}}</p>
+            </div>
+        </div>
+
+        <div class="colums">
+            <div class="column">
+                <label>{{translations.sla.view_tab_title_associations}}</label>
+                <div v-for="association in storeTickets.ticket.sla?.association_attributes" :key="association.id">
+                    <span class="tag is-info">{{association.ticket_type_name}}</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.sla.column_body}}</label>
+            <div class="control">
+                <textarea class="textarea is-small" :v-model="storeTickets.ticket.sla?.body" disabled></textarea>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.sla.column_client_repercussions}}</label>
+            <div class="control">
+                <textarea class="textarea is-small" :v-model="storeTickets.ticket.sla?.client_repercussions" disabled></textarea>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.sla.column_provider_repercussions}}</label>
+            <div class="control">
+                <textarea class="textarea is-small" :v-model="storeTickets.ticket.sla?.provider_repercussions" disabled></textarea>
+            </div>
+        </div>
+
+        <div class="field">
+            <label class="label">{{translations.sla.column_exceptions}}</label>
+            <div class="control">
+                <textarea class="textarea is-small" :v-model="storeTickets.ticket.sla?.exceptions" disabled></textarea>
+            </div>
+        </div>
+    </div>
+
+</template>

data/lib/vue/apps/tickets/index.vue

@@ -0,0 +1,145 @@
+<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 { onMounted, inject } from "vue"
+import { useRouter } from "vue-router"
+
+
+// · import lesli stores
+import { useTickets } from "LesliSupport/vue/stores/tickets"
+import { useLesliMsg } from "/Users/ldonis/code/Lesli/lesli-vue/source/composables/msg/msg.js"
+
+const msg = useLesliMsg()
+
+// · initialize/inject plugins
+const router = useRouter()
+const date = inject("date")
+const url = inject("url")
+
+
+// · implement stores
+const storeTickets = useTickets()
+
+
+// · translations
+const translations = {
+    tickets: i18n.t("lesli_support.tickets"),
+    lesli: i18n.t("lesli")
+}
+
+
+// ·
+const columns = [{
+    field: "id",
+    label: translations.tickets.column_id,
+    sort: true
+}, {
+    field: "subject",
+    label: translations.tickets.column_subject,
+    sort: true
+}, {
+    field: "deadline",
+    label: translations.tickets.column_deadline,
+    sort: true
+}, {
+    field: "status_name",
+    label: translations.tickets.column_status,
+    align: "center",
+    sort: true
+},{
+    field: "priority_name",
+    label: translations.tickets.column_priority,
+    align: "center",
+    sort: true
+}, {
+    field: "user_name",
+    label: translations.tickets.column_creator,
+    sort: true
+}]
+
+
+// · initializing
+onMounted(() => {
+    storeTickets.getTickets()
+})
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header title="Tickets">
+            <lesli-button @click="storeTickets.reloadTickets" icon="refresh" :loading="storeTickets.loading">
+                {{ translations.lesli.shared.button_reload }}
+            </lesli-button>
+            <lesli-link button solid :to="url.support('tickets/new')" icon="add">
+                {{ translations.lesli.shared.button_add_new }}
+            </lesli-link>
+        </lesli-header>
+        <lesli-toolbar 
+            @search="storeTickets.search" 
+            :placeholder="translations.lesli.shared.toolbar_search">
+            <lesli-select
+                :options="[{
+                    label: translations.tickets.view_all_tickets,
+                    value: null
+                }, {
+                    label: translations.tickets.view_own_tickets,
+                    value: 'own'
+                }]"
+                v-model="storeTickets.filters.user_type"
+                @change="storeTickets.getTickets()">
+            </lesli-select>
+            <lesli-select
+                :options="[{
+                    label: translations.tickets.view_all_tickets,
+                    value: null
+                }, {
+                    label: translations.tickets.view_active_tickets,
+                    value: 'active'
+                }, {
+                    label: translations.tickets.view_inactive_tickets,
+                    value: 'inactive'
+                }]"
+                v-model="storeTickets.filters.search_type"
+                @change="storeTickets.getTickets()">
+            </lesli-select>
+        </lesli-toolbar>
+
+        <lesli-table 
+            :columns="columns"
+            :records="storeTickets.index.records"            
+            :loading="storeTickets.index.loading"
+            :pagination="storeTickets.index.pagination"
+            :link="(ticket) => url.support('tickets/:id', ticket.id)">
+        </lesli-table>
+    </lesli-application-container>
+</template>