From 82301f593600baa59e152ecc3587b9c5f793bcc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A7=81Ash=C3=BB=EA=A7=82?=
 <30575805+Ashu11-A@users.noreply.github.com>
Date: Fri, 24 May 2024 04:28:48 -0400
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Implement=20AddCategory=20and=20Add?=
 =?UTF-8?q?Select?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugins/tickets/src/class/Ticket.ts           |   6 +-
 .../components/Template/AddElements.ts        | 173 ++++++++++++++++++
 plugins/tickets/src/entity/Template.entry.ts  |  38 ++++
 3 files changed, 214 insertions(+), 3 deletions(-)
 create mode 100644 plugins/tickets/src/discord/components/Template/AddElements.ts

diff --git a/plugins/tickets/src/class/Ticket.ts b/plugins/tickets/src/class/Ticket.ts
index 2bc94201..f3d4987d 100644
--- a/plugins/tickets/src/class/Ticket.ts
+++ b/plugins/tickets/src/class/Ticket.ts
@@ -109,9 +109,9 @@ export class Ticket {
         emoji: { name: '📄' }
       }),
       new ButtonBuilder({
-        customId: 'EmbedCategory',
-        label: 'Panel Category',
-        emoji: { name: '🖥️' },
+        customId: 'AddCategory',
+        label: 'Add Categoria',
+        emoji: { name: '🔖' },
         style: ButtonStyle.Secondary
       }),
       new ButtonBuilder({
diff --git a/plugins/tickets/src/discord/components/Template/AddElements.ts b/plugins/tickets/src/discord/components/Template/AddElements.ts
new file mode 100644
index 00000000..b1c18977
--- /dev/null
+++ b/plugins/tickets/src/discord/components/Template/AddElements.ts
@@ -0,0 +1,173 @@
+import { Database } from "@/controller/database";
+import { Component } from "@/discord/base";
+import { ModalBuilder } from "@/discord/base/CustomIntetaction";
+import Template from "@/entity/Template.entry";
+import { ActionRowBuilder, APITextInputComponent, ComponentType, EmbedBuilder, TextInputBuilder } from "discord.js";
+
+const template = new Database<Template>({ table: 'Template' })
+const notFound = new EmbedBuilder({
+  title: '❌ Não encontrei o template no database!'
+}).setColor('Red')
+
+const elementsSelect: APITextInputComponent[] = [
+  {
+    label: '❓| Qual será o Nome?',
+    placeholder: 'Ex: Parceria',
+    style: 1,
+    max_length: 25,
+    custom_id: "title",
+    type: ComponentType.TextInput
+  },
+  {
+    label: '❓| Qual será o Emoji? (somente um)',
+    placeholder: 'Ex: 🎟️🎫💰🎲💵🗂️.',
+    value: '🎟️',
+    style: 1,
+    max_length: 10,
+    custom_id: "emoji",
+    type: ComponentType.TextInput
+  }
+]
+
+new Component({
+  customId: 'AddSelect',
+  type: "Button",
+  async run(interaction) {
+    const modal = new ModalBuilder({
+      title: 'Adicionar opções do SelectMenu',
+      customId: 'AddSelect',
+    })
+
+    for (const element of elementsSelect) {
+      modal.addComponents(new ActionRowBuilder<TextInputBuilder>().addComponents(new TextInputBuilder(element)))
+    }
+
+    await interaction.showModal(modal)
+  },
+})
+
+new Component({
+  customId: 'AddSelect',
+  type: "Modal",
+  async run(interaction) {
+    const title = interaction.fields.getTextInputValue('title')
+    const emoji = interaction.fields.getTextInputValue('emoji')
+    const templateData = await template.findOne({ where: { messageId: interaction.message?.id } })
+
+    if (templateData === null) {
+      await interaction.reply({ embeds: [notFound] })
+      return
+    }
+
+    templateData.selects = [ ...(templateData.selects ?? []), { emoji, title }]
+
+    await template.save(templateData)
+      .then(async () => {
+        await interaction.reply({
+          ephemeral: true,
+          embeds: [
+            new EmbedBuilder({
+              title: '✅ Informações salvas com sucesso!'
+            }).setColor('Green')
+          ]
+        })
+      })
+      .catch(async () => {
+        await interaction.editReply({
+          embeds: [
+            new EmbedBuilder({
+              title: '❌ Ocorreu um erro ao tentar salvar as informações no database'
+            }).setColor('Red')
+          ]
+        })
+      })
+
+    setTimeout(() => interaction.deleteReply(), 2000)
+  }
+})
+
+const elementsCategory: APITextInputComponent[] = [
+  {
+    label: '❓| Qual será o Título?',
+    placeholder: 'Ex: Parceria',
+    style: 1,
+    max_length: 256,
+    custom_id: 'title',
+    type: ComponentType.TextInput
+  },
+  {
+    label: '❓| Qual será a Descrição?',
+    placeholder: 'Ex: Quero me tornar um parceiro.',
+    style: 1,
+    max_length: 256,
+    custom_id: 'description',
+    type: ComponentType.TextInput
+  },
+  {
+    label: '❓| Qual será o Emoji? (somente um)',
+    placeholder: 'Ex: 🎟️🎫💰🎲💵🗂️.',
+    value: '💰',
+    style: 1,
+    max_length: 10,
+    custom_id: 'emoji',
+    type: ComponentType.TextInput
+  }
+]
+
+new Component({
+  customId: 'AddCategory',
+  type: "Button",
+  async run(interaction) {
+    const modal = new ModalBuilder({
+      title: 'Adicionar Categorias de Ticket',
+      customId: 'AddCategory',
+    })
+  
+    for (const element of elementsCategory) {
+      modal.addComponents(new ActionRowBuilder<TextInputBuilder>().addComponents(new TextInputBuilder(element)))
+    }
+  
+    await interaction.showModal(modal)
+  },
+})
+
+new Component({
+  customId: 'AddCategory',
+  type: "Modal",
+  async run(interaction) {
+    const title = interaction.fields.getTextInputValue('title')
+    const emoji = interaction.fields.getTextInputValue('emoji')
+    const description = interaction.fields.getTextInputValue('description')
+    const templateData = await template.findOne({ where: { messageId: interaction.message?.id } })
+
+    if (templateData === null) {
+      await interaction.reply({ embeds: [notFound] })
+      return
+    }
+
+    templateData.categories = [ ...(templateData.categories ?? []), { emoji, title, description }]
+
+    await template.save(templateData)
+      .then(async () => {
+        await interaction.reply({
+          ephemeral: true,
+          embeds: [
+            new EmbedBuilder({
+              title: '✅ Informações salvas com sucesso!'
+            }).setColor('Green')
+          ]
+        })
+      })
+      .catch(async () => {
+        await interaction.editReply({
+          embeds: [
+            new EmbedBuilder({
+              title: '❌ Ocorreu um erro ao tentar salvar as informações no database'
+            }).setColor('Red')
+          ]
+        })
+      })
+
+    setTimeout(() => interaction.deleteReply(), 2000)
+  }
+})
\ No newline at end of file
diff --git a/plugins/tickets/src/entity/Template.entry.ts b/plugins/tickets/src/entity/Template.entry.ts
index c66f6ef7..9fcf5777 100644
--- a/plugins/tickets/src/entity/Template.entry.ts
+++ b/plugins/tickets/src/entity/Template.entry.ts
@@ -11,6 +11,17 @@ export enum TypeTemplate {
   Modal = 'modal'
 }
 
+interface Select {
+  title: string
+  emoji: string
+}
+
+interface Category {
+  title: string
+  description: string
+  emoji: string
+}
+
 @Entity({ name: 'tickets_templates' })
 export default class Template extends BaseEntity {
     @PrimaryGeneratedColumn()
@@ -30,6 +41,33 @@ export default class Template extends BaseEntity {
       type!: TypeTemplate
 
     @Column('json', {
+      nullable: true,
+      transformer: {
+        to(value: string): string {
+          return JSON.stringify(value)
+        },
+        from(value: string): Select[] {
+          return JSON.parse(value)
+        },
+      }
+    })
+      selects!: Select[]
+
+    @Column('json', {
+      nullable: true,
+      transformer: {
+        to(value: string): string {
+          return JSON.stringify(value)
+        },
+        from(value: string): Category[] {
+          return JSON.parse(value)
+        },
+      }
+    })
+      categories!: Category[]
+
+    @Column('json', {
+      nullable: true,
       transformer: {
         to(value: string): string {
           return JSON.stringify(value)