From bf6247775f0219a07349cf27ad425b1782cc4a3b Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 28 Jan 2022 21:03:00 -0300
Subject: [PATCH 01/48] [FRONT] refactor: organized frontend structure folders

---
 frontend/components/molecules/news/LastnewsList.vue          | 1 -
 .../organisms/{ => authentication}/CreateAccountDialog.vue   | 0
 .../organisms/{ => authentication}/LoginDialog.vue           | 0
 .../organisms/dashboard/{ => home}/DashboardAccountsInfo.vue | 0
 .../organisms/dashboard/{ => home}/DashboardServerStatus.vue | 0
 frontend/components/organisms/dashboard/news/NewsEdit.vue    | 4 +---
 frontend/components/organisms/{ => layout}/Sidebar.vue       | 0
 .../dashboard/accounts/DashboardAccountsTemplate.vue         | 5 +++++
 .../templates/dashboard/{ => home}/HomeDashboardTemplate.vue | 0
 frontend/components/templates/{ => home}/HomeTemplate.vue    | 0
 .../components/templates/{ => layout}/FooterTemplate.vue     | 0
 .../components/templates/{ => layout}/HeaderTemplate.vue     | 0
 frontend/pages/dashboard/{ => accounts}/accounts.vue         | 4 +---
 frontend/routes/dashboard/account.ts                         | 2 +-
 14 files changed, 8 insertions(+), 8 deletions(-)
 rename frontend/components/organisms/{ => authentication}/CreateAccountDialog.vue (100%)
 rename frontend/components/organisms/{ => authentication}/LoginDialog.vue (100%)
 rename frontend/components/organisms/dashboard/{ => home}/DashboardAccountsInfo.vue (100%)
 rename frontend/components/organisms/dashboard/{ => home}/DashboardServerStatus.vue (100%)
 rename frontend/components/organisms/{ => layout}/Sidebar.vue (100%)
 create mode 100644 frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
 rename frontend/components/templates/dashboard/{ => home}/HomeDashboardTemplate.vue (100%)
 rename frontend/components/templates/{ => home}/HomeTemplate.vue (100%)
 rename frontend/components/templates/{ => layout}/FooterTemplate.vue (100%)
 rename frontend/components/templates/{ => layout}/HeaderTemplate.vue (100%)
 rename frontend/pages/dashboard/{ => accounts}/accounts.vue (74%)

diff --git a/frontend/components/molecules/news/LastnewsList.vue b/frontend/components/molecules/news/LastnewsList.vue
index 15eee3d..453b514 100644
--- a/frontend/components/molecules/news/LastnewsList.vue
+++ b/frontend/components/molecules/news/LastnewsList.vue
@@ -79,7 +79,6 @@ export default Vue.extend({
 
       if (response.status === 200) {
         this.$set(this, 'newsData', response.data);
-        console.log(response.total);
         this.total = response.total;
         this.isLoading = false;
       }
diff --git a/frontend/components/organisms/CreateAccountDialog.vue b/frontend/components/organisms/authentication/CreateAccountDialog.vue
similarity index 100%
rename from frontend/components/organisms/CreateAccountDialog.vue
rename to frontend/components/organisms/authentication/CreateAccountDialog.vue
diff --git a/frontend/components/organisms/LoginDialog.vue b/frontend/components/organisms/authentication/LoginDialog.vue
similarity index 100%
rename from frontend/components/organisms/LoginDialog.vue
rename to frontend/components/organisms/authentication/LoginDialog.vue
diff --git a/frontend/components/organisms/dashboard/DashboardAccountsInfo.vue b/frontend/components/organisms/dashboard/home/DashboardAccountsInfo.vue
similarity index 100%
rename from frontend/components/organisms/dashboard/DashboardAccountsInfo.vue
rename to frontend/components/organisms/dashboard/home/DashboardAccountsInfo.vue
diff --git a/frontend/components/organisms/dashboard/DashboardServerStatus.vue b/frontend/components/organisms/dashboard/home/DashboardServerStatus.vue
similarity index 100%
rename from frontend/components/organisms/dashboard/DashboardServerStatus.vue
rename to frontend/components/organisms/dashboard/home/DashboardServerStatus.vue
diff --git a/frontend/components/organisms/dashboard/news/NewsEdit.vue b/frontend/components/organisms/dashboard/news/NewsEdit.vue
index 6b69383..5d3f22c 100644
--- a/frontend/components/organisms/dashboard/news/NewsEdit.vue
+++ b/frontend/components/organisms/dashboard/news/NewsEdit.vue
@@ -42,9 +42,7 @@ export default Vue.extend({
   },
   
   methods: {
-    async onUpdate(this: any): Promise<void> {
-      console.log(dashboardNews.$post);
-      
+    async onUpdate(this: any): Promise<void> {      
       const result: { status: Number, message: String} = await dashboardNews.editPost(dashboardNews.$post);
 
       if (result.status === 200) {
diff --git a/frontend/components/organisms/Sidebar.vue b/frontend/components/organisms/layout/Sidebar.vue
similarity index 100%
rename from frontend/components/organisms/Sidebar.vue
rename to frontend/components/organisms/layout/Sidebar.vue
diff --git a/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue b/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
new file mode 100644
index 0000000..72cbfa9
--- /dev/null
+++ b/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
@@ -0,0 +1,5 @@
+<template>
+  <v-container>
+    <DashboardAccounts />
+  </v-container>
+</template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/HomeDashboardTemplate.vue b/frontend/components/templates/dashboard/home/HomeDashboardTemplate.vue
similarity index 100%
rename from frontend/components/templates/dashboard/HomeDashboardTemplate.vue
rename to frontend/components/templates/dashboard/home/HomeDashboardTemplate.vue
diff --git a/frontend/components/templates/HomeTemplate.vue b/frontend/components/templates/home/HomeTemplate.vue
similarity index 100%
rename from frontend/components/templates/HomeTemplate.vue
rename to frontend/components/templates/home/HomeTemplate.vue
diff --git a/frontend/components/templates/FooterTemplate.vue b/frontend/components/templates/layout/FooterTemplate.vue
similarity index 100%
rename from frontend/components/templates/FooterTemplate.vue
rename to frontend/components/templates/layout/FooterTemplate.vue
diff --git a/frontend/components/templates/HeaderTemplate.vue b/frontend/components/templates/layout/HeaderTemplate.vue
similarity index 100%
rename from frontend/components/templates/HeaderTemplate.vue
rename to frontend/components/templates/layout/HeaderTemplate.vue
diff --git a/frontend/pages/dashboard/accounts.vue b/frontend/pages/dashboard/accounts/accounts.vue
similarity index 74%
rename from frontend/pages/dashboard/accounts.vue
rename to frontend/pages/dashboard/accounts/accounts.vue
index 5ba6eda..c690704 100644
--- a/frontend/pages/dashboard/accounts.vue
+++ b/frontend/pages/dashboard/accounts/accounts.vue
@@ -1,7 +1,5 @@
 <template>
-  <div>
-      Accounts
-  </div>
+  <DashboardAccountsTemplate />
 </template>
 
 <script lang="ts">
diff --git a/frontend/routes/dashboard/account.ts b/frontend/routes/dashboard/account.ts
index bde5ae8..326cf77 100644
--- a/frontend/routes/dashboard/account.ts
+++ b/frontend/routes/dashboard/account.ts
@@ -1,4 +1,4 @@
-import Accounts from '@/pages/dashboard/accounts.vue'
+import Accounts from '~/pages/dashboard/accounts/accounts.vue'
 
 export default [
   {

From bddd7b78cd6a70d35f86e49a376f0566131f81f6 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 28 Jan 2022 21:20:51 -0300
Subject: [PATCH 02/48] [FRONT] feat: added search component by account

---
 .../account/DashboardFindAccount.vue          | 59 +++++++++++++++++++
 .../dashboard/accounts/DashboardAccounts.vue  |  5 ++
 2 files changed, 64 insertions(+)
 create mode 100644 frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
 create mode 100644 frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue

diff --git a/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue b/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
new file mode 100644
index 0000000..d2ca333
--- /dev/null
+++ b/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
@@ -0,0 +1,59 @@
+<template>
+  <v-form
+    ref="form"
+    class="mt-8 text-center"
+    v-model="valid"
+    @submit.prevent="validate"
+  >
+    <v-text-field
+      v-model="account_name"
+      :rules="rules"
+      label="Account Name"
+      outlined
+      dense
+      append-icon="mdi-magnify"
+      hide-details="auto"
+      color="cyan accent-2"
+    />
+    
+    <v-btn
+      text 
+      class="btn btn-success-secondary mt-4"
+      @click="validate"
+    >
+      Search Account
+    </v-btn>
+  </v-form>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  data() {
+    return {
+      valid: true,
+      account_name: "",
+      rules: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  methods: {
+    async onSearch(this: any) {
+      try {
+        this.$router.push('/character/' + this.character_name);
+      } catch(err) {
+        console.log(err);
+      }
+    },
+
+    async validate(this: any) {
+      await this.$refs.form.validate();
+      // if (this.valid)
+      //   this.onSearch();
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
new file mode 100644
index 0000000..1e2527e
--- /dev/null
+++ b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
@@ -0,0 +1,5 @@
+<template>
+  <v-container>
+    <DashboardFindAccount />
+  </v-container>
+</template>
\ No newline at end of file

From 7af81fac8d4d5f40f06a84422f5774eadda36acb Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 28 Jan 2022 21:35:59 -0300
Subject: [PATCH 03/48] [BACK] refactor: changed search method to total
 accounts

---
 backend/app/Controllers/Dashboard/Accounts.ts                 | 2 +-
 backend/start/routes/dashboard.ts                             | 2 +-
 .../molecules/dashboard/home/DashboardPlayersStatus.vue       | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index b4ca8f7..0e42406 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -2,7 +2,7 @@ import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import Database from '@ioc:Adonis/Lucid/Database'
 
 export default class AccountsController {
-  public async show({ response, bouncer }: HttpContextContract) {
+  public async index({ response, bouncer }: HttpContextContract) {
     try {
       await bouncer.with('DashboardPolicy').authorize('viewList');
       
diff --git a/backend/start/routes/dashboard.ts b/backend/start/routes/dashboard.ts
index 157d004..2cae231 100644
--- a/backend/start/routes/dashboard.ts
+++ b/backend/start/routes/dashboard.ts
@@ -1,6 +1,6 @@
 import Route from '@ioc:Adonis/Core/Route';
 
-Route.get('/dashboard/accounts', 'Dashboard/Accounts.show').middleware('auth');
+Route.get('/dashboard/accounts', 'Dashboard/Accounts.index').middleware('auth');
 Route.get('/dashboard/players', 'Dashboard/Players.show').middleware('auth');
 Route.get('/dashboard/guilds', 'Dashboard/Guilds.show').middleware('auth');
 Route.get('/dashboard/premium-points', 'Dashboard/PremiumPoints.show').middleware('auth');
diff --git a/frontend/components/molecules/dashboard/home/DashboardPlayersStatus.vue b/frontend/components/molecules/dashboard/home/DashboardPlayersStatus.vue
index 719cd81..ab3f353 100644
--- a/frontend/components/molecules/dashboard/home/DashboardPlayersStatus.vue
+++ b/frontend/components/molecules/dashboard/home/DashboardPlayersStatus.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container class="dashboard-container">
     <v-row class="pa-0">
-      <v-col v-if="!$vuetify.breakpoint.mdAndDown" class="text-center">
+      <v-col v-if="!$vuetify.breakpoint.mdAndDown" cols="4" class="text-center">
         <v-icon size="96">
           mdi-human-greeting-proximity
         </v-icon>
@@ -12,7 +12,7 @@
           <h2 v-if="!$vuetify.breakpoint.mdAndDown"> Total Players </h2> 
           <h3 v-else> Total Players </h3> 
         </v-col>
-        <h3 color="cyan"> {{ getTotalPlayers }} </h3>
+        <h3> {{ getTotalPlayers }} </h3>
       </v-col>
     </v-row>
   </v-container>

From d33eca710fd88fb57211dd647e653a1cdbbd6897 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 28 Jan 2022 21:45:58 -0300
Subject: [PATCH 04/48] [BACK] feat: added endpoint for account lookup

---
 backend/README.md                               |  7 ++++++-
 backend/app/Controllers/Dashboard/Accounts.ts   | 17 +++++++++++++++++
 .../Dashboard/Accounts/StoreValidator.ts        |  8 ++++++++
 .../app/Validators/Dashboard/Accounts/index.ts  |  1 +
 backend/start/routes/dashboard/accounts.ts      |  3 +++
 .../routes/{dashboard.ts => dashboard/home.ts}  |  0
 backend/start/routes/index.ts                   |  3 ++-
 7 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
 create mode 100644 backend/app/Validators/Dashboard/Accounts/index.ts
 create mode 100644 backend/start/routes/dashboard/accounts.ts
 rename backend/start/routes/{dashboard.ts => dashboard/home.ts} (100%)

diff --git a/backend/README.md b/backend/README.md
index 1e08b6b..b418995 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -116,4 +116,9 @@ $ npm run start
 | GET    | /dashboard/players         | Get Total PLayers                         |
 | GET    | /dashboard/guilds          | Get Total Guilds                          |
 | GET    | /dashboard/premium-points  | Get accounts with the most premium points |
-| GET    | /dashboard/vocation        | Get all vocations by id                   |
\ No newline at end of file
+| GET    | /dashboard/vocation        | Get all vocations by id                   |
+##  🕵🏾‍♂️  Routes Dashboard - Accounts
+
+| METHOD | ENDPOINT                   | DESCRIPTION                               |
+| :----- | :------------------------- | :-----------------------------------------|
+| GET    | /dashboard/account/:name   | Find account                              |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index 0e42406..b0c526f 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -17,6 +17,23 @@ export default class AccountsController {
     }
   }
 
+  public async show({ request, response, bouncer }: HttpContextContract) {
+    try {
+      await bouncer.with('DashboardPolicy').authorize('viewList');
+
+      const account = await Database
+        .from('accounts')
+        .select('*')
+        .where('name', '=', request.param('name'));
+
+      console.log(account);
+      return response.status(200).send({ result: account});
+    } catch(err) {
+      console.log('Error getTotalAccounts Query: ', err);
+      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+    }
+  }
+
   public async edit({}: HttpContextContract) {}
 
   public async update({}: HttpContextContract) {}
diff --git a/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts b/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
new file mode 100644
index 0000000..d70b758
--- /dev/null
+++ b/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
@@ -0,0 +1,8 @@
+import { schema, rules } from '@ioc:Adonis/Core/Validator'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+
+export default class StoreValidator {
+  constructor(protected ctx: HttpContextContract) {}
+
+  public messages = {}
+}
diff --git a/backend/app/Validators/Dashboard/Accounts/index.ts b/backend/app/Validators/Dashboard/Accounts/index.ts
new file mode 100644
index 0000000..70f4f41
--- /dev/null
+++ b/backend/app/Validators/Dashboard/Accounts/index.ts
@@ -0,0 +1 @@
+export { default as StoreValidator } from './StoreValidator'
\ No newline at end of file
diff --git a/backend/start/routes/dashboard/accounts.ts b/backend/start/routes/dashboard/accounts.ts
new file mode 100644
index 0000000..660dbdd
--- /dev/null
+++ b/backend/start/routes/dashboard/accounts.ts
@@ -0,0 +1,3 @@
+import Route from '@ioc:Adonis/Core/Route';
+
+Route.get('/dashboard/account/:name', 'Dashboard/Accounts.show').middleware('auth');
\ No newline at end of file
diff --git a/backend/start/routes/dashboard.ts b/backend/start/routes/dashboard/home.ts
similarity index 100%
rename from backend/start/routes/dashboard.ts
rename to backend/start/routes/dashboard/home.ts
diff --git a/backend/start/routes/index.ts b/backend/start/routes/index.ts
index 4fb6c2a..0adc870 100644
--- a/backend/start/routes/index.ts
+++ b/backend/start/routes/index.ts
@@ -3,7 +3,8 @@ import './auth';
 import './account';
 import './highscores';
 import './players';
-import './dashboard';
+import './dashboard/home';
+import './dashboard/accounts';
 import './guilds';
 import './online';
 import './lastkills';

From c7b8220c8397a53783361f99d3c9f6ee13b82b3a Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 28 Jan 2022 23:03:00 -0300
Subject: [PATCH 05/48] [BACK] feat: added endpoint for account update

---
 backend/README.md                             |  3 +-
 backend/app/Controllers/Dashboard/Accounts.ts | 38 ++++++++++++++++---
 backend/app/Controllers/Dashboard/News.ts     |  4 --
 .../Dashboard/Accounts/StoreValidator.ts      |  8 ----
 .../Dashboard/Accounts/UpdateValidator.ts     | 34 +++++++++++++++++
 .../Validators/Dashboard/Accounts/index.ts    |  2 +-
 backend/start/routes/dashboard/accounts.ts    |  3 +-
 7 files changed, 71 insertions(+), 21 deletions(-)
 delete mode 100644 backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
 create mode 100644 backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts

diff --git a/backend/README.md b/backend/README.md
index b418995..aabf699 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -121,4 +121,5 @@ $ npm run start
 
 | METHOD | ENDPOINT                   | DESCRIPTION                               |
 | :----- | :------------------------- | :-----------------------------------------|
-| GET    | /dashboard/account/:name   | Find account                              |
\ No newline at end of file
+| GET    | /dashboard/account/:name   | Find account                              |
+| POST   | /dashboard/account         | Update account                            |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index b0c526f..16d9414 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -1,5 +1,6 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import Database from '@ioc:Adonis/Lucid/Database'
+import { UpdateValidator } from 'App/Validators/Dashboard/Accounts'
 
 export default class AccountsController {
   public async index({ response, bouncer }: HttpContextContract) {
@@ -23,20 +24,45 @@ export default class AccountsController {
 
       const account = await Database
         .from('accounts')
-        .select('*')
+        .select('id', 'name', 'premdays', 'email', 'group_id', 'web_flags', 'premium_points', 'key')
         .where('name', '=', request.param('name'));
 
-      console.log(account);
       return response.status(200).send({ result: account});
     } catch(err) {
-      console.log('Error getTotalAccounts Query: ', err);
+      console.log('Error findAccount Query: ', err);
       return response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
-  public async edit({}: HttpContextContract) {}
-
-  public async update({}: HttpContextContract) {}
+  public async update({ request, response, bouncer}: HttpContextContract) {
+    try {
+      await bouncer.with('DashboardPolicy').authorize('viewList');
+      const data = await request.validate(UpdateValidator);
+      
+      const account = await Database
+        .from('accounts')
+        .select('id')
+        .where('name', '=', data.name)
+        .andWhere('id', '<>', data.id);
+      
+      if (account.length) {
+        return response.status(404).send({ message: "Error. The username is already used."});
+      }
+      
+      const affectedRows = await Database.from('accounts')
+        .where('id', '=', data.id)
+        .update(data);
+      
+      if (!affectedRows) {
+        return response.status(404).send({ message: "Account not found."});
+      }
+      
+      return response.status(200).send({ status: 200, message: "Account successfully updated." });
+    } catch (err) {
+      console.log('Error updateAccount Query: ', err);
+      return response.status(400).send({ message: err})
+    }
+  }
 
   public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Controllers/Dashboard/News.ts b/backend/app/Controllers/Dashboard/News.ts
index 8c612d0..fc09639 100644
--- a/backend/app/Controllers/Dashboard/News.ts
+++ b/backend/app/Controllers/Dashboard/News.ts
@@ -61,8 +61,6 @@ export default class AccountsController {
     return response.status(200).send({ status: 200, page });
   }
 
-  public async edit({}: HttpContextContract) {}
-
   public async update({ request, response, auth, bouncer }: HttpContextContract) {
     await bouncer.with('DashboardPolicy').authorize('viewList');
 
@@ -85,6 +83,4 @@ export default class AccountsController {
     
     return response.status(200).send({ status: 200, message: "Post successfully updated." });
   }
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts b/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
deleted file mode 100644
index d70b758..0000000
--- a/backend/app/Validators/Dashboard/Accounts/StoreValidator.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { schema, rules } from '@ioc:Adonis/Core/Validator'
-import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-
-export default class StoreValidator {
-  constructor(protected ctx: HttpContextContract) {}
-
-  public messages = {}
-}
diff --git a/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts b/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts
new file mode 100644
index 0000000..8e8c05c
--- /dev/null
+++ b/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts
@@ -0,0 +1,34 @@
+import { schema, rules } from '@ioc:Adonis/Core/Validator'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+
+export default class UpdateValidator {
+  constructor(protected ctx: HttpContextContract) {}
+
+  public schema = schema.create({
+    id: schema.number([rules.required(), rules.exists({ table: 'accounts', column: 'id' })]),
+    name: schema.string({ escape: true }, [
+      rules.required(),
+      rules.unique({
+        table: 'accounts',
+        column: 'name'
+      }),
+      rules.alpha(),
+      rules.minLength(3),
+      rules.maxLength(20),
+    ]),
+    email: schema.string({ trim: true }, [rules.required()]),
+    premdays: schema.number.optional(),
+    group_id: schema.number.optional(),
+    web_flags: schema.number.optional(),
+    premium_points: schema.number.optional()
+  })
+
+  public messages = {
+    required: 'The {{ field }} is required to create a new character',
+    minLength: 'Name is too long. Min length {{ options.minLength }} letters',
+    maxLength: 'Name is too short. Max length {{ options.maxLength }} letters',
+    alpha: 'Invalid character name.',
+    'name.unique': 'Character name not available',
+    'name.notIn': 'The name contains an invalid name.',
+  }
+}
diff --git a/backend/app/Validators/Dashboard/Accounts/index.ts b/backend/app/Validators/Dashboard/Accounts/index.ts
index 70f4f41..cfeb80b 100644
--- a/backend/app/Validators/Dashboard/Accounts/index.ts
+++ b/backend/app/Validators/Dashboard/Accounts/index.ts
@@ -1 +1 @@
-export { default as StoreValidator } from './StoreValidator'
\ No newline at end of file
+export { default as UpdateValidator } from './UpdateValidator'
\ No newline at end of file
diff --git a/backend/start/routes/dashboard/accounts.ts b/backend/start/routes/dashboard/accounts.ts
index 660dbdd..a63b903 100644
--- a/backend/start/routes/dashboard/accounts.ts
+++ b/backend/start/routes/dashboard/accounts.ts
@@ -1,3 +1,4 @@
 import Route from '@ioc:Adonis/Core/Route';
 
-Route.get('/dashboard/account/:name', 'Dashboard/Accounts.show').middleware('auth');
\ No newline at end of file
+Route.get('/dashboard/account/:name', 'Dashboard/Accounts.show').middleware('auth');
+Route.post('/dashboard/account', 'Dashboard/Accounts.update').middleware('auth');
\ No newline at end of file

From 7e901ebf851d6b9222e800786429c71d8c4c76c3 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 29 Jan 2022 10:10:59 -0300
Subject: [PATCH 06/48] [FRONT] feat: added store for account search and update

---
 backend/app/Controllers/Dashboard/Accounts.ts |   4 +-
 .../Dashboard/Accounts/UpdateValidator.ts     |   4 -
 frontend/store/dashboard/accounts.ts          | 103 ++++++++++++++++++
 frontend/store/dashboard/index.ts             |   3 +-
 frontend/utils/store-util.ts                  |   6 +-
 5 files changed, 112 insertions(+), 8 deletions(-)
 create mode 100644 frontend/store/dashboard/accounts.ts

diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index 16d9414..0a39bb3 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -14,7 +14,7 @@ export default class AccountsController {
       return response.status(200).send({ result: accounts});
     } catch(err) {
       console.log('Error getTotalAccounts Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return response.status(400).send({ status: 200, message: 'An error occurred, check the api console.'})
     }
   }
 
@@ -27,7 +27,7 @@ export default class AccountsController {
         .select('id', 'name', 'premdays', 'email', 'group_id', 'web_flags', 'premium_points', 'key')
         .where('name', '=', request.param('name'));
 
-      return response.status(200).send({ result: account});
+      return response.status(200).send({ status: 200, result: account});
     } catch(err) {
       console.log('Error findAccount Query: ', err);
       return response.status(400).send({ message: 'An error occurred, check the api console.'})
diff --git a/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts b/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts
index 8e8c05c..6f7fb18 100644
--- a/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts
+++ b/backend/app/Validators/Dashboard/Accounts/UpdateValidator.ts
@@ -8,10 +8,6 @@ export default class UpdateValidator {
     id: schema.number([rules.required(), rules.exists({ table: 'accounts', column: 'id' })]),
     name: schema.string({ escape: true }, [
       rules.required(),
-      rules.unique({
-        table: 'accounts',
-        column: 'name'
-      }),
       rules.alpha(),
       rules.minLength(3),
       rules.maxLength(20),
diff --git a/frontend/store/dashboard/accounts.ts b/frontend/store/dashboard/accounts.ts
new file mode 100644
index 0000000..3b07253
--- /dev/null
+++ b/frontend/store/dashboard/accounts.ts
@@ -0,0 +1,103 @@
+import {
+  Module,
+  VuexModule,
+  Mutation,
+  Action
+} from 'vuex-module-decorators'
+
+import { $axios } from '@/utils/nuxt-instance'
+
+interface UpdatePayload {
+  id?: number,
+  name?: string,
+  premdays?: number,
+  email?: string,
+  group_id?: number,
+  web_flags?: number,
+  premium_points?: number,
+  key?: string
+}
+
+@Module({
+  name: 'dashboard/accounts',
+  stateFactory: true,
+  namespaced: true
+})
+
+export default class Accounts extends VuexModule {
+  private account = {
+    id: undefined,
+		name: undefined,
+		premdays: undefined,
+		email: undefined,
+		group_id: undefined,
+		web_flags: undefined,
+		premium_points: undefined,
+		key: undefined
+  }
+
+  public get $account() {
+    return this.account;
+  }
+  
+  @Mutation
+  private UPDATE_ACCOUNT(this: any, payload: UpdatePayload) {
+    this.account = Object.assign(this.account, payload);
+  }
+
+  @Action
+  public async findAccount(name: string) {
+    try {
+      return await $axios.$get(`dashboard/account/${name}`)
+        .then((response) => {
+          if (!response) 
+            throw new Error(response);
+          
+          this.context.commit('UPDATE_ACCOUNT', {
+            id: response.result[0].id,
+            name: response.result[0].name,
+            premdays: response.result[0].premdays,
+            email: response.result[0].email,
+            group_id: response.result[0].group_id,
+            web_flags: response.result[0].web_flags,
+            premium_points: response.result[0].premium_points,
+            key: response.result[0].key
+          });
+
+          return {
+            status: response.status,
+            data: response.result[0]
+          };
+        })
+        .catch(({ response }) => {
+          return {
+            message: response.data.message ? response.data.message : response.data.errors[0].message,
+            status: response.status
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
+
+  @Action
+  public async updateAccount(payload: UpdatePayload) {
+    try {
+      return await $axios.$post('dashboard/account', payload)
+        .then((response) => {
+          if (!response) 
+            throw new Error(response);
+
+          return response;
+        })
+        .catch(({ response }) => {
+          return {
+            message: response.data.message ? response.data.message : response.data.errors[0].message,
+            status: response.status
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
+}
diff --git a/frontend/store/dashboard/index.ts b/frontend/store/dashboard/index.ts
index ff5604f..4d99c9b 100644
--- a/frontend/store/dashboard/index.ts
+++ b/frontend/store/dashboard/index.ts
@@ -1,2 +1,3 @@
 export { default as Home } from './home';
-export { default as News } from './news';
\ No newline at end of file
+export { default as News } from './news';
+export { default as Accounts } from './accounts';
\ No newline at end of file
diff --git a/frontend/utils/store-util.ts b/frontend/utils/store-util.ts
index 57f1a4f..02d79d6 100644
--- a/frontend/utils/store-util.ts
+++ b/frontend/utils/store-util.ts
@@ -5,7 +5,8 @@ import Auth from '@/store/auth';
 
 import {
   Home as DashboardHome,
-  News as DashboardNews
+  News as DashboardNews,
+  Accounts as DashboardAccounts
 } from '@/store/dashboard'
 
 import {
@@ -45,6 +46,7 @@ let auth: Auth;
 
 let dashboardHome: DashboardHome;
 let dashboardNews: DashboardNews;
+let dashboardAccounts: DashboardAccounts;
 
 let news: News;
 
@@ -71,6 +73,7 @@ const initializeStores = (store: Store<any>) => {
   // Store Dashboard
   dashboardHome = getModule(DashboardHome, store);
   dashboardNews = getModule(DashboardNews, store);
+  dashboardAccounts = getModule(DashboardAccounts, store);
 
   // Store News
   news = getModule(News, store);
@@ -104,6 +107,7 @@ export {
 
   dashboardHome,
   dashboardNews,
+  dashboardAccounts,
 
   auth,
 

From 18d9ffa20dc8eddd578afd373430036a6b818f08 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 29 Jan 2022 11:02:00 -0300
Subject: [PATCH 07/48] [FRONT] feat: added account search

---
 .../account/DashboardFindAccount.vue          |  6 +-
 .../accounts/DashboardEditAccount.vue         |  5 ++
 .../accounts/DashboardEditAccountTemplate.vue | 64 +++++++++++++++++++
 frontend/pages/dashboard/accounts/edit.vue    |  9 +++
 frontend/routes/dashboard/account.ts          |  9 +++
 frontend/store/dashboard/accounts.ts          | 10 +--
 6 files changed, 95 insertions(+), 8 deletions(-)
 create mode 100644 frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
 create mode 100644 frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
 create mode 100644 frontend/pages/dashboard/accounts/edit.vue

diff --git a/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue b/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
index d2ca333..46aaa37 100644
--- a/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
+++ b/frontend/components/molecules/dashboard/account/DashboardFindAccount.vue
@@ -43,7 +43,7 @@ export default Vue.extend({
   methods: {
     async onSearch(this: any) {
       try {
-        this.$router.push('/character/' + this.character_name);
+        this.$router.push('/dashboard/account/' + this.account_name);
       } catch(err) {
         console.log(err);
       }
@@ -51,8 +51,8 @@ export default Vue.extend({
 
     async validate(this: any) {
       await this.$refs.form.validate();
-      // if (this.valid)
-      //   this.onSearch();
+      if (this.valid)
+        this.onSearch();
     }
   }
 })
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
new file mode 100644
index 0000000..aaf96d8
--- /dev/null
+++ b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
@@ -0,0 +1,5 @@
+<template>
+  <v-container>
+    Test
+  </v-container>
+</template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue b/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
new file mode 100644
index 0000000..8cad59a
--- /dev/null
+++ b/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <div v-if="isLoading" class="text-center">
+      <v-progress-circular
+        indeterminate
+        color="primary"
+      ></v-progress-circular>
+    </div>
+
+    <ValueNoExists 
+      v-else-if="accountInvalid"
+      text="Account not found"
+      to="/dashboard/accounts"
+    />
+
+    <DashboardEditAccount
+      v-else
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardAccounts } from '@/store'
+
+export default Vue.extend({
+  data() {
+    return {
+      isLoading: true,
+      accountInvalid: false
+    }
+  },
+
+  computed: {
+    getAccountName(): string {
+      if (this.$route.params && this.$route.params.name)
+        return this.$route.params.name;
+      return "";
+    }
+  },
+
+  async mounted() {
+    await this.accountExists();
+  },
+
+  methods: {
+    async accountExists(): Promise<void> {
+      this.$set(this, 'isLoading', true);
+
+      const response = await dashboardAccounts.findAccount(this.getAccountName);
+      
+      if (!response || !response.data.length) {
+        this.$set(this, 'accountInvalid', true);
+      }
+
+      else {
+        this.$set(this, 'accountInvalid', false);
+      }
+
+      this.$set(this, 'isLoading', false);
+    },
+  }
+})
+</script>
diff --git a/frontend/pages/dashboard/accounts/edit.vue b/frontend/pages/dashboard/accounts/edit.vue
new file mode 100644
index 0000000..0805fdd
--- /dev/null
+++ b/frontend/pages/dashboard/accounts/edit.vue
@@ -0,0 +1,9 @@
+<template>
+  <DashboardEditAccountTemplate />
+</template>
+
+<script lang="ts">
+export default {
+  layout: 'dashboard'
+}
+</script>
\ No newline at end of file
diff --git a/frontend/routes/dashboard/account.ts b/frontend/routes/dashboard/account.ts
index 326cf77..8eb05c7 100644
--- a/frontend/routes/dashboard/account.ts
+++ b/frontend/routes/dashboard/account.ts
@@ -1,4 +1,5 @@
 import Accounts from '~/pages/dashboard/accounts/accounts.vue'
+import Edit from '~/pages/dashboard/accounts/edit.vue'
 
 export default [
   {
@@ -9,4 +10,12 @@ export default [
       name: 'dashboard-account'
     }
   },
+  {
+    path: '/dashboard/account/:name',
+    component: Edit,
+    name: 'Dashboard - Account',
+    meta: {
+      name: 'dashboard-account'
+    }
+  },
 ]
\ No newline at end of file
diff --git a/frontend/store/dashboard/accounts.ts b/frontend/store/dashboard/accounts.ts
index 3b07253..f0bfb36 100644
--- a/frontend/store/dashboard/accounts.ts
+++ b/frontend/store/dashboard/accounts.ts
@@ -50,7 +50,7 @@ export default class Accounts extends VuexModule {
     try {
       return await $axios.$get(`dashboard/account/${name}`)
         .then((response) => {
-          if (!response) 
+          if (response.status !== 200) 
             throw new Error(response);
           
           this.context.commit('UPDATE_ACCOUNT', {
@@ -66,13 +66,13 @@ export default class Accounts extends VuexModule {
 
           return {
             status: response.status,
-            data: response.result[0]
+            data: response.result
           };
         })
         .catch(({ response }) => {
           return {
-            message: response.data.message ? response.data.message : response.data.errors[0].message,
-            status: response.status
+            data: [],
+            status: response
           };
         });
     } catch(err) {
@@ -92,7 +92,7 @@ export default class Accounts extends VuexModule {
         })
         .catch(({ response }) => {
           return {
-            message: response.data.message ? response.data.message : response.data.errors[0].message,
+            data: response,
             status: response.status
           };
         });

From 2cf52335bb601de8ccc846fef328f4860859357d Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 29 Jan 2022 13:40:47 -0300
Subject: [PATCH 08/48] [BACK] fix: fixed base vocation id's

---
 backend/contracts/enums/Vocations.ts | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/backend/contracts/enums/Vocations.ts b/backend/contracts/enums/Vocations.ts
index 1d31718..efb8b5b 100644
--- a/backend/contracts/enums/Vocations.ts
+++ b/backend/contracts/enums/Vocations.ts
@@ -1,18 +1,26 @@
 export const Vocations = [
   {
     vocation_id: 1,
-    name: "Orc Sample"
+    name: "Dragon Slayer Sample"
   },
   {
     vocation_id: 18,
-    name: "With Sample"
+    name: "Winter Sample"
   },
   {
     vocation_id: 32,
-    name: "Demon Sample"
+    name: "Barbarian Sample"
   },
   {
     vocation_id: 47,
-    name: "Lizard Sample"
+    name: "Mage Sample"
+  },
+  {
+    vocation_id: 59,
+    name: "Mercenary Sample"
+  },
+  {
+    vocation_id: 68,
+    name: "Warrior Sample"
   },
 ]
\ No newline at end of file

From 6f70ac37f26bdaabf08de7248b94e6ef32419855 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 29 Jan 2022 15:25:34 -0300
Subject: [PATCH 09/48] [FRONT] feat: added component to update account

---
 frontend/assets/css/main.css                  |   7 +-
 .../account/DashboardAccountForm.vue          | 112 ++++++++++++++++++
 .../dashboard/accounts/DashboardAccounts.vue  |   6 +-
 .../accounts/DashboardEditAccount.vue         |  92 +++++++++++++-
 .../accounts/DashboardAccountsTemplate.vue    |   4 +-
 .../accounts/DashboardEditAccountTemplate.vue |   2 +-
 .../dashboard/news/PostCreateTemplate.vue     |   2 +-
 .../dashboard/news/PostEditTemplate.vue       |   4 +-
 .../dashboard/news/PostsTemplate.vue          |   2 +-
 frontend/store/dashboard/accounts.ts          |   4 +-
 frontend/utils/enum.ts                        |   5 +
 11 files changed, 225 insertions(+), 15 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/account/DashboardAccountForm.vue

diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 3943bd3..2a77b24 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -167,6 +167,11 @@
   border-color: var(--red) !important;
 }
 
+.btn-danger-secondary {
+  color: var(--red) !important;
+  border-color: var(--red) !important;
+}
+
 .container {
   width: 95% !important;
 }
@@ -332,7 +337,7 @@
 }
 
 .dashboard-container {
-  background-color: var(--bg-dashboard-content-color) !important;
+  background: linear-gradient(rgb(21, 30, 43) 0%, rgb(0 37 47) 100%) 0% 0% / cover !important;
   border-radius: 24px !important;
   box-shadow: 
     0px 2px 4px -1px rgb(0 0 0 / 28%), 
diff --git a/frontend/components/molecules/dashboard/account/DashboardAccountForm.vue b/frontend/components/molecules/dashboard/account/DashboardAccountForm.vue
new file mode 100644
index 0000000..dd89846
--- /dev/null
+++ b/frontend/components/molecules/dashboard/account/DashboardAccountForm.vue
@@ -0,0 +1,112 @@
+<template>
+  <v-row class="pl-4 mr-4">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$account.name"
+        :rules="rules.required"
+        label="Account Name"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$account.email"
+        :rules="rules.email"
+        label="E-mail"
+        type="email"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$account.key"
+        label="Recovery Key"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$account.premdays"
+        label="Premium Days"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$account.premium_points"
+        label="Premium Points"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-autocomplete
+        v-model="$account.group_id"
+        :rules="rules.required"
+        :items="getGroupList"
+        label="Group Id"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardAccounts } from '@/store'
+import { accountGroups } from '@/utils/enum'
+
+export default Vue.extend({
+  data() {
+    return {
+      rules: {
+        email: [
+          (v: string) => !!v || 'Required field',
+          (v: string) => /.+@.+\..+/.test(v) || 'Invalid e-mail.',
+        ],
+        required: [
+          (v: string) => !!v || 'Required field',
+        ],
+      },
+    }
+  },
+  
+  computed: {
+    $account() {
+      return dashboardAccounts.$account;
+    },
+
+    getGroupList(): Object[] {
+      return accountGroups;
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
index 1e2527e..8b5af94 100644
--- a/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
+++ b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
@@ -1,5 +1,7 @@
 <template>
-  <v-container>
-    <DashboardFindAccount />
+  <v-container class="dashboard-container">
+    <v-col cols="12">
+      <DashboardFindAccount />
+    </v-col>
   </v-container>
 </template>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
index aaf96d8..60d9b84 100644
--- a/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
+++ b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
@@ -1,5 +1,91 @@
 <template>
-  <v-container>
-    Test
+  <v-container class="dashboard-container">
+    <v-form 
+      class="text-center"
+      ref="form"
+      v-model="valid"
+      @submit.prevent="validate"
+      @keyup.native.enter="validate"
+    >
+      <h3> Edit Account </h3>
+
+      <v-col cols="12">
+        <DashboardAccountForm class="pa-5"/>
+      </v-col>
+      
+      <v-col class="text-center" cols="12">
+        <v-btn
+          class="mt-5 btn btn-success-secondary"
+          text
+          rounded
+          @click="validate"
+        >
+          Update Account
+        </v-btn>
+        
+        <v-btn
+          class="mt-5 btn btn-danger-secondary"
+          text
+          rounded
+          @click="back()"
+        >
+          Back
+        </v-btn>
+      </v-col>
+    </v-form>
   </v-container>
-</template>
\ No newline at end of file
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardAccounts } from '@/store'
+
+export default Vue.extend({
+  data() {
+    return {
+      valid: true,
+    }
+  },
+  methods: {
+    back(): void {
+      this.$router.replace('/dashboard/accounts');
+    },
+
+    async onSubmit(this: any): Promise<void> {
+      try {
+        const res = await dashboardAccounts.update(dashboardAccounts.$account)
+        console.log(res);
+        if (res.status === 200) {
+          this.$toast.success(
+            'Successfully updated',
+            {
+              keepOnHover: true,
+              duration: 2000,
+              theme: "bubble",
+            }
+          )
+          this.back();
+        }
+          
+        else
+          throw new Error("Failed to update account");
+      } catch (error) {
+        this.$toast.error(
+          'Error while update account',
+          {
+            keepOnHover: true,
+            duration: 2000,
+            theme: "bubble",
+          }
+        )
+      }
+    },
+
+    async validate(this: any): Promise<void> {
+      await this.$refs.form.validate();
+      if (this.valid)
+        await this.onSubmit();
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue b/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
index 72cbfa9..c5c9a20 100644
--- a/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
+++ b/frontend/components/templates/dashboard/accounts/DashboardAccountsTemplate.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <div>
     <DashboardAccounts />
-  </v-container>
+  </div>
 </template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue b/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
index 8cad59a..16ef8ca 100644
--- a/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
+++ b/frontend/components/templates/dashboard/accounts/DashboardEditAccountTemplate.vue
@@ -47,7 +47,7 @@ export default Vue.extend({
     async accountExists(): Promise<void> {
       this.$set(this, 'isLoading', true);
 
-      const response = await dashboardAccounts.findAccount(this.getAccountName);
+      const response = await dashboardAccounts.find(this.getAccountName);
       
       if (!response || !response.data.length) {
         this.$set(this, 'accountInvalid', true);
diff --git a/frontend/components/templates/dashboard/news/PostCreateTemplate.vue b/frontend/components/templates/dashboard/news/PostCreateTemplate.vue
index 81a4d20..7719e73 100644
--- a/frontend/components/templates/dashboard/news/PostCreateTemplate.vue
+++ b/frontend/components/templates/dashboard/news/PostCreateTemplate.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container class="dashboard-container">
     <NewsCreate />
   </v-container>
 </template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/news/PostEditTemplate.vue b/frontend/components/templates/dashboard/news/PostEditTemplate.vue
index 0220dd8..015379e 100644
--- a/frontend/components/templates/dashboard/news/PostEditTemplate.vue
+++ b/frontend/components/templates/dashboard/news/PostEditTemplate.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <v-container class="dashboard-container">
     <div v-if="isLoading" class="text-center">
       <v-progress-circular
         indeterminate
@@ -16,7 +16,7 @@
     <NewsEdit 
       v-else
     />
-  </div>
+  </v-container>
 </template>
 
 <script lang="ts">
diff --git a/frontend/components/templates/dashboard/news/PostsTemplate.vue b/frontend/components/templates/dashboard/news/PostsTemplate.vue
index 90cebcd..710138b 100644
--- a/frontend/components/templates/dashboard/news/PostsTemplate.vue
+++ b/frontend/components/templates/dashboard/news/PostsTemplate.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <v-container class="dashboard-container">
     <NewsList />
   </v-container>
 </template>
\ No newline at end of file
diff --git a/frontend/store/dashboard/accounts.ts b/frontend/store/dashboard/accounts.ts
index f0bfb36..c574ad2 100644
--- a/frontend/store/dashboard/accounts.ts
+++ b/frontend/store/dashboard/accounts.ts
@@ -46,7 +46,7 @@ export default class Accounts extends VuexModule {
   }
 
   @Action
-  public async findAccount(name: string) {
+  public async find(name: string) {
     try {
       return await $axios.$get(`dashboard/account/${name}`)
         .then((response) => {
@@ -81,7 +81,7 @@ export default class Accounts extends VuexModule {
   }
 
   @Action
-  public async updateAccount(payload: UpdatePayload) {
+  public async update(payload: UpdatePayload) {
     try {
       return await $axios.$post('dashboard/account', payload)
         .then((response) => {
diff --git a/frontend/utils/enum.ts b/frontend/utils/enum.ts
index 5388e78..17a41e4 100644
--- a/frontend/utils/enum.ts
+++ b/frontend/utils/enum.ts
@@ -73,6 +73,11 @@ export const routesCommunity = [
   },
 ]
 
+export const accountGroups = [
+  { value: 1, text: "Player" },
+  { value: 6, text: "Admin" },
+]
+
 export const routesAccount = [
   {
     text: "Manage account",

From e9dfdf52cc84c48e680f92048b7a549c3df196f1 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 29 Jan 2022 17:40:40 -0300
Subject: [PATCH 10/48] [FRONT] feat: added account character listing

---
 README.md                                     |  6 ++
 backend/app/Controllers/Dashboard/Accounts.ts | 12 +++-
 frontend/assets/css/main.css                  |  4 ++
 .../account/DashboardCharactersAccount.vue    | 39 +++++++++++++
 .../dashboard/accounts/DashboardAccounts.vue  |  6 +-
 .../accounts/DashboardEditAccount.vue         | 56 +++++++++++--------
 frontend/store/dashboard/accounts.ts          | 38 ++++++++++---
 7 files changed, 126 insertions(+), 35 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/account/DashboardCharactersAccount.vue

diff --git a/README.md b/README.md
index df7bdc0..26691aa 100644
--- a/README.md
+++ b/README.md
@@ -163,6 +163,12 @@ This repository follows the semantic commit pattern, with the addition of the ta
     <li> [x] Edit post </li>
     <li> [x] Delete post </li>
   </ul>
+  <li> [x] Accounts </li>
+  <ul>
+    <li> [x] Find Account </li>
+    <li> [x] Change account information </li>
+    <li> [x] View all account characters </li>
+  </ul>
 </ul>
 
 ## Show-Off
diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index 0a39bb3..190ee1d 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -26,8 +26,18 @@ export default class AccountsController {
         .from('accounts')
         .select('id', 'name', 'premdays', 'email', 'group_id', 'web_flags', 'premium_points', 'key')
         .where('name', '=', request.param('name'));
+       
+      if (!account.length) {
+        return response.status(404).send({ message: "Account not found!"});
+      }
+
+      const characters = await Database
+        .from('players')
+        .select('players.id', 'players.level', 'players.name', 'players.vocation')
+        .where('players.account_id', account[0].id)
+        .orderBy('players.experience', 'desc');
 
-      return response.status(200).send({ status: 200, result: account});
+      return response.status(200).send({ status: 200, result: { account, characters }});
     } catch(err) {
       console.log('Error findAccount Query: ', err);
       return response.status(400).send({ message: 'An error occurred, check the api console.'})
diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 2a77b24..29d68a2 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -320,6 +320,10 @@
   background-color: var(--bg-dashboard-main-color);
 }
 
+#dashboard h3 {
+  color: var(--heading-color) !important;
+}
+
 .theme--light.v-navigation-drawer {
   background-color: var(--bg-dashboard-main-color) !important;
 }
diff --git a/frontend/components/molecules/dashboard/account/DashboardCharactersAccount.vue b/frontend/components/molecules/dashboard/account/DashboardCharactersAccount.vue
new file mode 100644
index 0000000..e1eec7e
--- /dev/null
+++ b/frontend/components/molecules/dashboard/account/DashboardCharactersAccount.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <h3 class="mb-4"> Account characters </h3>
+
+    <v-row 
+      v-for="(character, idx) in getCharacters" 
+      :key="idx"
+    >
+      <v-col class="pa-1" cols="8"> {{ character.name }} </v-col>
+      <v-col class="pa-1" cols="4"> 
+        <v-tooltip bottom>
+          <template #activator="{ on, attrs }">
+            <v-btn
+              icon
+              v-bind="attrs"
+              v-on="on"
+            >
+              <v-icon color="white"> mdi-eye </v-icon>
+            </v-btn>
+          </template>
+          <span>Edit Character</span>
+        </v-tooltip>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardAccounts } from '@/store'
+
+export default Vue.extend({
+  computed: {
+    getCharacters(): { name: string }[] {
+      return dashboardAccounts.$characters;
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
index 8b5af94..064c67d 100644
--- a/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
+++ b/frontend/components/organisms/dashboard/accounts/DashboardAccounts.vue
@@ -1,5 +1,9 @@
 <template>
-  <v-container class="dashboard-container">
+  <v-container class="text-center dashboard-container">
+    <v-col cols="12">
+      <h3> Find Account </h3>
+    </v-col>
+
     <v-col cols="12">
       <DashboardFindAccount />
     </v-col>
diff --git a/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
index 60d9b84..208b232 100644
--- a/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
+++ b/frontend/components/organisms/dashboard/accounts/DashboardEditAccount.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="dashboard-container">
+  <v-container>
     <v-form 
       class="text-center"
       ref="form"
@@ -7,31 +7,39 @@
       @submit.prevent="validate"
       @keyup.native.enter="validate"
     >
-      <h3> Edit Account </h3>
+      <v-row class="text-center">
+        <v-col cols="12">
+          <h3> Edit Account </h3>
+        </v-col>
 
-      <v-col cols="12">
-        <DashboardAccountForm class="pa-5"/>
-      </v-col>
-      
-      <v-col class="text-center" cols="12">
-        <v-btn
-          class="mt-5 btn btn-success-secondary"
-          text
-          rounded
-          @click="validate"
-        >
-          Update Account
-        </v-btn>
+        <v-col class="dashboard-container ma-3 pa-5" :cols="!$vuetify.breakpoint.smAndDown ? '7' : '12'">
+          <DashboardAccountForm/>
+        </v-col>
+
+        <v-col class="dashboard-container ma-3 pa-5" :cols="!$vuetify.breakpoint.smAndDown ? '3' : '12'">
+          <DashboardCharactersAccount />
+        </v-col>
         
-        <v-btn
-          class="mt-5 btn btn-danger-secondary"
-          text
-          rounded
-          @click="back()"
-        >
-          Back
-        </v-btn>
-      </v-col>
+        <v-col class="text-center" cols="12">
+          <v-btn
+            class="mt-5 btn btn-success-secondary"
+            text
+            rounded
+            @click="validate"
+          >
+            Update Account
+          </v-btn>
+          
+          <v-btn
+            class="mt-5 btn btn-danger-secondary"
+            text
+            rounded
+            @click="back()"
+          >
+            Back
+          </v-btn>
+        </v-col>
+      </v-row>
     </v-form>
   </v-container>
 </template>
diff --git a/frontend/store/dashboard/accounts.ts b/frontend/store/dashboard/accounts.ts
index c574ad2..76ba64e 100644
--- a/frontend/store/dashboard/accounts.ts
+++ b/frontend/store/dashboard/accounts.ts
@@ -18,6 +18,13 @@ interface UpdatePayload {
   key?: string
 }
 
+interface CharactersPayload {
+  id: number,
+	level: number,
+	name: string,
+	vocation: number
+}
+
 @Module({
   name: 'dashboard/accounts',
   stateFactory: true,
@@ -36,14 +43,25 @@ export default class Accounts extends VuexModule {
 		key: undefined
   }
 
+  private characters = [];
+
   public get $account() {
     return this.account;
   }
+
+  public get $characters() {
+    return this.characters;
+  }
   
   @Mutation
   private UPDATE_ACCOUNT(this: any, payload: UpdatePayload) {
     this.account = Object.assign(this.account, payload);
   }
+  
+  @Mutation
+  private UPDATE_CHARACTERS(this: any, payload: CharactersPayload[]) {
+    this.characters = payload;
+  }
 
   @Action
   public async find(name: string) {
@@ -54,19 +72,21 @@ export default class Accounts extends VuexModule {
             throw new Error(response);
           
           this.context.commit('UPDATE_ACCOUNT', {
-            id: response.result[0].id,
-            name: response.result[0].name,
-            premdays: response.result[0].premdays,
-            email: response.result[0].email,
-            group_id: response.result[0].group_id,
-            web_flags: response.result[0].web_flags,
-            premium_points: response.result[0].premium_points,
-            key: response.result[0].key
+            id: response.result.account[0].id,
+            name: response.result.account[0].name,
+            premdays: response.result.account[0].premdays,
+            email: response.result.account[0].email,
+            group_id: response.result.account[0].group_id,
+            web_flags: response.result.account[0].web_flags,
+            premium_points: response.result.account[0].premium_points,
+            key: response.result.account[0].key
           });
 
+          this.context.commit('UPDATE_CHARACTERS', response.result.characters);
+
           return {
             status: response.status,
-            data: response.result
+            data: response.result.account
           };
         })
         .catch(({ response }) => {

From 975b6cae4217d654626fd3a5ac7099d86699790e Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 13:39:35 -0300
Subject: [PATCH 11/48] [BACK] feat: added endpoint for character search

---
 backend/README.md                            |  9 +++++++-
 backend/app/Controllers/Dashboard/Players.ts | 22 +++++++++++++++++++-
 backend/start/routes/dashboard/character.ts  |  3 +++
 backend/start/routes/index.ts                |  1 +
 4 files changed, 33 insertions(+), 2 deletions(-)
 create mode 100644 backend/start/routes/dashboard/character.ts

diff --git a/backend/README.md b/backend/README.md
index aabf699..0fcedbb 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -117,9 +117,16 @@ $ npm run start
 | GET    | /dashboard/guilds          | Get Total Guilds                          |
 | GET    | /dashboard/premium-points  | Get accounts with the most premium points |
 | GET    | /dashboard/vocation        | Get all vocations by id                   |
+
 ##  🕵🏾‍♂️  Routes Dashboard - Accounts
 
 | METHOD | ENDPOINT                   | DESCRIPTION                               |
 | :----- | :------------------------- | :-----------------------------------------|
 | GET    | /dashboard/account/:name   | Find account                              |
-| POST   | /dashboard/account         | Update account                            |
\ No newline at end of file
+| POST   | /dashboard/account         | Update account                            |
+
+##  🕵🏾‍♂️  Routes Dashboard - Characters
+
+| METHOD | ENDPOINT                   | DESCRIPTION                               |
+| :----- | :------------------------- | :-----------------------------------------|
+| GET    | /dashboard/character/:name | Find character                            |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/Players.ts b/backend/app/Controllers/Dashboard/Players.ts
index 6ff46cc..5de9b76 100644
--- a/backend/app/Controllers/Dashboard/Players.ts
+++ b/backend/app/Controllers/Dashboard/Players.ts
@@ -2,7 +2,7 @@ import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import Database from '@ioc:Adonis/Lucid/Database'
 
 export default class PlayersController {
-  public async show({ response, bouncer }: HttpContextContract) {
+  public async index({ response, bouncer }: HttpContextContract) {
     try {
       await bouncer.with('DashboardPolicy').authorize('viewList');
 
@@ -17,6 +17,26 @@ export default class PlayersController {
     }
   }
 
+  public async show({ request, response, bouncer }: HttpContextContract) {
+    try {
+      await bouncer.with('DashboardPolicy').authorize('viewList');
+
+      const character = await Database
+        .from('players')
+        .select('*')
+        .where('name', '=', request.param('name'));
+       
+      if (!character.length) {
+        return response.status(404).send({ message: "Character not found!"});
+      }
+
+      return response.status(200).send({ status: 200, result: character[0]});
+    } catch(err) {
+      console.log('Error findCharacter Query: ', err);
+      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+    }
+  }
+
   public async edit({}: HttpContextContract) {}
 
   public async update({}: HttpContextContract) {}
diff --git a/backend/start/routes/dashboard/character.ts b/backend/start/routes/dashboard/character.ts
new file mode 100644
index 0000000..efc001a
--- /dev/null
+++ b/backend/start/routes/dashboard/character.ts
@@ -0,0 +1,3 @@
+import Route from '@ioc:Adonis/Core/Route';
+
+Route.get('/dashboard/character/:name', 'Dashboard/Players.show').middleware('auth');
\ No newline at end of file
diff --git a/backend/start/routes/index.ts b/backend/start/routes/index.ts
index 0adc870..ef2c16a 100644
--- a/backend/start/routes/index.ts
+++ b/backend/start/routes/index.ts
@@ -5,6 +5,7 @@ import './highscores';
 import './players';
 import './dashboard/home';
 import './dashboard/accounts';
+import './dashboard/character';
 import './guilds';
 import './online';
 import './lastkills';

From fd7de1cd1fd73a8778a9f6f08a6e38a7bd45c313 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 13:47:31 -0300
Subject: [PATCH 12/48] [FRONT] feat: added component for character quest

---
 .../characters/DashboardFindCharacter.vue     | 59 +++++++++++++++++++
 .../characters/DashboardCharacters.vue        | 11 ++++
 .../DashboardCharactersTemplate.vue           |  5 ++
 .../DashboardEditCharacterTemplate.vue        |  5 ++
 frontend/pages/dashboard/characters/edit.vue  |  9 +++
 frontend/pages/dashboard/characters/index.vue |  9 +++
 frontend/routes/dashboard/account.ts          |  4 +-
 frontend/routes/dashboard/character.ts        | 21 +++++++
 frontend/routes/dashboard/index.ts            |  2 +
 frontend/utils/enum.ts                        |  2 +-
 10 files changed, 124 insertions(+), 3 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardFindCharacter.vue
 create mode 100644 frontend/components/organisms/dashboard/characters/DashboardCharacters.vue
 create mode 100644 frontend/components/templates/dashboard/characters/DashboardCharactersTemplate.vue
 create mode 100644 frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
 create mode 100644 frontend/pages/dashboard/characters/edit.vue
 create mode 100644 frontend/pages/dashboard/characters/index.vue
 create mode 100644 frontend/routes/dashboard/character.ts

diff --git a/frontend/components/molecules/dashboard/characters/DashboardFindCharacter.vue b/frontend/components/molecules/dashboard/characters/DashboardFindCharacter.vue
new file mode 100644
index 0000000..5780171
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardFindCharacter.vue
@@ -0,0 +1,59 @@
+<template>
+  <v-form
+    ref="form"
+    class="mt-8 text-center"
+    v-model="valid"
+    @submit.prevent="validate"
+  >
+    <v-text-field
+      v-model="character_name"
+      :rules="rules"
+      label="Character Name"
+      outlined
+      dense
+      append-icon="mdi-magnify"
+      hide-details="auto"
+      color="cyan accent-2"
+    />
+    
+    <v-btn
+      text 
+      class="btn btn-success-secondary mt-4"
+      @click="validate"
+    >
+      Search Character
+    </v-btn>
+  </v-form>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  data() {
+    return {
+      valid: true,
+      character_name: "",
+      rules: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  methods: {
+    async onSearch(this: any) {
+      try {
+        this.$router.push('/dashboard/character/' + this.character_name);
+      } catch(err) {
+        console.log(err);
+      }
+    },
+
+    async validate(this: any) {
+      await this.$refs.form.validate();
+      if (this.valid)
+        this.onSearch();
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/characters/DashboardCharacters.vue b/frontend/components/organisms/dashboard/characters/DashboardCharacters.vue
new file mode 100644
index 0000000..f9c4cfa
--- /dev/null
+++ b/frontend/components/organisms/dashboard/characters/DashboardCharacters.vue
@@ -0,0 +1,11 @@
+<template>
+  <v-container class="text-center dashboard-container">
+    <v-col cols="12">
+      <h3> Find Character </h3>
+    </v-col>
+
+    <v-col cols="12">
+      <DashboardFindCharacter />
+    </v-col>
+  </v-container>
+</template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/characters/DashboardCharactersTemplate.vue b/frontend/components/templates/dashboard/characters/DashboardCharactersTemplate.vue
new file mode 100644
index 0000000..e77200f
--- /dev/null
+++ b/frontend/components/templates/dashboard/characters/DashboardCharactersTemplate.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <DashboardCharacters />
+  </div>
+</template>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
new file mode 100644
index 0000000..f1151b0
--- /dev/null
+++ b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
@@ -0,0 +1,5 @@
+<template>
+  <v-container>
+    Aiaiai
+  </v-container>
+</template>
\ No newline at end of file
diff --git a/frontend/pages/dashboard/characters/edit.vue b/frontend/pages/dashboard/characters/edit.vue
new file mode 100644
index 0000000..a34ee85
--- /dev/null
+++ b/frontend/pages/dashboard/characters/edit.vue
@@ -0,0 +1,9 @@
+<template>
+  <DashboardEditCharacterTemplate />
+</template>
+
+<script lang="ts">
+export default {
+  layout: 'dashboard'
+}
+</script>
\ No newline at end of file
diff --git a/frontend/pages/dashboard/characters/index.vue b/frontend/pages/dashboard/characters/index.vue
new file mode 100644
index 0000000..b3c96f8
--- /dev/null
+++ b/frontend/pages/dashboard/characters/index.vue
@@ -0,0 +1,9 @@
+<template>
+  <DashboardCharactersTemplate />
+</template>
+
+<script lang="ts">
+export default {
+  layout: 'dashboard'
+}
+</script>
\ No newline at end of file
diff --git a/frontend/routes/dashboard/account.ts b/frontend/routes/dashboard/account.ts
index 8eb05c7..1b9181c 100644
--- a/frontend/routes/dashboard/account.ts
+++ b/frontend/routes/dashboard/account.ts
@@ -5,9 +5,9 @@ export default [
   {
     path: '/dashboard/accounts',
     component: Accounts,
-    name: 'Dashboard - Account',
+    name: 'Dashboard - Find Account',
     meta: {
-      name: 'dashboard-account'
+      name: 'dashboard-find-account'
     }
   },
   {
diff --git a/frontend/routes/dashboard/character.ts b/frontend/routes/dashboard/character.ts
new file mode 100644
index 0000000..bae0c86
--- /dev/null
+++ b/frontend/routes/dashboard/character.ts
@@ -0,0 +1,21 @@
+import Character from '~/pages/dashboard/characters/index.vue'
+import Edit from '~/pages/dashboard/characters/edit.vue'
+
+export default [
+  {
+    path: '/dashboard/characters',
+    component: Character,
+    name: 'Dashboard - Find Character',
+    meta: {
+      name: 'dashboard-find-character'
+    }
+  },
+  {
+    path: '/dashboard/character/:name',
+    component: Edit,
+    name: 'Dashboard - Character',
+    meta: {
+      name: 'dashboard-character'
+    }
+  },
+]
\ No newline at end of file
diff --git a/frontend/routes/dashboard/index.ts b/frontend/routes/dashboard/index.ts
index ed034b3..20e6de2 100644
--- a/frontend/routes/dashboard/index.ts
+++ b/frontend/routes/dashboard/index.ts
@@ -1,5 +1,6 @@
 import Dashboard from '~/pages/dashboard/index.vue'
 import Accounts from '~/routes/dashboard/account'
+import Characters from '~/routes/dashboard/character'
 import News from '~/routes/dashboard/news'
 
 export default [
@@ -12,5 +13,6 @@ export default [
     }
   },
   ...Accounts,
+  ...Characters,
   ...News
 ]
\ No newline at end of file
diff --git a/frontend/utils/enum.ts b/frontend/utils/enum.ts
index 17a41e4..117fa14 100644
--- a/frontend/utils/enum.ts
+++ b/frontend/utils/enum.ts
@@ -113,7 +113,7 @@ export const routesDashboard = [
   {
     icon: 'mdi-account-cowboy-hat',
     title: 'Players',
-    to: '/dashboard/players'
+    to: '/dashboard/characters'
   },
   {
     icon: 'mdi-khanda',

From 9e4aed5095516888de86a95131556964c9f4a426 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 15:12:23 -0300
Subject: [PATCH 13/48] [FRONT] feat: added character quest store

---
 .../molecules/news/LastnewsList.vue           |  6 +-
 frontend/nuxt.config.js                       |  4 +-
 frontend/store/dashboard/character.ts         | 73 +++++++++++++++++++
 frontend/store/dashboard/index.ts             |  3 +-
 frontend/utils/store-util.ts                  |  6 +-
 5 files changed, 85 insertions(+), 7 deletions(-)
 create mode 100644 frontend/store/dashboard/character.ts

diff --git a/frontend/components/molecules/news/LastnewsList.vue b/frontend/components/molecules/news/LastnewsList.vue
index 453b514..6652129 100644
--- a/frontend/components/molecules/news/LastnewsList.vue
+++ b/frontend/components/molecules/news/LastnewsList.vue
@@ -15,11 +15,11 @@
       >
         <v-col class="text-center widget-title"> 
           <v-row>
-            <v-col cols="3"></v-col>
-            <v-col cols="6">
+            <v-col v-if="!$vuetify.breakpoint.mdAndDown" cols="3"></v-col>
+            <v-col :cols="!$vuetify.breakpoint.mdAndDown ? '6' : '8'">
               {{ post.title }} 
             </v-col>
-            <v-col cols="3">
+            <v-col :cols="!$vuetify.breakpoint.mdAndDown ? '3' : '4'">
               {{ formatDate(post.created_at) }}
             </v-col>
           </v-row>
diff --git a/frontend/nuxt.config.js b/frontend/nuxt.config.js
index 55920aa..a1426bd 100644
--- a/frontend/nuxt.config.js
+++ b/frontend/nuxt.config.js
@@ -7,8 +7,9 @@ export default {
     },
     meta: [
       { charset: 'utf-8' },
+      { name: 'keywords', content: 'ElectroAAC, Electro AAC, AAC, Electro, opentibia' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' },
+      { hid: 'description', name: 'description', content: 'A free and open-source Automatic Account Creator (AAC) written in Javascript Stack;' },
       { name: 'format-detection', content: 'telephone=no' },
     ],
     link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.png' }],
@@ -105,7 +106,6 @@ export default {
   router: {
     base: process.env.ROUTE || '/'
   },
-
   
   ssr: true
 }
diff --git a/frontend/store/dashboard/character.ts b/frontend/store/dashboard/character.ts
new file mode 100644
index 0000000..38a318c
--- /dev/null
+++ b/frontend/store/dashboard/character.ts
@@ -0,0 +1,73 @@
+import {
+  Module,
+  VuexModule,
+  Mutation,
+  Action
+} from 'vuex-module-decorators'
+
+import { $axios } from '@/utils/nuxt-instance'
+
+interface UpdatePayload {
+  id?: number,
+  name?: string,
+  premdays?: number,
+  email?: string,
+  group_id?: number,
+  web_flags?: number,
+  premium_points?: number,
+  key?: string
+}
+
+@Module({
+  name: 'dashboard/characters',
+  stateFactory: true,
+  namespaced: true
+})
+
+export default class Characters extends VuexModule {
+  private characters = {
+    id: undefined,
+		name: undefined,
+		premdays: undefined,
+		email: undefined,
+		group_id: undefined,
+		web_flags: undefined,
+		premium_points: undefined,
+		key: undefined
+  };
+
+  public get $characters() {
+    return this.characters;
+  }
+  
+  @Mutation
+  private UPDATE_CHARACTERS(this: any, payload: UpdatePayload) {
+    this.characters = Object.assign(this.characters, payload);
+  }
+
+  @Action
+  public async find(name: string) {
+    try {
+      return await $axios.$get(`dashboard/characters/${name}`)
+        .then((response) => {
+          if (response.status !== 200) 
+            throw new Error(response);
+
+          this.context.commit('UPDATE_CHARACTERS', response.result);
+
+          return {
+            status: response.status,
+            data: response.result
+          };
+        })
+        .catch(({ response }) => {
+          return {
+            data: [],
+            status: response
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
+}
diff --git a/frontend/store/dashboard/index.ts b/frontend/store/dashboard/index.ts
index 4d99c9b..78e2dad 100644
--- a/frontend/store/dashboard/index.ts
+++ b/frontend/store/dashboard/index.ts
@@ -1,3 +1,4 @@
 export { default as Home } from './home';
 export { default as News } from './news';
-export { default as Accounts } from './accounts';
\ No newline at end of file
+export { default as Accounts } from './accounts';
+export { default as Character } from './character';
\ No newline at end of file
diff --git a/frontend/utils/store-util.ts b/frontend/utils/store-util.ts
index 02d79d6..65b7d09 100644
--- a/frontend/utils/store-util.ts
+++ b/frontend/utils/store-util.ts
@@ -6,7 +6,8 @@ import Auth from '@/store/auth';
 import {
   Home as DashboardHome,
   News as DashboardNews,
-  Accounts as DashboardAccounts
+  Accounts as DashboardAccounts,
+  Character as DashboardCharacters
 } from '@/store/dashboard'
 
 import {
@@ -47,6 +48,7 @@ let auth: Auth;
 let dashboardHome: DashboardHome;
 let dashboardNews: DashboardNews;
 let dashboardAccounts: DashboardAccounts;
+let dashboardCharacters: DashboardCharacters;
 
 let news: News;
 
@@ -74,6 +76,7 @@ const initializeStores = (store: Store<any>) => {
   dashboardHome = getModule(DashboardHome, store);
   dashboardNews = getModule(DashboardNews, store);
   dashboardAccounts = getModule(DashboardAccounts, store);
+  dashboardCharacters = getModule(DashboardCharacters, store);
 
   // Store News
   news = getModule(News, store);
@@ -108,6 +111,7 @@ export {
   dashboardHome,
   dashboardNews,
   dashboardAccounts,
+  DashboardCharacters,
 
   auth,
 

From 06560917999d959292870073ca6e40cba7d79a93 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 16:53:55 -0300
Subject: [PATCH 14/48] [FRONT] feat: added character general data form

---
 backend/start/routes/dashboard/home.ts        |   2 +-
 frontend/assets/css/main.css                  |   1 +
 .../components/atoms/routes/AccountRoutes.vue |   2 +-
 .../atoms/routes/CommunityRoutes.vue          |   2 +-
 .../characters/DashboardCharacterForm.vue     | 180 ++++++++++++++++++
 .../characters/DashboardEditCharacter.vue     | 139 ++++++++++++++
 .../DashboardEditCharacterTemplate.vue        |  67 ++++++-
 frontend/layouts/dashboard.vue                |   2 +-
 frontend/models/Dashboard.ts                  |  92 +++++++++
 frontend/models/index.ts                      |   3 +-
 frontend/store/dashboard/character.ts         | 146 +++++++++++---
 frontend/utils/enum.ts                        |  88 ++-------
 frontend/utils/routes.ts                      |  74 +++++++
 frontend/utils/store-util.ts                  |   2 +-
 14 files changed, 691 insertions(+), 109 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
 create mode 100644 frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
 create mode 100644 frontend/utils/routes.ts

diff --git a/backend/start/routes/dashboard/home.ts b/backend/start/routes/dashboard/home.ts
index 2cae231..680a1e8 100644
--- a/backend/start/routes/dashboard/home.ts
+++ b/backend/start/routes/dashboard/home.ts
@@ -1,7 +1,7 @@
 import Route from '@ioc:Adonis/Core/Route';
 
 Route.get('/dashboard/accounts', 'Dashboard/Accounts.index').middleware('auth');
-Route.get('/dashboard/players', 'Dashboard/Players.show').middleware('auth');
+Route.get('/dashboard/players', 'Dashboard/Players.index').middleware('auth');
 Route.get('/dashboard/guilds', 'Dashboard/Guilds.show').middleware('auth');
 Route.get('/dashboard/premium-points', 'Dashboard/PremiumPoints.show').middleware('auth');
 Route.get('/dashboard/vocations', 'Dashboard/Vocations.show').middleware('auth');
\ No newline at end of file
diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 29d68a2..aae9995 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -215,6 +215,7 @@
 
 .theme--light.v-tabs-items {
   background-color: var(--bg-main-color) !important;
+  color: var(--text-color) !important;
   border-radius: 1.95rem;
 }
 
diff --git a/frontend/components/atoms/routes/AccountRoutes.vue b/frontend/components/atoms/routes/AccountRoutes.vue
index f622b59..f07b62e 100644
--- a/frontend/components/atoms/routes/AccountRoutes.vue
+++ b/frontend/components/atoms/routes/AccountRoutes.vue
@@ -53,7 +53,7 @@
 import Vue from 'vue'
 import { auth, account } from '@/store'
 import { Accounts, Route } from '@/models'
-import { routesAccount } from '@/utils/enum'
+import { routesAccount } from '@/utils/routes'
 
 export default Vue.extend({
   computed: {
diff --git a/frontend/components/atoms/routes/CommunityRoutes.vue b/frontend/components/atoms/routes/CommunityRoutes.vue
index 77b37e4..d495303 100644
--- a/frontend/components/atoms/routes/CommunityRoutes.vue
+++ b/frontend/components/atoms/routes/CommunityRoutes.vue
@@ -32,7 +32,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import { Route } from '@/models'
-import { routesCommunity } from '@/utils/enum'
+import { routesCommunity } from '@/utils/routes'
 
 export default Vue.extend({
   computed: {
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
new file mode 100644
index 0000000..acb1696
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
@@ -0,0 +1,180 @@
+<template>
+  <v-row class="pa-5">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.account_id"
+        :rules="required"
+        label="Account Id"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.name"
+        :rules="required"
+        label="Player Name"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-autocomplete
+        v-model="$character.group_id"
+        :items="characterGroups"
+        label="Group ID"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-autocomplete
+        v-model="$character.sex"
+        :items="sexList"
+        label="Sex"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.town_id"
+        label="Town"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-autocomplete
+        v-model="$character.skull"
+        :items="skullList"
+        label="Skull"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.skulltime"
+        label="Skulltime"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.blessings"
+        label="Blessings"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+      <v-text-field
+        v-model="$character.balance"
+        label="Bank Balance"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '6'">
+      <v-checkbox
+        :value="$character.hidden === 1"
+        class="ma-2 pa-0"
+        color="primary"
+        label="Hidden"
+        hide-details
+        @change="($event) => {
+          $character.hidden = $event === 1 ? 1 : 0;
+        }"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '6'">
+      <v-checkbox
+        :value="$character.deleted === 1"
+        class="ma-2 pa-0"
+        color="primary"
+        label="Deleted"
+        hide-details
+        @change="($event) => {
+          $character.deleted = $event === 1 ? 1 : 0;
+        }"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+import { Character } from '@/models'
+import { 
+  characterGroups, 
+  sex,
+  skulls 
+} from '@/utils/enum'
+
+export default Vue.extend({
+  data() {
+    return {
+      required: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  computed: {
+    $character(): Character {
+      return dashboardCharacters.$character;
+    },
+
+    characterGroups(): Object[] {
+      return characterGroups;
+    },
+
+    sexList(): Object[] {
+      return sex;
+    },
+
+    skullList(): Object[] {
+      return skulls;
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
new file mode 100644
index 0000000..de71819
--- /dev/null
+++ b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
@@ -0,0 +1,139 @@
+<template>
+  <v-container>
+    <v-form 
+      class="text-center"
+      ref="form"
+      v-model="valid"
+      @submit.prevent="validate"
+      @keyup.native.enter="validate"
+      >
+      <v-tabs
+        v-model="tab"
+        icons-and-text
+        centered
+      >
+        <v-tabs-slider></v-tabs-slider>
+
+        <v-tab
+          v-for="item in items"
+          class="mt-2"
+          :key="item.text"
+        >
+          {{ item.text }}
+          <v-icon> {{ item.icon }} </v-icon>
+        </v-tab>
+      </v-tabs>
+
+      <v-tabs-items v-model="tab" class="mt-5">
+        <v-tab-item
+          v-for="item in items"
+          :key="item.text"
+        >
+          <DashboardCharacterForm v-if="item.text === 'Player'" />
+          <div v-else-if="item.text === 'Characteristics'">
+            Characteristics
+          </div>
+          <div v-else-if="item.text === 'Skills'">
+            Skills
+          </div>
+          <div v-else-if="item.text === 'Outfit'">
+            Outfit
+          </div>
+        </v-tab-item>
+      </v-tabs-items>
+      
+      <v-col class="text-center" cols="12">
+        <v-btn
+          class="mt-5 btn btn-success-secondary"
+          text
+          rounded
+          @click="validate"
+        >
+          Update Account
+        </v-btn>
+            
+        <v-btn
+          class="mt-5 btn btn-danger-secondary"
+          text
+          rounded
+          @click="back()"
+        >
+          Back
+        </v-btn>
+      </v-col>
+    </v-form>
+  </v-container>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+export default Vue.extend({
+  data() {
+    return {
+      valid: true,
+      tab: null,
+      items: [
+        {
+          text: 'Player',
+          icon: 'mdi-cog'
+        },
+        {
+          text: 'Characteristics',
+          icon: 'mdi-heart'
+        },
+        {
+          text: 'Skills',
+          icon: 'mdi-knife-military'
+        },
+        {
+          text: 'Outfit',
+          icon: 'mdi-drama-masks'
+        }
+      ]
+    }
+  },
+  
+  methods: {
+    back(): void {
+      this.$router.replace('/dashboard/characters');
+    },
+
+    async onSubmit(this: any): Promise<void> {
+      try {
+        const res = await dashboardCharacters.update(dashboardCharacters.$character)
+        
+        if (res.status === 200) {
+          this.$toast.success(
+            'Successfully updated',
+            {
+              keepOnHover: true,
+              duration: 2000,
+              theme: "bubble",
+            }
+          )
+          this.back();
+        }
+          
+        else
+          throw new Error("Failed to update account");
+      } catch (error) {
+        this.$toast.error(
+          'Error while update account',
+          {
+            keepOnHover: true,
+            duration: 2000,
+            theme: "bubble",
+          }
+        )
+      }
+    },
+
+    async validate(this: any): Promise<void> {
+      await this.$refs.form.validate();
+      if (this.valid)
+        await this.onSubmit();
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
index f1151b0..ff34435 100644
--- a/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
+++ b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
@@ -1,5 +1,64 @@
 <template>
-  <v-container>
-    Aiaiai
-  </v-container>
-</template>
\ No newline at end of file
+  <div>
+    <div v-if="isLoading" class="text-center">
+      <v-progress-circular
+        indeterminate
+        color="primary"
+      ></v-progress-circular>
+    </div>
+
+    <ValueNoExists 
+      v-else-if="characterInvalid"
+      text="Character not found"
+      to="/dashboard/characters"
+    />
+
+    <DashboardEditCharacter
+      v-else
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+
+export default Vue.extend({
+  data() {
+    return {
+      isLoading: true,
+      characterInvalid: false
+    }
+  },
+
+  computed: {
+    getCharacterName(): string {
+      if (this.$route.params && this.$route.params.name)
+        return this.$route.params.name;
+      return "";
+    }
+  },
+
+  async mounted() {
+    await this.characterExists();
+  },
+
+  methods: {
+    async characterExists(): Promise<void> {
+      this.$set(this, 'isLoading', true);
+
+      const response = await dashboardCharacters.find(this.getCharacterName);
+
+      if (!response || !response.data || !response.data.name) {
+        this.$set(this, 'characterInvalid', true);
+      }
+
+      else {
+        this.$set(this, 'characterInvalid', false);
+      }
+
+      this.$set(this, 'isLoading', false);
+    },
+  }
+})
+</script>
diff --git a/frontend/layouts/dashboard.vue b/frontend/layouts/dashboard.vue
index 37ee2de..5647a49 100644
--- a/frontend/layouts/dashboard.vue
+++ b/frontend/layouts/dashboard.vue
@@ -79,7 +79,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import { auth } from '@/store'
-import { routesDashboard } from '@/utils/enum'
+import { routesDashboard } from '@/utils/routes'
 
 export default Vue.extend({
   middleware: 'dashboard',
diff --git a/frontend/models/Dashboard.ts b/frontend/models/Dashboard.ts
index 2ec4236..a65a500 100644
--- a/frontend/models/Dashboard.ts
+++ b/frontend/models/Dashboard.ts
@@ -6,4 +6,96 @@ export interface TopPremiumPoints {
 export interface Vocations {
 	vocation: Number,
 	total: Number
+}
+
+export interface Character {
+	id: number,
+	name: String,
+	world_id: number,
+	group_id: number,
+	account_id: number,
+	level: number,
+	vocation: number,
+	health: number,
+	healthmax: number,
+	experience: number,
+	lookbody: number,
+	lookfeet: number,
+	lookhead: number,
+	looklegs: number,
+	looktype: number,
+	lookaddons: number,
+	maglevel: number,
+	mana: number,
+	manamax: number,
+	manaspent: number,
+	soul: number,
+	town_id: number,
+	posx: number,
+	posy: number,
+	posz: number,
+	cap: number,
+	sex: number,
+	lastlogin: number,
+	lastip: number,
+	save: number,
+	skull: number,
+	skulltime: number,
+	rank_id: number,
+	guildnick: String,
+	lastlogout: number,
+	blessings: number,
+	pvp_blessing: number,
+	balance: number,
+	stamina: number,
+	direction: number,
+	loss_experience: number,
+	loss_mana: number,
+	loss_skills: number,
+	loss_containers: number,
+	loss_items: number,
+	premend: number,
+	online: number,
+	marriage: number,
+	marrystatus: number,
+	promotion: number,
+	deleted: number,
+	description: String,
+	created: number,
+	nick_verify: number,
+	old_name: String,
+	hidden: number,
+	worldtransfer: String,
+	comment: String,
+	show_outfit: number,
+	show_eq: number,
+	show_bars: number,
+	show_skills: number,
+	show_quests: number,
+	exphist_lastexp: number,
+	exphist1: number,
+	exphist2: number,
+	exphist3: number,
+	exphist4: number,
+	exphist5: number,
+	exphist6: number,
+	exphist7: number,
+	onlinetimetoday: number,
+	onlinetime1: number,
+	onlinetime2: number,
+	onlinetime3: number,
+	onlinetime4: number,
+	onlinetime5: number,
+	onlinetime6: number,
+	onlinetime7: number,
+	onlinetimeall: number,
+	ip: String,
+	cast: number,
+	castViewers: number,
+	castDescription: null,
+	frags: number,
+	offlinetraining_time: number,
+	offlinetraining_skill: number,
+	broadcasting: number,
+	viewers: number
 }
\ No newline at end of file
diff --git a/frontend/models/index.ts b/frontend/models/index.ts
index 96a1946..e3aedca 100644
--- a/frontend/models/index.ts
+++ b/frontend/models/index.ts
@@ -17,7 +17,8 @@ export {
 
 export { 
   TopPremiumPoints,
-  Vocations
+  Vocations,
+  Character
 } from './Dashboard';
 
 export {
diff --git a/frontend/store/dashboard/character.ts b/frontend/store/dashboard/character.ts
index 38a318c..47a3d01 100644
--- a/frontend/store/dashboard/character.ts
+++ b/frontend/store/dashboard/character.ts
@@ -6,49 +6,120 @@ import {
 } from 'vuex-module-decorators'
 
 import { $axios } from '@/utils/nuxt-instance'
-
-interface UpdatePayload {
-  id?: number,
-  name?: string,
-  premdays?: number,
-  email?: string,
-  group_id?: number,
-  web_flags?: number,
-  premium_points?: number,
-  key?: string
-}
+import { Character } from '@/models'
 
 @Module({
-  name: 'dashboard/characters',
+  name: 'dashboard/character',
   stateFactory: true,
   namespaced: true
 })
 
 export default class Characters extends VuexModule {
-  private characters = {
+  private character = {
     id: undefined,
-		name: undefined,
-		premdays: undefined,
-		email: undefined,
-		group_id: undefined,
-		web_flags: undefined,
-		premium_points: undefined,
-		key: undefined
-  };
+    name: undefined,
+    world_id: undefined,
+    group_id: undefined,
+    account_id: undefined,
+    level: undefined,
+    vocation: undefined,
+    health: undefined,
+    healthmax: undefined,
+    experience: undefined,
+    lookbody: undefined,
+    lookfeet: undefined,
+    lookhead: undefined,
+    looklegs: undefined,
+    looktype: undefined,
+    lookaddons: undefined,
+    maglevel: undefined,
+    mana: undefined,
+    manamax: undefined,
+    manaspent: undefined,
+    soul: undefined,
+    town_id: undefined,
+    posx: undefined,
+    posy: undefined,
+    posz: undefined,
+    cap: undefined,
+    sex: undefined,
+    lastlogin: undefined,
+    lastip: undefined,
+    save: undefined,
+    skull: undefined,
+    skulltime: undefined,
+    rank_id: undefined,
+    guildnick: undefined,
+    lastlogout: undefined,
+    blessings: undefined,
+    pvp_blessing: undefined,
+    balance: undefined,
+    stamina: undefined,
+    direction: undefined,
+    loss_experience: undefined,
+    loss_mana: undefined,
+    loss_skills: undefined,
+    loss_containers: undefined,
+    loss_items: undefined,
+    premend: undefined,
+    online: undefined,
+    marriage: undefined,
+    marrystatus: undefined,
+    promotion: undefined,
+    deleted: undefined,
+    description: undefined,
+    created: undefined,
+    nick_verify: undefined,
+    old_name: undefined,
+    hidden: undefined,
+    worldtransfer: undefined,
+    comment: undefined,
+    show_outfit: undefined,
+    show_eq: undefined,
+    show_bars: undefined,
+    show_skills: undefined,
+    show_quests: undefined,
+    exphist_lastexp: undefined,
+    exphist1: undefined,
+    exphist2: undefined,
+    exphist3: undefined,
+    exphist4: undefined,
+    exphist5: undefined,
+    exphist6: undefined,
+    exphist7: undefined,
+    onlinetimetoday: undefined,
+    onlinetime1: undefined,
+    onlinetime2: undefined,
+    onlinetime3: undefined,
+    onlinetime4: undefined,
+    onlinetime5: undefined,
+    onlinetime6: undefined,
+    onlinetime7: undefined,
+    onlinetimeall: undefined,
+    ip: undefined,
+    cast: undefined,
+    castViewers: undefined,
+    castDescription: null,
+    frags: undefined,
+    offlinetraining_time: undefined,
+    offlinetraining_skill: undefined,
+    broadcasting: undefined,
+    viewers: undefined
+  } as unknown as Character;
 
-  public get $characters() {
-    return this.characters;
+  public get $character(): Character {
+    return this.character;
   }
   
   @Mutation
-  private UPDATE_CHARACTERS(this: any, payload: UpdatePayload) {
-    this.characters = Object.assign(this.characters, payload);
+  private UPDATE_CHARACTERS(this: any, payload: Character) {
+    this.character = Object.assign(this.character, payload);
   }
 
   @Action
-  public async find(name: string) {
+  public async find(name: String) {
     try {
-      return await $axios.$get(`dashboard/characters/${name}`)
+      return await $axios.$get(`dashboard/character/${name}`)
         .then((response) => {
           if (response.status !== 200) 
             throw new Error(response);
@@ -70,4 +141,25 @@ export default class Characters extends VuexModule {
       return err;
     }
   }
+
+  @Action
+  public async update(payload: Character) {
+    try {
+      return await $axios.$post('dashboard/character', payload)
+        .then((response) => {
+          if (!response) 
+            throw new Error(response);
+
+          return response;
+        })
+        .catch(({ response }) => {
+          return {
+            data: response,
+            status: response.status
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
 }
diff --git a/frontend/utils/enum.ts b/frontend/utils/enum.ts
index 117fa14..e6813fc 100644
--- a/frontend/utils/enum.ts
+++ b/frontend/utils/enum.ts
@@ -62,15 +62,14 @@ export const sex = [
   { value: 1, text: "Female" }
 ]
 
-export const routesCommunity = [
-  {
-    text: "Who is online?",
-    to: "/online"
-  },
-  {
-    text: "Lastkills",
-    to: "/lastkills"
-  },
+export const skulls = [
+  { value: 1, text: "None" },
+  { value: 2, text: "Yellow" },
+  { value: 3, text: "Green" },
+  { value: 4, text: "White" },
+  { value: 5, text: "Red" },
+  { value: 6, text: "Black" },
+  { value: 7, text: "Orange" },
 ]
 
 export const accountGroups = [
@@ -78,66 +77,11 @@ export const accountGroups = [
   { value: 6, text: "Admin" },
 ]
 
-export const routesAccount = [
-  {
-    text: "Manage account",
-    to: "/accounts"
-  },
-  {
-    text: "Create Character",
-    to: "/accounts/create-character"
-  },
-]
-
-export const routesDashboard = [
-  {
-    icon: 'mdi-home',
-    title: 'Home',
-    to: '/dashboard',
-  },
-  {
-    icon: 'mdi-view-dashboard-outline',
-    title: 'Customize',
-    to: '/dashboard/customize'
-  },
-  {
-    icon: 'mdi-newspaper',
-    title: 'News',
-    to: '/dashboard/news'
-  },
-  {
-    icon: 'mdi-account-multiple',
-    title: 'Accounts',
-    to: '/dashboard/accounts'
-  },
-  {
-    icon: 'mdi-account-cowboy-hat',
-    title: 'Players',
-    to: '/dashboard/characters'
-  },
-  {
-    icon: 'mdi-khanda',
-    title: 'Guilds',
-    to: '/dashboard/guilds'
-  },
-  {
-    icon: 'mdi-axe',
-    title: 'Items',
-    to: '/dashboard/items'
-  },
-  {
-    icon: 'mdi-rodent',
-    title: 'Monsters',
-    to: '/dashboard/monsters'
-  },
-  {
-    icon: 'mdi-cart',
-    title: 'Shop',
-    to: '/dashboard/shop'
-  },
-  {
-    icon: 'mdi-text-box-outline',
-    title: 'Logs',
-    to: '/dashboard/logs'
-  },
-];
\ No newline at end of file
+export const characterGroups = [
+  { value: 1, text: "Player" },
+  { value: 2, text: "Tutor" },
+  { value: 3, text: "Senior Tutor" },
+  { value: 4, text: "GM" },
+  { value: 5, text: "CM" },
+  { value: 6, text: "Admin" },
+]
\ No newline at end of file
diff --git a/frontend/utils/routes.ts b/frontend/utils/routes.ts
new file mode 100644
index 0000000..972e4d3
--- /dev/null
+++ b/frontend/utils/routes.ts
@@ -0,0 +1,74 @@
+export const routesAccount = [
+  {
+    text: "Manage account",
+    to: "/accounts"
+  },
+  {
+    text: "Create Character",
+    to: "/accounts/create-character"
+  },
+]
+
+export const routesCommunity = [
+  {
+    text: "Who is online?",
+    to: "/online"
+  },
+  {
+    text: "Lastkills",
+    to: "/lastkills"
+  },
+]
+
+export const routesDashboard = [
+  {
+    icon: 'mdi-home',
+    title: 'Home',
+    to: '/dashboard',
+  },
+  {
+    icon: 'mdi-view-dashboard-outline',
+    title: 'Customize',
+    to: '/dashboard/customize'
+  },
+  {
+    icon: 'mdi-newspaper',
+    title: 'News',
+    to: '/dashboard/news'
+  },
+  {
+    icon: 'mdi-account-multiple',
+    title: 'Accounts',
+    to: '/dashboard/accounts'
+  },
+  {
+    icon: 'mdi-account-cowboy-hat',
+    title: 'Players',
+    to: '/dashboard/characters'
+  },
+  {
+    icon: 'mdi-khanda',
+    title: 'Guilds',
+    to: '/dashboard/guilds'
+  },
+  {
+    icon: 'mdi-axe',
+    title: 'Items',
+    to: '/dashboard/items'
+  },
+  {
+    icon: 'mdi-rodent',
+    title: 'Monsters',
+    to: '/dashboard/monsters'
+  },
+  {
+    icon: 'mdi-cart',
+    title: 'Shop',
+    to: '/dashboard/shop'
+  },
+  {
+    icon: 'mdi-text-box-outline',
+    title: 'Logs',
+    to: '/dashboard/logs'
+  },
+];
\ No newline at end of file
diff --git a/frontend/utils/store-util.ts b/frontend/utils/store-util.ts
index 65b7d09..bdc5fa6 100644
--- a/frontend/utils/store-util.ts
+++ b/frontend/utils/store-util.ts
@@ -111,7 +111,7 @@ export {
   dashboardHome,
   dashboardNews,
   dashboardAccounts,
-  DashboardCharacters,
+  dashboardCharacters,
 
   auth,
 

From 428b5435d32d91e03d91e7ad63ef49c68320abef Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 19:01:58 -0300
Subject: [PATCH 15/48] [BACK] feat: added endpoint to update character

---
 backend/README.md                             |   9 +-
 backend/app/Controllers/Dashboard/Players.ts  |  45 ++++++-
 .../Dashboard/Characters/UpdateValidator.ts   | 114 ++++++++++++++++++
 .../Validators/Dashboard/Characters/index.ts  |   1 +
 backend/start/routes/dashboard/character.ts   |   3 +-
 frontend/utils/enum.ts                        |  13 +-
 6 files changed, 174 insertions(+), 11 deletions(-)
 create mode 100644 backend/app/Validators/Dashboard/Characters/UpdateValidator.ts
 create mode 100644 backend/app/Validators/Dashboard/Characters/index.ts

diff --git a/backend/README.md b/backend/README.md
index 0fcedbb..2fb162b 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -34,6 +34,8 @@ $ npm run start
 | GET    | /news/find/:id                  | Find post                             |
 | POST   | /news/edit                      | Edit post                             |
 
+<br>
+
 ##  🕵🏾‍♂️  Routes Account
 
 | METHOD | ENDPOINT                        | DESCRIPTION                           |
@@ -118,6 +120,8 @@ $ npm run start
 | GET    | /dashboard/premium-points  | Get accounts with the most premium points |
 | GET    | /dashboard/vocation        | Get all vocations by id                   |
 
+<br>
+
 ##  🕵🏾‍♂️  Routes Dashboard - Accounts
 
 | METHOD | ENDPOINT                   | DESCRIPTION                               |
@@ -125,8 +129,11 @@ $ npm run start
 | GET    | /dashboard/account/:name   | Find account                              |
 | POST   | /dashboard/account         | Update account                            |
 
+<br>
+
 ##  🕵🏾‍♂️  Routes Dashboard - Characters
 
 | METHOD | ENDPOINT                   | DESCRIPTION                               |
 | :----- | :------------------------- | :-----------------------------------------|
-| GET    | /dashboard/character/:name | Find character                            |
\ No newline at end of file
+| GET    | /dashboard/character/:name | Find character                            |
+| POST   | /dashboard/character       | Update character                          |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/Players.ts b/backend/app/Controllers/Dashboard/Players.ts
index 5de9b76..52ff2e4 100644
--- a/backend/app/Controllers/Dashboard/Players.ts
+++ b/backend/app/Controllers/Dashboard/Players.ts
@@ -1,5 +1,6 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import Database from '@ioc:Adonis/Lucid/Database'
+import { UpdateValidator } from 'App/Validators/Dashboard/Characters';
 
 export default class PlayersController {
   public async index({ response, bouncer }: HttpContextContract) {
@@ -21,10 +22,21 @@ export default class PlayersController {
     try {
       await bouncer.with('DashboardPolicy').authorize('viewList');
 
+      let name = request.param('name');
+
+      name = await name
+        .replace(/%20/g, " ")
+        .replace(/'+'/g, " ")
+        .replace(/'/g, "")
+        .replace(/%27/g, "")
+        .replace(/-/g, "")
+        .replace(/"/g, "")
+        .replace(/%22/g, "");
+
       const character = await Database
         .from('players')
         .select('*')
-        .where('name', '=', request.param('name'));
+        .where('name', '=', name);
        
       if (!character.length) {
         return response.status(404).send({ message: "Character not found!"});
@@ -39,7 +51,36 @@ export default class PlayersController {
 
   public async edit({}: HttpContextContract) {}
 
-  public async update({}: HttpContextContract) {}
+  public async update({ request, response, bouncer}: HttpContextContract) {
+    try {
+      await bouncer.with('DashboardPolicy').authorize('viewList');
+
+      const data = await request.validate(UpdateValidator);
+      
+      const character = await Database
+        .from('players')
+        .select('id')
+        .where('name', '=', data.name)
+        .andWhere('id', '<>', data.id);
+      
+      if (character.length) {
+        return response.status(404).send({ message: "Error. The username is already used."});
+      }
+      
+      const affectedRows = await Database.from('players')
+        .where('id', '=', data.id)
+        .update(data);
+      
+      if (!affectedRows) {
+        return response.status(404).send({ message: "Character not found."});
+      }
+      
+      return response.status(200).send({ status: 200, message: "Character successfully updated." });
+    } catch (err) {
+      console.log('Error updateAccount Query: ', err);
+      return response.status(400).send({ message: err})
+    }
+  }
 
   public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Validators/Dashboard/Characters/UpdateValidator.ts b/backend/app/Validators/Dashboard/Characters/UpdateValidator.ts
new file mode 100644
index 0000000..5958600
--- /dev/null
+++ b/backend/app/Validators/Dashboard/Characters/UpdateValidator.ts
@@ -0,0 +1,114 @@
+import { schema, rules } from '@ioc:Adonis/Core/Validator'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+
+export default class UpdateValidator {
+  constructor(protected ctx: HttpContextContract) {}
+
+  public schema = schema.create({
+    id: schema.number([rules.required(), rules.exists({ table: 'players', column: 'id' })]),
+    name: schema.string({ escape: true }, [
+      rules.required(),
+      rules.alpha({
+        allow: ['space']
+      }),
+      rules.minLength(3),
+      rules.maxLength(20),
+    ]),
+    world_id: schema.number.optional(),
+    group_id: schema.number.optional(),
+    account_id: schema.number.optional([rules.exists({ table: 'accounts', column: 'id'})]),
+    level: schema.number.optional(),
+    vocation: schema.number.optional(),
+    health: schema.number.optional(),
+    healthmax: schema.number.optional(),
+    experience: schema.number.optional(),
+    lookbody: schema.number.optional(),
+    lookfeet: schema.number.optional(),
+    lookhead: schema.number.optional(),
+    looklegs: schema.number.optional(),
+    looktype: schema.number.optional(),
+    lookaddons: schema.number.optional(),
+    maglevel: schema.number.optional(),
+    mana: schema.number.optional(),
+    manamax: schema.number.optional(),
+    manaspent: schema.number.optional(),
+    soul: schema.number.optional(),
+    town_id: schema.number.optional(),
+    posx: schema.number.optional(),
+    posy: schema.number.optional(),
+    posz: schema.number.optional(),
+    cap: schema.number.optional(),
+    sex: schema.number.optional(),
+    lastlogin: schema.number.optional(),
+    lastip: schema.number.optional(),
+    save: schema.number.optional(),
+    skull: schema.number.optional(),
+    skulltime: schema.number.optional(),
+    rank_id: schema.number.optional(),
+    guildnick: schema.number.optional(),
+    lastlogout: schema.number.optional(),
+    blessings: schema.number.optional(),
+    pvp_blessing: schema.number.optional(),
+    balance: schema.number.optional(),
+    stamina: schema.number.optional(),
+    direction: schema.number.optional(),
+    loss_experience: schema.number.optional(),
+    loss_mana: schema.number.optional(),
+    loss_skills: schema.number.optional(),
+    loss_containers: schema.number.optional(),
+    loss_items: schema.number.optional(),
+    premend: schema.number.optional(),
+    online: schema.number.optional(),
+    marriage: schema.number.optional(),
+    marrystatus: schema.number.optional(),
+    promotion: schema.number.optional(),
+    deleted: schema.number.optional(),
+    description: schema.string.optional(),
+    created: schema.number.optional(),
+    nick_verify: schema.number.optional(),
+    old_name: schema.string.optional(),
+    hidden: schema.number.optional(),
+    worldtransfer: schema.number.optional(),
+    comment: schema.string.optional(),
+    show_outfit: schema.number.optional(),
+    show_eq: schema.number.optional(),
+    show_bars: schema.number.optional(),
+    show_skills: schema.number.optional(),
+    show_quests: schema.number.optional(),
+    exphist_lastexp: schema.number.optional(),
+    exphist1: schema.number.optional(),
+    exphist2: schema.number.optional(),
+    exphist3: schema.number.optional(),
+    exphist4: schema.number.optional(),
+    exphist5: schema.number.optional(),
+    exphist6: schema.number.optional(),
+    exphist7: schema.number.optional(),
+    onlinetimetoday: schema.number.optional(),
+    onlinetime1: schema.number.optional(),
+    onlinetime2: schema.number.optional(),
+    onlinetime3: schema.number.optional(),
+    onlinetime4: schema.number.optional(),
+    onlinetime5: schema.number.optional(),
+    onlinetime6: schema.number.optional(),
+    onlinetime7: schema.number.optional(),
+    onlinetimeall: schema.number.optional(),
+    ip: schema.string.optional(),
+    cast: schema.number.optional(),
+    castViewers: schema.number.optional(),
+    castDescription: schema.string.optional(),
+    frags: schema.number.optional(),
+    offlinetraining_time: schema.number.optional(),
+    offlinetraining_skill: schema.number.optional(),
+    broadcasting: schema.number.optional(),
+    viewers: schema.number.optional()
+  })
+
+  public messages = {
+    required: 'The {{ field }} is required to update character',
+    minLength: 'Name is too long. Min length {{ options.minLength }} letters',
+    maxLength: 'Name is too short. Max length {{ options.maxLength }} letters',
+    alpha: 'Invalid character name.',
+    'name.unique': 'Character name not available',
+    'name.notIn': 'The name contains an invalid name.',
+  }
+}
diff --git a/backend/app/Validators/Dashboard/Characters/index.ts b/backend/app/Validators/Dashboard/Characters/index.ts
new file mode 100644
index 0000000..cfeb80b
--- /dev/null
+++ b/backend/app/Validators/Dashboard/Characters/index.ts
@@ -0,0 +1 @@
+export { default as UpdateValidator } from './UpdateValidator'
\ No newline at end of file
diff --git a/backend/start/routes/dashboard/character.ts b/backend/start/routes/dashboard/character.ts
index efc001a..c91d46b 100644
--- a/backend/start/routes/dashboard/character.ts
+++ b/backend/start/routes/dashboard/character.ts
@@ -1,3 +1,4 @@
 import Route from '@ioc:Adonis/Core/Route';
 
-Route.get('/dashboard/character/:name', 'Dashboard/Players.show').middleware('auth');
\ No newline at end of file
+Route.get('/dashboard/character/:name', 'Dashboard/Players.show').middleware('auth');
+Route.post('/dashboard/character/', 'Dashboard/Players.update').middleware('auth');
\ No newline at end of file
diff --git a/frontend/utils/enum.ts b/frontend/utils/enum.ts
index e6813fc..2a3fc9e 100644
--- a/frontend/utils/enum.ts
+++ b/frontend/utils/enum.ts
@@ -63,13 +63,12 @@ export const sex = [
 ]
 
 export const skulls = [
-  { value: 1, text: "None" },
-  { value: 2, text: "Yellow" },
-  { value: 3, text: "Green" },
-  { value: 4, text: "White" },
-  { value: 5, text: "Red" },
-  { value: 6, text: "Black" },
-  { value: 7, text: "Orange" },
+  { value: 0, text: "None" },
+  { value: 1, text: "Yellow" },
+  { value: 2, text: "Green" },
+  { value: 3, text: "White" },
+  { value: 4, text: "Red" },
+  { value: 5, text: "Black" },
 ]
 
 export const accountGroups = [

From ba64dabf0319691c94232f7a997a631e5f6ca0f3 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sun, 30 Jan 2022 19:51:17 -0300
Subject: [PATCH 16/48] [FRONT] feat: added form for character traits

---
 frontend/assets/css/main.css                  |   6 +-
 .../characters/DashboardCharacterForm.vue     |  20 +-
 .../characters/DashboardCharacterStats.vue    | 202 ++++++++++++++++++
 .../characters/DashboardEditCharacter.vue     |  17 +-
 4 files changed, 230 insertions(+), 15 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue

diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index aae9995..21f4022 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -209,6 +209,10 @@
   border-radius: 1.95rem;
 }
 
+.theme--light.v-tabs-dashboard > .v-tabs-bar {
+  background-color: #2a2c32 !important;
+}
+
 .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active), .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-icon, .theme--light.v-tabs > .v-tabs-bar .v-tab:not(.v-tab--active) > .v-btn, .theme--light.v-tabs > .v-tabs-bar .v-tab--disabled {
   color: var(--text-color) !important;
 }
@@ -342,7 +346,7 @@
 }
 
 .dashboard-container {
-  background: linear-gradient(rgb(21, 30, 43) 0%, rgb(0 37 47) 100%) 0% 0% / cover !important;
+  background-color: #2a2c32 !important;
   border-radius: 24px !important;
   box-shadow: 
     0px 2px 4px -1px rgb(0 0 0 / 28%), 
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
index acb1696..e5a2e7b 100644
--- a/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-row class="pa-5">
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+  <v-row class="pa-10">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.account_id"
         :rules="required"
@@ -14,7 +14,7 @@
       />
     </v-col>
     
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.name"
         :rules="required"
@@ -27,7 +27,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-autocomplete
         v-model="$character.group_id"
         :items="characterGroups"
@@ -39,7 +39,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-autocomplete
         v-model="$character.sex"
         :items="sexList"
@@ -51,7 +51,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.town_id"
         label="Town"
@@ -63,7 +63,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-autocomplete
         v-model="$character.skull"
         :items="skullList"
@@ -75,7 +75,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.skulltime"
         label="Skulltime"
@@ -88,7 +88,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.blessings"
         label="Blessings"
@@ -100,7 +100,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : '12'">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
       <v-text-field
         v-model="$character.balance"
         label="Bank Balance"
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue
new file mode 100644
index 0000000..97e7d9b
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue
@@ -0,0 +1,202 @@
+<template>
+  <v-row class="pa-10">
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.level"
+        :rules="required"
+        label="Level"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.maglevel"
+        :rules="required"
+        label="Magic Level"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.experience"
+        :rules="required"
+        label="Experience"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-autocomplete
+        v-model="$character.vocation"
+        :items="vocationList"
+        :rules="required"
+        label="Vocation"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.health"
+        :rules="required"
+        label="Health"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.healthmax"
+        :rules="required"
+        label="Max Health"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.mana"
+        :rules="required"
+        label="Mana"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.manamax"
+        :rules="required"
+        label="Max Mana"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.cap"
+        :rules="required"
+        label="Capacity"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.soul"
+        :rules="required"
+        label="Soul"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.stamina"
+        :rules="required"
+        label="Stamina"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+      <v-text-field
+        v-model="$character.offlinetraining_time"
+        :rules="required"
+        label="Offline Training"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+import { Character } from '@/models'
+import { 
+  vocations
+} from '@/utils/enum'
+
+export default Vue.extend({
+  data() {
+    return {
+      required: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  computed: {
+    $character(): Character {
+      return dashboardCharacters.$character;
+    },
+
+    vocationList(): Object[] {
+      return vocations.map((vocation) => ({
+        value: vocation.initial_id,
+        text: vocation.text
+      }));
+    },
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
index de71819..efc3f7f 100644
--- a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
+++ b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
@@ -9,6 +9,7 @@
       >
       <v-tabs
         v-model="tab"
+        class="v-tabs-dashboard"
         icons-and-text
         centered
       >
@@ -30,9 +31,7 @@
           :key="item.text"
         >
           <DashboardCharacterForm v-if="item.text === 'Player'" />
-          <div v-else-if="item.text === 'Characteristics'">
-            Characteristics
-          </div>
+          <DashboardCharacterStats v-if="item.text === 'Characteristics'" />
           <div v-else-if="item.text === 'Skills'">
             Skills
           </div>
@@ -136,4 +135,14 @@ export default Vue.extend({
     }
   }
 })
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" scoped>
+.theme--light.v-tabs > .v-tabs-bar {
+  background-color: #2a2c32 !important;
+}
+
+.theme--light.v-tabs-items {
+  background-color: #2a2c32 !important;
+}
+</style>
\ No newline at end of file

From 20695fe1f8e596aa17c6fe8738ce45fd4bb5ec00 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Tue, 1 Feb 2022 20:12:08 -0300
Subject: [PATCH 17/48] [BACK] feat: added endpoint to fetch character skills

---
 backend/README.md                             |  9 +-
 .../app/Controllers/Dashboard/PlayerSkills.ts | 23 +++++
 backend/app/Controllers/Dashboard/Players.ts  | 88 +++++++------------
 .../app/Services/Dashboard/PlayerService.ts   | 31 +++++++
 .../Services/Dashboard/PlayerSkillsService.ts |  7 ++
 backend/start/routes/dashboard/character.ts   |  3 +-
 6 files changed, 98 insertions(+), 63 deletions(-)
 create mode 100644 backend/app/Controllers/Dashboard/PlayerSkills.ts
 create mode 100644 backend/app/Services/Dashboard/PlayerService.ts
 create mode 100644 backend/app/Services/Dashboard/PlayerSkillsService.ts

diff --git a/backend/README.md b/backend/README.md
index 2fb162b..b71c6ab 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -133,7 +133,8 @@ $ npm run start
 
 ##  🕵🏾‍♂️  Routes Dashboard - Characters
 
-| METHOD | ENDPOINT                   | DESCRIPTION                               |
-| :----- | :------------------------- | :-----------------------------------------|
-| GET    | /dashboard/character/:name | Find character                            |
-| POST   | /dashboard/character       | Update character                          |
\ No newline at end of file
+| METHOD | ENDPOINT                        | DESCRIPTION                               |
+| :----- | :-------------------------------| :-----------------------------------------|
+| GET    | /dashboard/character/:name      | Find character                            |
+| GET    | /dashboard/character-skills/:id | Find character                            |
+| POST   | /dashboard/character            | Update character                          |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/PlayerSkills.ts b/backend/app/Controllers/Dashboard/PlayerSkills.ts
new file mode 100644
index 0000000..96e72cd
--- /dev/null
+++ b/backend/app/Controllers/Dashboard/PlayerSkills.ts
@@ -0,0 +1,23 @@
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+import PlayerSkillsService from 'App/Services/Dashboard/PlayerSkillsService';
+
+export default class PlayersController {
+  public playerSkillsService: PlayerSkillsService = new PlayerSkillsService();
+
+  public async show(ctx: HttpContextContract) {
+    try {
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
+
+      const skills = await this.playerSkillsService.find(ctx.request.param('id'));
+       
+      if (!skills.length) {
+        return ctx.response.status(404).send({ message: "Character not found!" });
+      }
+
+      return ctx.response.status(200).send({ status: 200, result: skills });
+    } catch(err) {
+      console.log('Error findCharacterSkills Query: ', err);
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
+    }
+  }
+}
diff --git a/backend/app/Controllers/Dashboard/Players.ts b/backend/app/Controllers/Dashboard/Players.ts
index 52ff2e4..b0f8211 100644
--- a/backend/app/Controllers/Dashboard/Players.ts
+++ b/backend/app/Controllers/Dashboard/Players.ts
@@ -1,86 +1,58 @@
-import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
 import { UpdateValidator } from 'App/Validators/Dashboard/Characters';
+import PlayerService from 'App/Services/Dashboard/PlayerService';
 
 export default class PlayersController {
-  public async index({ response, bouncer }: HttpContextContract) {
+  public playerService: PlayerService = new PlayerService();
+
+  public async index(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const accounts = await Database
-        .from('players')
-        .count('* as total');
+      const accounts = await this.playerService.index();
 
-      return response.status(200).send({ result: accounts});
-    } catch(err) {
+      return ctx.response.status(200).send({ result: accounts });
+    } 
+    catch(err) {
       console.log('Error getTotalPlayers Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
-  public async show({ request, response, bouncer }: HttpContextContract) {
+  public async show(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
-
-      let name = request.param('name');
-
-      name = await name
-        .replace(/%20/g, " ")
-        .replace(/'+'/g, " ")
-        .replace(/'/g, "")
-        .replace(/%27/g, "")
-        .replace(/-/g, "")
-        .replace(/"/g, "")
-        .replace(/%22/g, "");
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const character = await Database
-        .from('players')
-        .select('*')
-        .where('name', '=', name);
+      const character = await this.playerService.find(ctx.request.param('name'));
        
       if (!character.length) {
-        return response.status(404).send({ message: "Character not found!"});
+        return ctx.response.status(404).send({ message: "Character not found!" });
       }
 
-      return response.status(200).send({ status: 200, result: character[0]});
-    } catch(err) {
+      return ctx.response.status(200).send({ status: 200, result: character[0] });
+    } 
+    catch(err) {
       console.log('Error findCharacter Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
-  public async edit({}: HttpContextContract) {}
-
-  public async update({ request, response, bouncer}: HttpContextContract) {
+  public async update(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const data = await request.validate(UpdateValidator);
-      
-      const character = await Database
-        .from('players')
-        .select('id')
-        .where('name', '=', data.name)
-        .andWhere('id', '<>', data.id);
+      const data = await ctx.request.validate(UpdateValidator);
       
-      if (character.length) {
-        return response.status(404).send({ message: "Error. The username is already used."});
-      }
+      const character = await this.playerService.update(data);
       
-      const affectedRows = await Database.from('players')
-        .where('id', '=', data.id)
-        .update(data);
-      
-      if (!affectedRows) {
-        return response.status(404).send({ message: "Character not found."});
-      }
-      
-      return response.status(200).send({ status: 200, message: "Character successfully updated." });
-    } catch (err) {
+      if (character !== "Character successfully updated.")
+        return ctx.response.status(404).send({ message: character });
+
+      return ctx.response.status(200).send({ status: 200, message: character });
+    } 
+    catch (err) {
       console.log('Error updateAccount Query: ', err);
-      return response.status(400).send({ message: err})
+      return ctx.response.status(400).send({ message: err})
     }
   }
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Services/Dashboard/PlayerService.ts b/backend/app/Services/Dashboard/PlayerService.ts
new file mode 100644
index 0000000..ada8156
--- /dev/null
+++ b/backend/app/Services/Dashboard/PlayerService.ts
@@ -0,0 +1,31 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class PlayerService {
+
+  public async index(): Promise<Object[]> {
+    return await Database.from('players').count('* as total');
+  }
+  
+  public async find(name: string): Promise<Object[]> {    
+    return await Database.from('players').select('*').where('name', '=', name);
+  }
+
+  public async update(data: { id: number, name: string }) {
+    const character = await Database
+      .from('players')
+      .select('id')
+      .where('name', '=', data.name)
+      .andWhere('id', '<>', data.id);
+    
+    if (character.length)
+      return "Error. The username is already used.";
+      
+    const affectedRows = await Database.from('players').where('id', '=', data.id).update(data);
+
+    if (!affectedRows)
+      return "Character not found.";
+    
+    return "Character successfully updated.";
+  }
+
+}
\ No newline at end of file
diff --git a/backend/app/Services/Dashboard/PlayerSkillsService.ts b/backend/app/Services/Dashboard/PlayerSkillsService.ts
new file mode 100644
index 0000000..9be438f
--- /dev/null
+++ b/backend/app/Services/Dashboard/PlayerSkillsService.ts
@@ -0,0 +1,7 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class PlayerSkillsService {  
+  public async find(id: number): Promise<Object[]> {    
+    return await Database.from('player_skills').select('*').where('player_id', '=', id);
+  }
+}
\ No newline at end of file
diff --git a/backend/start/routes/dashboard/character.ts b/backend/start/routes/dashboard/character.ts
index c91d46b..c3649c0 100644
--- a/backend/start/routes/dashboard/character.ts
+++ b/backend/start/routes/dashboard/character.ts
@@ -1,4 +1,5 @@
 import Route from '@ioc:Adonis/Core/Route';
 
 Route.get('/dashboard/character/:name', 'Dashboard/Players.show').middleware('auth');
-Route.post('/dashboard/character/', 'Dashboard/Players.update').middleware('auth');
\ No newline at end of file
+Route.get('/dashboard/character-skills/:id', 'Dashboard/PlayerSkills.show').middleware('auth');
+Route.post('/dashboard/character', 'Dashboard/Players.update').middleware('auth');
\ No newline at end of file

From 1849eab2a28bd2c0c4fa7c8ea549efd4176f122d Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Tue, 1 Feb 2022 20:39:54 -0300
Subject: [PATCH 18/48] [BACK] feat: added endpoint to update skills

---
 backend/README.md                             |  3 ++-
 .../app/Controllers/Dashboard/PlayerSkills.ts | 25 ++++++++++++++++---
 .../app/Services/Dashboard/PlayerService.ts   |  2 +-
 .../Services/Dashboard/PlayerSkillsService.ts | 19 +++++++++++++-
 .../CharacterSkills/UpdateValidator.ts        | 20 +++++++++++++++
 .../Dashboard/CharacterSkills/index.ts        |  1 +
 backend/start/routes/dashboard/character.ts   |  3 ++-
 7 files changed, 66 insertions(+), 7 deletions(-)
 create mode 100644 backend/app/Validators/Dashboard/CharacterSkills/UpdateValidator.ts
 create mode 100644 backend/app/Validators/Dashboard/CharacterSkills/index.ts

diff --git a/backend/README.md b/backend/README.md
index b71c6ab..574154f 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -137,4 +137,5 @@ $ npm run start
 | :----- | :-------------------------------| :-----------------------------------------|
 | GET    | /dashboard/character/:name      | Find character                            |
 | GET    | /dashboard/character-skills/:id | Find character                            |
-| POST   | /dashboard/character            | Update character                          |
\ No newline at end of file
+| POST   | /dashboard/character            | Update character                          |
+| POST   | /dashboard/character-skills     | Update characterSkills                    |
\ No newline at end of file
diff --git a/backend/app/Controllers/Dashboard/PlayerSkills.ts b/backend/app/Controllers/Dashboard/PlayerSkills.ts
index 96e72cd..4d8b4f6 100644
--- a/backend/app/Controllers/Dashboard/PlayerSkills.ts
+++ b/backend/app/Controllers/Dashboard/PlayerSkills.ts
@@ -1,4 +1,5 @@
-import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
+import { UpdateValidator } from 'App/Validators/Dashboard/CharacterSkills';
 import PlayerSkillsService from 'App/Services/Dashboard/PlayerSkillsService';
 
 export default class PlayersController {
@@ -14,9 +15,27 @@ export default class PlayersController {
         return ctx.response.status(404).send({ message: "Character not found!" });
       }
 
-      return ctx.response.status(200).send({ status: 200, result: skills });
+      return ctx.response.status(200).send({ status: 200, result: skills }); 
     } catch(err) {
-      console.log('Error findCharacterSkills Query: ', err);
+      console.log('Error findCharacterSkills: ', err);
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
+    }
+  }
+
+  public async update(ctx: HttpContextContract) {
+    try {
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
+
+      const data = await ctx.request.validate(UpdateValidator);
+
+      const updateSkills = await this.playerSkillsService.update(data);
+
+      if (updateSkills !== "Skills successfully updated.")
+        return ctx.response.status(404).send({ message: updateSkills });
+
+      return ctx.response.status(200).send({ status: 200, message: updateSkills });
+    } catch (err) {
+      console.log('Error updateCharacterSkills: ', err);
       return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
diff --git a/backend/app/Services/Dashboard/PlayerService.ts b/backend/app/Services/Dashboard/PlayerService.ts
index ada8156..61bfc4f 100644
--- a/backend/app/Services/Dashboard/PlayerService.ts
+++ b/backend/app/Services/Dashboard/PlayerService.ts
@@ -10,7 +10,7 @@ export default class PlayerService {
     return await Database.from('players').select('*').where('name', '=', name);
   }
 
-  public async update(data: { id: number, name: string }) {
+  public async update(data: { id: number, name: string }): Promise<String> {
     const character = await Database
       .from('players')
       .select('id')
diff --git a/backend/app/Services/Dashboard/PlayerSkillsService.ts b/backend/app/Services/Dashboard/PlayerSkillsService.ts
index 9be438f..149ffcf 100644
--- a/backend/app/Services/Dashboard/PlayerSkillsService.ts
+++ b/backend/app/Services/Dashboard/PlayerSkillsService.ts
@@ -1,7 +1,24 @@
-import Database from '@ioc:Adonis/Lucid/Database'
+import Database from '@ioc:Adonis/Lucid/Database';
 
 export default class PlayerSkillsService {  
   public async find(id: number): Promise<Object[]> {    
     return await Database.from('player_skills').select('*').where('player_id', '=', id);
   }
+
+  public async update(data: any): Promise<String> {
+    try {
+      for(let i = 0; i < 7; i++) {
+        await Database.table('player_skills').insert({
+          player_id: data.id,
+          skillid: i,
+          value: data[i].value,
+          count: data[i].count
+        });
+      }
+  
+      return "Skills successfully updated.";
+    } catch(err) {
+      return err;
+    }
+  }
 }
\ No newline at end of file
diff --git a/backend/app/Validators/Dashboard/CharacterSkills/UpdateValidator.ts b/backend/app/Validators/Dashboard/CharacterSkills/UpdateValidator.ts
new file mode 100644
index 0000000..637bc17
--- /dev/null
+++ b/backend/app/Validators/Dashboard/CharacterSkills/UpdateValidator.ts
@@ -0,0 +1,20 @@
+import { schema, rules } from '@ioc:Adonis/Core/Validator'
+import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
+
+export default class UpdateValidator {
+  constructor(protected ctx: HttpContextContract) {}
+
+  public schema = schema.create({
+    id: schema.number([rules.required(), rules.exists({ table: 'players', column: 'id' })]),
+    skills: schema.array().members(
+      schema.object().members({
+        player_id: schema.number(),
+        skillid: schema.number(),
+        value: schema.number(),
+        count: schema.number()
+      })
+    ),
+  })
+
+  public messages = {};
+}
diff --git a/backend/app/Validators/Dashboard/CharacterSkills/index.ts b/backend/app/Validators/Dashboard/CharacterSkills/index.ts
new file mode 100644
index 0000000..cfeb80b
--- /dev/null
+++ b/backend/app/Validators/Dashboard/CharacterSkills/index.ts
@@ -0,0 +1 @@
+export { default as UpdateValidator } from './UpdateValidator'
\ No newline at end of file
diff --git a/backend/start/routes/dashboard/character.ts b/backend/start/routes/dashboard/character.ts
index c3649c0..078d658 100644
--- a/backend/start/routes/dashboard/character.ts
+++ b/backend/start/routes/dashboard/character.ts
@@ -2,4 +2,5 @@ import Route from '@ioc:Adonis/Core/Route';
 
 Route.get('/dashboard/character/:name', 'Dashboard/Players.show').middleware('auth');
 Route.get('/dashboard/character-skills/:id', 'Dashboard/PlayerSkills.show').middleware('auth');
-Route.post('/dashboard/character', 'Dashboard/Players.update').middleware('auth');
\ No newline at end of file
+Route.post('/dashboard/character', 'Dashboard/Players.update').middleware('auth');
+Route.post('/dashboard/character-skills', 'Dashboard/PlayerSkills.update').middleware('auth');
\ No newline at end of file

From 71c128081466ad645d2948a9e0c96ce8e3ef645e Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 21:41:37 -0300
Subject: [PATCH 19/48] [FRONT] feat: added model and store to upgrade
 character skills

---
 frontend/models/Dashboard.ts                |  7 ++
 frontend/models/index.ts                    |  3 +-
 frontend/store/dashboard/character.ts       | 14 +++-
 frontend/store/dashboard/characterSkills.ts | 80 +++++++++++++++++++++
 frontend/store/dashboard/index.ts           |  3 +-
 frontend/utils/store-util.ts                |  6 +-
 6 files changed, 109 insertions(+), 4 deletions(-)
 create mode 100644 frontend/store/dashboard/characterSkills.ts

diff --git a/frontend/models/Dashboard.ts b/frontend/models/Dashboard.ts
index a65a500..b8fd60b 100644
--- a/frontend/models/Dashboard.ts
+++ b/frontend/models/Dashboard.ts
@@ -98,4 +98,11 @@ export interface Character {
 	offlinetraining_skill: number,
 	broadcasting: number,
 	viewers: number
+}
+
+export interface CharacterSkills {
+	player_id: number,
+	skillid: number,
+	value: number,
+	count: number
 }
\ No newline at end of file
diff --git a/frontend/models/index.ts b/frontend/models/index.ts
index e3aedca..2480026 100644
--- a/frontend/models/index.ts
+++ b/frontend/models/index.ts
@@ -18,7 +18,8 @@ export {
 export { 
   TopPremiumPoints,
   Vocations,
-  Character
+  Character,
+  CharacterSkills
 } from './Dashboard';
 
 export {
diff --git a/frontend/store/dashboard/character.ts b/frontend/store/dashboard/character.ts
index 47a3d01..b107a5b 100644
--- a/frontend/store/dashboard/character.ts
+++ b/frontend/store/dashboard/character.ts
@@ -6,7 +6,7 @@ import {
 } from 'vuex-module-decorators'
 
 import { $axios } from '@/utils/nuxt-instance'
-import { Character } from '@/models'
+import { Character, CharacterSkills } from '@/models'
 
 @Module({
   name: 'dashboard/character',
@@ -107,14 +107,25 @@ export default class Characters extends VuexModule {
     viewers: undefined
   } as unknown as Character;
 
+  private skills: CharacterSkills[] = [];
+
   public get $character(): Character {
     return this.character;
   }
+
+  public get $skills(): CharacterSkills[] {
+    return this.skills;
+  }
   
   @Mutation
   private UPDATE_CHARACTERS(this: any, payload: Character) {
     this.character = Object.assign(this.character, payload);
   }
+  
+  @Mutation
+  private UPDATE_SKILLS(this: any, payload: CharacterSkills) {
+    this.skills = Object.assign(this.skills, payload);
+  }
 
   @Action
   public async find(name: String) {
@@ -125,6 +136,7 @@ export default class Characters extends VuexModule {
             throw new Error(response);
 
           this.context.commit('UPDATE_CHARACTERS', response.result);
+          // this.context.commit('UPDATE_SKILLS', response.result.skills);
 
           return {
             status: response.status,
diff --git a/frontend/store/dashboard/characterSkills.ts b/frontend/store/dashboard/characterSkills.ts
new file mode 100644
index 0000000..d42b409
--- /dev/null
+++ b/frontend/store/dashboard/characterSkills.ts
@@ -0,0 +1,80 @@
+import {
+  Module,
+  VuexModule,
+  Mutation,
+  Action
+} from 'vuex-module-decorators'
+
+import { $axios } from '@/utils/nuxt-instance'
+import { CharacterSkills } from '@/models'
+
+interface UpdatePayload {
+  id: number,
+  skills: CharacterSkills[]
+}
+
+@Module({
+  name: 'dashboard/characterSkills',
+  stateFactory: true,
+  namespaced: true
+})
+
+export default class CharacterSkill extends VuexModule {
+  private skills: CharacterSkills[] = [];
+
+  public get $skills(): CharacterSkills[] {
+    return this.skills;
+  }
+  
+  @Mutation
+  private UPDATE_SKILLS(this: any, payload: CharacterSkills) {
+    this.skills = Object.assign(this.skills, payload);
+  }
+
+  @Action
+  public async find(id: Number) {
+    try {
+      return await $axios.$get(`dashboard/character-skills/${id}`)
+        .then((response) => {
+          if (response.status !== 200) 
+            throw new Error(response);
+
+          this.context.commit('UPDATE_SKILLS', response.result);
+
+          return {
+            status: response.status,
+            data: response.result
+          };
+        })
+        .catch(({ response }) => {
+          return {
+            data: [],
+            status: response
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
+
+  @Action
+  public async update(payload: UpdatePayload) {
+    try {
+      return await $axios.$post('dashboard/character-skills', payload)
+        .then((response) => {
+          if (!response) 
+            throw new Error(response);
+
+          return response;
+        })
+        .catch(({ response }) => {
+          return {
+            data: response,
+            status: response.status
+          };
+        });
+    } catch(err) {
+      return err;
+    }
+  }
+}
diff --git a/frontend/store/dashboard/index.ts b/frontend/store/dashboard/index.ts
index 78e2dad..5d517c4 100644
--- a/frontend/store/dashboard/index.ts
+++ b/frontend/store/dashboard/index.ts
@@ -1,4 +1,5 @@
 export { default as Home } from './home';
 export { default as News } from './news';
 export { default as Accounts } from './accounts';
-export { default as Character } from './character';
\ No newline at end of file
+export { default as Character } from './character';
+export { default as CharacterSkills } from './characterSkills';
\ No newline at end of file
diff --git a/frontend/utils/store-util.ts b/frontend/utils/store-util.ts
index bdc5fa6..1cd7465 100644
--- a/frontend/utils/store-util.ts
+++ b/frontend/utils/store-util.ts
@@ -7,7 +7,8 @@ import {
   Home as DashboardHome,
   News as DashboardNews,
   Accounts as DashboardAccounts,
-  Character as DashboardCharacters
+  Character as DashboardCharacters,
+  CharacterSkills as DashboardCharacterSkills
 } from '@/store/dashboard'
 
 import {
@@ -49,6 +50,7 @@ let dashboardHome: DashboardHome;
 let dashboardNews: DashboardNews;
 let dashboardAccounts: DashboardAccounts;
 let dashboardCharacters: DashboardCharacters;
+let dashboardCharacterSkills: DashboardCharacterSkills;
 
 let news: News;
 
@@ -77,6 +79,7 @@ const initializeStores = (store: Store<any>) => {
   dashboardNews = getModule(DashboardNews, store);
   dashboardAccounts = getModule(DashboardAccounts, store);
   dashboardCharacters = getModule(DashboardCharacters, store);
+  dashboardCharacterSkills = getModule(DashboardCharacterSkills, store);
 
   // Store News
   news = getModule(News, store);
@@ -112,6 +115,7 @@ export {
   dashboardNews,
   dashboardAccounts,
   dashboardCharacters,
+  dashboardCharacterSkills,
 
   auth,
 

From f0776ec4c49f6f55373195d40a9c2bfeecf57670 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 21:42:23 -0300
Subject: [PATCH 20/48] [BACK] fix: fixed problem in the update skills query

---
 backend/app/Services/Dashboard/PlayerSkillsService.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/app/Services/Dashboard/PlayerSkillsService.ts b/backend/app/Services/Dashboard/PlayerSkillsService.ts
index 149ffcf..98f7781 100644
--- a/backend/app/Services/Dashboard/PlayerSkillsService.ts
+++ b/backend/app/Services/Dashboard/PlayerSkillsService.ts
@@ -8,16 +8,16 @@ export default class PlayerSkillsService {
   public async update(data: any): Promise<String> {
     try {
       for(let i = 0; i < 7; i++) {
-        await Database.table('player_skills').insert({
-          player_id: data.id,
+        await Database.from('player_skills').where('player_id', '=', data.id).andWhere('skillid', '=', data.skills[i].skillid).update({
           skillid: i,
-          value: data[i].value,
-          count: data[i].count
+          value: data.skills[i].value,
+          count: data.skills[i].count
         });
       }
   
       return "Skills successfully updated.";
     } catch(err) {
+      console.log('Entrou aqui, 21: ', err);
       return err;
     }
   }

From e242f5f87b1e47dabc665d29be662b9adc89f1bb Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 21:43:23 -0300
Subject: [PATCH 21/48] [FRONT] feat: added component to update skills

---
 .../characters/DashboardCharacterForm.vue     | 22 +++---
 .../characters/DashboardCharacterSkills.vue   | 74 +++++++++++++++++++
 .../characters/DashboardCharacterStats.vue    | 28 ++++---
 .../characters/DashboardEditCharacter.vue     | 41 ++++++----
 .../DashboardEditCharacterTemplate.vue        |  3 +-
 5 files changed, 133 insertions(+), 35 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardCharacterSkills.vue

diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
index e5a2e7b..ee0d08e 100644
--- a/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterForm.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row class="pa-10">
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.account_id"
         :rules="required"
@@ -14,7 +14,7 @@
       />
     </v-col>
     
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.name"
         :rules="required"
@@ -27,7 +27,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-autocomplete
         v-model="$character.group_id"
         :items="characterGroups"
@@ -39,7 +39,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-autocomplete
         v-model="$character.sex"
         :items="sexList"
@@ -51,7 +51,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.town_id"
         label="Town"
@@ -63,7 +63,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-autocomplete
         v-model="$character.skull"
         :items="skullList"
@@ -75,7 +75,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.skulltime"
         label="Skulltime"
@@ -88,7 +88,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.blessings"
         label="Blessings"
@@ -100,7 +100,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '4' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.balance"
         label="Bank Balance"
@@ -174,6 +174,10 @@ export default Vue.extend({
 
     skullList(): Object[] {
       return skulls;
+    },
+
+    getCols(): String {
+      return !this.$vuetify.breakpoint.smAndDown ? '4' : this.$vuetify.breakpoint.smOnly ? '6' : '12';
     }
   }
 })
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterSkills.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterSkills.vue
new file mode 100644
index 0000000..5828138
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterSkills.vue
@@ -0,0 +1,74 @@
+<template>
+  <v-row class="pa-10">
+    <v-col 
+      v-for="(skill, idx) in $skills"
+      :key="idx"
+      :cols="!$vuetify.breakpoint.xsOnly ? '6' : '12'"
+    >
+      <v-row class="pa-0">
+        <v-col :cols="!$vuetify.breakpoint.smAndDown ? '6' : '12'">
+          <v-text-field
+            v-model="skill.value"
+            :rules="required"
+            :label="getLabel(skill.skillid)"
+            type="number"
+            hide-spin-buttons
+            dense
+            outlined
+            required
+            hide-details="auto"
+          />
+        </v-col>
+
+        <v-col :cols="!$vuetify.breakpoint.smAndDown ? '6' : '12'">
+          <v-text-field
+            v-model="skill.count"
+            :rules="required"
+            :label="getLabel(skill.skillid) + ' Tries'"
+            type="number"
+            hide-spin-buttons
+            dense
+            outlined
+            required
+            hide-details="auto"
+          />
+        </v-col>
+      </v-row>
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacterSkills } from '@/store'
+import { CharacterSkills } from '@/models'
+import { skillName } from '@/utils/enum'
+
+export default Vue.extend({
+  data() {
+    return {
+      required: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  computed: {
+    $skills(): CharacterSkills[] {
+      return dashboardCharacterSkills.$skills;
+    },
+
+    getSkillList(): Object[] {
+      return skillName;
+    }
+  },
+
+  methods: {
+    getLabel(this: any, id: number): String {
+      return this.getSkillList.some((skill: { value: number}) => skill.value === id)
+        ? this.getSkillList.find((skill: { value: number}) => skill.value === id).text
+        : "";
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue
index 97e7d9b..7c9aa3c 100644
--- a/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterStats.vue
@@ -1,6 +1,6 @@
 <template>
   <v-row class="pa-10">
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.level"
         :rules="required"
@@ -14,7 +14,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.maglevel"
         :rules="required"
@@ -28,7 +28,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.experience"
         :rules="required"
@@ -42,7 +42,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-autocomplete
         v-model="$character.vocation"
         :items="vocationList"
@@ -55,7 +55,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.health"
         :rules="required"
@@ -69,7 +69,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.healthmax"
         :rules="required"
@@ -83,7 +83,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.mana"
         :rules="required"
@@ -97,7 +97,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.manamax"
         :rules="required"
@@ -111,7 +111,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.cap"
         :rules="required"
@@ -125,7 +125,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.soul"
         :rules="required"
@@ -139,7 +139,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.stamina"
         :rules="required"
@@ -153,7 +153,7 @@
       />
     </v-col>
 
-    <v-col :cols="!$vuetify.breakpoint.smAndDown ? '3' : $vuetify.breakpoint.smOnly ? '6' : '12'">
+    <v-col :cols="getCols">
       <v-text-field
         v-model="$character.offlinetraining_time"
         :rules="required"
@@ -197,6 +197,10 @@ export default Vue.extend({
         text: vocation.text
       }));
     },
+
+    getCols(): String {
+      return !this.$vuetify.breakpoint.smAndDown ? '3' : this.$vuetify.breakpoint.smOnly ? '6' : '12';
+    }
   }
 })
 </script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
index efc3f7f..1939464 100644
--- a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
+++ b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
@@ -32,9 +32,7 @@
         >
           <DashboardCharacterForm v-if="item.text === 'Player'" />
           <DashboardCharacterStats v-if="item.text === 'Characteristics'" />
-          <div v-else-if="item.text === 'Skills'">
-            Skills
-          </div>
+          <DashboardCharacterSkills v-else-if="item.text === 'Skills'" />
           <div v-else-if="item.text === 'Outfit'">
             Outfit
           </div>
@@ -66,7 +64,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { dashboardCharacters } from '@/store'
+import { dashboardCharacters, dashboardCharacterSkills } from '@/store'
 export default Vue.extend({
   data() {
     return {
@@ -100,17 +98,34 @@ export default Vue.extend({
 
     async onSubmit(this: any): Promise<void> {
       try {
-        const res = await dashboardCharacters.update(dashboardCharacters.$character)
+        const res = await dashboardCharacters.update(dashboardCharacters.$character);
         
         if (res.status === 200) {
-          this.$toast.success(
-            'Successfully updated',
-            {
-              keepOnHover: true,
-              duration: 2000,
-              theme: "bubble",
-            }
-          )
+          const response = await dashboardCharacterSkills.update({
+            id: dashboardCharacters.$character.id,
+            skills: dashboardCharacterSkills.$skills
+          });
+
+          if (response.status === 200) {
+            this.$toast.success(
+              'Successfully updated',
+              {
+                keepOnHover: true,
+                duration: 2000,
+                theme: "bubble",
+              }
+            )
+          }
+          else {
+            this.$toast.error(
+              'The character has been updated, but there was an error updating your skills',
+              {
+                keepOnHover: true,
+                duration: 2000,
+                theme: "bubble",
+              }
+            );
+          }
           this.back();
         }
           
diff --git a/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
index ff34435..89f26c2 100644
--- a/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
+++ b/frontend/components/templates/dashboard/characters/DashboardEditCharacterTemplate.vue
@@ -21,7 +21,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { dashboardCharacters } from '@/store'
+import { dashboardCharacters, dashboardCharacterSkills } from '@/store'
 
 export default Vue.extend({
   data() {
@@ -54,6 +54,7 @@ export default Vue.extend({
       }
 
       else {
+        await dashboardCharacterSkills.find(response.data.id);
         this.$set(this, 'characterInvalid', false);
       }
 

From 995831e28e96a7a0afee0955b33badb12b77ad95 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 22:06:24 -0300
Subject: [PATCH 22/48] [FRONT] feat: added component for outfit

---
 README.md                                     |   5 +
 .../characters/DashboardCharacterOutfit.vue   | 108 ++++++++++++++++++
 .../characters/DashboardEditCharacter.vue     |   4 +-
 3 files changed, 114 insertions(+), 3 deletions(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardCharacterOutfit.vue

diff --git a/README.md b/README.md
index 26691aa..2e8754d 100644
--- a/README.md
+++ b/README.md
@@ -169,6 +169,11 @@ This repository follows the semantic commit pattern, with the addition of the ta
     <li> [x] Change account information </li>
     <li> [x] View all account characters </li>
   </ul>
+  <li> [x] Players </li>
+  <ul>
+    <li> [x] Find Player </li>
+    <li> [x] Edit Info and Skills </li>
+  </ul>
 </ul>
 
 ## Show-Off
diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterOutfit.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterOutfit.vue
new file mode 100644
index 0000000..429fe49
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterOutfit.vue
@@ -0,0 +1,108 @@
+<template>
+  <v-row class="pa-10">
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.looktype"
+        :rules="required"
+        label="Look Type"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lookaddons"
+        label="Look Addons"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lookhead"
+        label="Look Head"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lookbody"
+        label="Look Body"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.looklegs"
+        label="Look Legs"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lookfeet"
+        label="Look Feet"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+import { Character } from '@/models'
+
+export default Vue.extend({
+  data() {
+    return {
+      required: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  computed: {
+    $character(): Character {
+      return dashboardCharacters.$character;
+    },
+
+    getCols(): String {
+      return !this.$vuetify.breakpoint.smAndDown ? '4' : this.$vuetify.breakpoint.smOnly ? '6' : '12';
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
index 1939464..7407fd4 100644
--- a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
+++ b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
@@ -33,9 +33,7 @@
           <DashboardCharacterForm v-if="item.text === 'Player'" />
           <DashboardCharacterStats v-if="item.text === 'Characteristics'" />
           <DashboardCharacterSkills v-else-if="item.text === 'Skills'" />
-          <div v-else-if="item.text === 'Outfit'">
-            Outfit
-          </div>
+          <DashboardCharacterOutfit v-else-if="item.text === 'Outfit'" />
         </v-tab-item>
       </v-tabs-items>
       

From 0d1d78303a647f76e98909132fc3cb46dd38a2ab Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 22:18:46 -0300
Subject: [PATCH 23/48] [FRONT] feat: added component for general information

---
 .../DashboardCharacterInformations.vue        | 122 ++++++++++++++++++
 .../organisms/account/AccountManagement.vue   |   1 +
 .../characters/DashboardEditCharacter.vue     |   8 +-
 3 files changed, 130 insertions(+), 1 deletion(-)
 create mode 100644 frontend/components/molecules/dashboard/characters/DashboardCharacterInformations.vue

diff --git a/frontend/components/molecules/dashboard/characters/DashboardCharacterInformations.vue b/frontend/components/molecules/dashboard/characters/DashboardCharacterInformations.vue
new file mode 100644
index 0000000..bd3c20e
--- /dev/null
+++ b/frontend/components/molecules/dashboard/characters/DashboardCharacterInformations.vue
@@ -0,0 +1,122 @@
+<template>
+  <v-row class="pa-10">
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.ip"
+        label="IP"
+        type="text"
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lastip"
+        label="Last IP"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.lastlogin"
+        label="Last Login"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.frags"
+        label="Frags"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.posx"
+        :rules="required"
+        label="Pos X"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+    
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.posy"
+        :rules="required"
+        label="Pos Y"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+
+    <v-col :cols="getCols">
+      <v-text-field
+        v-model="$character.posz"
+        :rules="required"
+        label="Pos Z"
+        type="number"
+        hide-spin-buttons
+        dense
+        outlined
+        required
+        hide-details="auto"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { dashboardCharacters } from '@/store'
+import { Character } from '@/models'
+
+export default Vue.extend({
+  data() {
+    return {
+      required: [
+        (v: string) => !!v || 'Required field',
+      ],
+    }
+  },
+
+  computed: {
+    $character(): Character {
+      return dashboardCharacters.$character;
+    },
+
+    getCols(): String {
+      return !this.$vuetify.breakpoint.smAndDown ? '4' : this.$vuetify.breakpoint.smOnly ? '6' : '12';
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/organisms/account/AccountManagement.vue b/frontend/components/organisms/account/AccountManagement.vue
index 9366ae3..ca526cb 100644
--- a/frontend/components/organisms/account/AccountManagement.vue
+++ b/frontend/components/organisms/account/AccountManagement.vue
@@ -4,6 +4,7 @@
       v-model="tab"
       icons-and-text
       centered
+      show-arrows
     >
       <v-tabs-slider color="primary"></v-tabs-slider>
 
diff --git a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
index 7407fd4..6411ffa 100644
--- a/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
+++ b/frontend/components/organisms/dashboard/characters/DashboardEditCharacter.vue
@@ -12,6 +12,7 @@
         class="v-tabs-dashboard"
         icons-and-text
         centered
+        show-arrows
       >
         <v-tabs-slider></v-tabs-slider>
 
@@ -34,6 +35,7 @@
           <DashboardCharacterStats v-if="item.text === 'Characteristics'" />
           <DashboardCharacterSkills v-else-if="item.text === 'Skills'" />
           <DashboardCharacterOutfit v-else-if="item.text === 'Outfit'" />
+          <DashboardCharacterInformations v-else-if="item.text === 'Informations'" />
         </v-tab-item>
       </v-tabs-items>
       
@@ -84,7 +86,11 @@ export default Vue.extend({
         {
           text: 'Outfit',
           icon: 'mdi-drama-masks'
-        }
+        },
+        {
+          text: 'Informations',
+          icon: 'mdi-card-account-details-outline'
+        },
       ]
     }
   },

From c63a71f2bba8f732dd5037a8c713842381e6a73c Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Wed, 2 Feb 2022 23:35:17 -0300
Subject: [PATCH 24/48] [FRONT] feat: mobile menu became drawer

---
 .../molecules/layout/MenuMobileOptions.vue    | 68 +++++++++++++++++++
 .../components/molecules/menu/MobileMenu.vue  | 39 -----------
 .../organisms/layout/MenuMobile.vue           | 53 +++++++++++++++
 .../templates/layout/HeaderTemplate.vue       | 16 ++++-
 4 files changed, 136 insertions(+), 40 deletions(-)
 create mode 100644 frontend/components/molecules/layout/MenuMobileOptions.vue
 delete mode 100644 frontend/components/molecules/menu/MobileMenu.vue
 create mode 100644 frontend/components/organisms/layout/MenuMobile.vue

diff --git a/frontend/components/molecules/layout/MenuMobileOptions.vue b/frontend/components/molecules/layout/MenuMobileOptions.vue
new file mode 100644
index 0000000..95a02cd
--- /dev/null
+++ b/frontend/components/molecules/layout/MenuMobileOptions.vue
@@ -0,0 +1,68 @@
+<template>
+  <v-list :class="miniVariant ? '' : 'ml-4 mr-4'">
+    <v-list-item router exact>
+      <v-list-item-content>
+        <v-list-item>
+          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/" class="pa-5"> HOME </NuxtLink> </v-list-item-title>
+        </v-list-item>
+
+        <v-list-item>
+          <v-treeview
+            v-model="tree"
+            :items="getRoutesCommunity"
+            open-on-click
+            expand-icon="mdi-chevron-down"
+            item-key="text"
+          > 
+            <template v-slot:append="{ item }">
+              <NuxtLink v-if="item.to" class="dashboard-menu-text" :to="item.to"> {{ item.text }} </NuxtLink>
+              <span v-else class="dashboard-menu-text"> {{ item.text }} </span>
+            </template>
+          </v-treeview>
+        </v-list-item>
+
+        <v-list-item>
+          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/highscores" class="pa-5"> HIGHSCORES </NuxtLink> </v-list-item-title>
+        </v-list-item>
+
+        <v-list-item>
+          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/guilds" class="pa-5"> GUILDS </NuxtLink> </v-list-item-title>
+        </v-list-item>
+
+        <v-list-item>
+          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/" class="pa-5"> SHOP </NuxtLink> </v-list-item-title>
+        </v-list-item>
+
+        <v-list-item>
+          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/downloads" class="pa-5"> DOWNLOAD </NuxtLink> </v-list-item-title>
+        </v-list-item>
+      </v-list-item-content>
+    </v-list-item>
+  </v-list>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { routesCommunity } from '@/utils/routes'
+
+export default Vue.extend({
+  props: {
+    miniVariant: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      tree: []
+    }
+  },
+
+  computed: {
+    getRoutesCommunity() {
+      return [{ text: "Community", children: routesCommunity }];
+    }
+  }
+})
+</script>
\ No newline at end of file
diff --git a/frontend/components/molecules/menu/MobileMenu.vue b/frontend/components/molecules/menu/MobileMenu.vue
deleted file mode 100644
index bff0b4c..0000000
--- a/frontend/components/molecules/menu/MobileMenu.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<template>
-  <v-menu bottom right>
-    <template v-slot:activator="{ on, attrs }">
-      <v-btn
-        icon
-        v-bind="attrs"
-        v-on="on"
-      >
-        <v-icon>mdi-menu</v-icon>
-      </v-btn>
-    </template>
-
-    <v-list>
-      <v-list-item>
-        <v-list-item-title> <NuxtLink to="/" class="pa-5"> HOME </NuxtLink> </v-list-item-title>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> <CommunityRoutes class="pa-5"/> </v-list-item-title>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> <NuxtLink to="/highscores" class="pa-5"> HIGHSCORES </NuxtLink> </v-list-item-title>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> <NuxtLink to="/guilds" class="pa-5"> GUILDS </NuxtLink> </v-list-item-title>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> <NuxtLink to="/" class="pa-5"> SHOP </NuxtLink> </v-list-item-title>
-      </v-list-item>
-
-      <v-list-item>
-        <v-list-item-title> <NuxtLink to="/downloads" class="pa-5"> DOWNLOAD </NuxtLink> </v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </v-menu>
-</template>
\ No newline at end of file
diff --git a/frontend/components/organisms/layout/MenuMobile.vue b/frontend/components/organisms/layout/MenuMobile.vue
new file mode 100644
index 0000000..d40252d
--- /dev/null
+++ b/frontend/components/organisms/layout/MenuMobile.vue
@@ -0,0 +1,53 @@
+<template>
+  <v-navigation-drawer
+    v-model="$_drawer"
+    :mini-variant="miniVariant"
+    :clipped="false"
+    absolute
+    app
+    class="text-center"
+  >      
+    <MenuMobileOptions :miniVariant="miniVariant"/>
+  </v-navigation-drawer>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  props: {
+    drawer: {
+      type: Boolean,
+      default: false
+    },
+    miniVariant: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  computed: {
+    $_drawer: {
+      get(this: any): boolean {
+        return this.drawer;
+      },
+      set(val): void {
+        this.$emit('update-drawer', val);
+      }
+    },
+
+    getItems(): { to: string, title: string, icon: string }[] {
+      return [{
+        to: "",
+        title: "",
+        icon: ""
+      }];
+    }
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.theme--light.v-list {
+  background: inherit !important;
+}
+</style>
\ No newline at end of file
diff --git a/frontend/components/templates/layout/HeaderTemplate.vue b/frontend/components/templates/layout/HeaderTemplate.vue
index e936ac6..9d236fa 100644
--- a/frontend/components/templates/layout/HeaderTemplate.vue
+++ b/frontend/components/templates/layout/HeaderTemplate.vue
@@ -1,6 +1,8 @@
 <template>
   <v-app-bar
     id="header"
+    :clipped-left="false"
+    fixed
     app
   >
     <CreateAccountDialog
@@ -36,7 +38,13 @@
     </v-row>
 
     <v-row v-else class="d-flex align-center justify-center header-text">
-      <MobileMenu />
+      <v-app-bar-nav-icon @click.stop="drawer = !drawer, miniVariant = false" />
+
+      <MenuMobile 
+        :drawer="drawer"
+        :miniVariant="miniVariant"
+        @update-drawer="updateDrawer"
+      />
 
       <v-spacer></v-spacer>
 
@@ -59,6 +67,8 @@ export default {
   data() {
     return {
       dialog: false,
+      drawer: false,
+      miniVariant: false,
     }
   },
 
@@ -86,6 +96,10 @@ export default {
     updateDialog(this: any, status: boolean): void {
       this.$set(this, 'dialog', status);
     },
+    
+    updateDrawer(this: any, status: boolean): void {
+      this.$set(this, 'drawer', status);
+    },
 
     onLogout(this: any): void {
       auth.destroy();

From 6f5d14dd557c260c1f6acd1c77a13a13200c3e9f Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Thu, 3 Feb 2022 19:06:23 -0300
Subject: [PATCH 25/48] [FRONT] feat: added responsiveness in the menu

---
 frontend/assets/css/main.css                  |  10 +-
 frontend/assets/css/tibia-custom.css          |   5 +
 frontend/assets/css/tibia-default.css         |   5 +
 .../molecules/layout/MenuMobileOptions.vue    | 110 +++++++++++-------
 .../organisms/layout/MenuMobile.vue           |   2 +-
 frontend/layouts/dashboard.vue                |   2 +-
 frontend/utils/routes.ts                      |   2 +
 7 files changed, 91 insertions(+), 45 deletions(-)

diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 21f4022..96340bb 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -329,7 +329,7 @@
   color: var(--heading-color) !important;
 }
 
-.theme--light.v-navigation-drawer {
+.dashboard-drawer {
   background-color: var(--bg-dashboard-main-color) !important;
 }
 
@@ -376,4 +376,12 @@
 
 .v-data-table--fixed-header > .v-data-table__wrapper > table > thead > tr > th {
   z-index: 0 !important;
+}
+
+.v-application--is-ltr .v-list-item__action:last-of-type:not(:only-child), .v-application--is-ltr .v-list-item__avatar:last-of-type:not(:only-child), .v-application--is-ltr .v-list-item__icon:last-of-type:not(:only-child) {
+  margin-left: 0px !important;
+}
+
+.v-application--is-ltr .v-list-group--no-action > .v-list-group__items > .v-list-item {
+  padding-left: 40px !important;
 }
\ No newline at end of file
diff --git a/frontend/assets/css/tibia-custom.css b/frontend/assets/css/tibia-custom.css
index fbc35a2..a3d52a2 100644
--- a/frontend/assets/css/tibia-custom.css
+++ b/frontend/assets/css/tibia-custom.css
@@ -38,4 +38,9 @@
 
 .bg-third {
   background-color: rgb(255 165 0 / 23%) !important;
+}
+
+.menu-mobile {
+  background-color: var(--bg-third-color) !important;
+  border-right: 2px solid var(--main-color) !important;
 }
\ No newline at end of file
diff --git a/frontend/assets/css/tibia-default.css b/frontend/assets/css/tibia-default.css
index 7b3c579..1fc041f 100644
--- a/frontend/assets/css/tibia-default.css
+++ b/frontend/assets/css/tibia-default.css
@@ -38,4 +38,9 @@
 
 .bg-third {
   background-color: #00ffc43b !important;
+}
+
+.menu-mobile {
+  background-color: var(--bg-third-color) !important;
+  border-right: 2px solid var(--main-color) !important;
 }
\ No newline at end of file
diff --git a/frontend/components/molecules/layout/MenuMobileOptions.vue b/frontend/components/molecules/layout/MenuMobileOptions.vue
index 95a02cd..1467848 100644
--- a/frontend/components/molecules/layout/MenuMobileOptions.vue
+++ b/frontend/components/molecules/layout/MenuMobileOptions.vue
@@ -1,43 +1,44 @@
 <template>
   <v-list :class="miniVariant ? '' : 'ml-4 mr-4'">
-    <v-list-item router exact>
-      <v-list-item-content>
-        <v-list-item>
-          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/" class="pa-5"> HOME </NuxtLink> </v-list-item-title>
-        </v-list-item>
-
-        <v-list-item>
-          <v-treeview
-            v-model="tree"
-            :items="getRoutesCommunity"
-            open-on-click
-            expand-icon="mdi-chevron-down"
-            item-key="text"
-          > 
-            <template v-slot:append="{ item }">
-              <NuxtLink v-if="item.to" class="dashboard-menu-text" :to="item.to"> {{ item.text }} </NuxtLink>
-              <span v-else class="dashboard-menu-text"> {{ item.text }} </span>
-            </template>
-          </v-treeview>
-        </v-list-item>
+    <div v-for="(link, i) in links" :key="i">
+      <v-list-item
+        v-if="!link.subLinks"
+        :key="i"
+        :to="link.to"
+        class="mt-2 text-left"
+      >
+        <v-list-item-action>
+          <v-icon>{{ link.icon }}</v-icon>
+        </v-list-item-action>
+        <v-list-item-title v-text="link.text" />
+      </v-list-item>
 
-        <v-list-item>
-          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/highscores" class="pa-5"> HIGHSCORES </NuxtLink> </v-list-item-title>
-        </v-list-item>
-
-        <v-list-item>
-          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/guilds" class="pa-5"> GUILDS </NuxtLink> </v-list-item-title>
-        </v-list-item>
+      <v-list-group
+        v-else
+        :key="link.text"
+        no-action
+        class="mt-2 text-left"
+      >
+        <template v-slot:activator>
+          <v-list-item-action>
+            <v-icon>{{ link.icon }}</v-icon>
+          </v-list-item-action>
+          <v-list-item-title>{{ link.text }}</v-list-item-title>
+        </template>
 
-        <v-list-item>
-          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/" class="pa-5"> SHOP </NuxtLink> </v-list-item-title>
+        <v-list-item
+          v-for="sublink in link.subLinks"
+          :to="sublink.to"
+          :key="sublink.text"
+          class="mt-2 text-left"
+        >
+          <v-list-item-action>
+            <v-icon>{{ sublink.icon }}</v-icon>
+          </v-list-item-action>
+          <v-list-item-title v-text="sublink.text" />
         </v-list-item>
-
-        <v-list-item>
-          <v-list-item-title class="dashboard-menu-text"> <NuxtLink to="/downloads" class="pa-5"> DOWNLOAD </NuxtLink> </v-list-item-title>
-        </v-list-item>
-      </v-list-item-content>
-    </v-list-item>
+      </v-list-group>
+    </div>
   </v-list>
 </template>
 
@@ -55,13 +56,38 @@ export default Vue.extend({
 
   data() {
     return {
-      tree: []
-    }
-  },
-
-  computed: {
-    getRoutesCommunity() {
-      return [{ text: "Community", children: routesCommunity }];
+      links: [
+        {
+          to: '/',
+          icon: 'mdi-home',
+          text: 'Home',
+        },
+        {
+          icon: 'mdi-khanda',
+          text: 'Community',
+          subLinks: [...routesCommunity]
+        },
+        {
+          to: '/highscores',
+          icon: 'mdi-trophy',
+          text: 'Highscores',
+        },
+        {
+          to: '/guilds',
+          icon: 'mdi-khanda',
+          text: 'Guilds',
+        },
+        {
+          to: '/',
+          icon: 'mdi-cart-outline',
+          text: 'Shop',
+        },
+        {
+          to: '/downloads',
+          icon: 'mdi-download-outline',
+          text: 'Download',
+        },
+      ]
     }
   }
 })
diff --git a/frontend/components/organisms/layout/MenuMobile.vue b/frontend/components/organisms/layout/MenuMobile.vue
index d40252d..a7c333b 100644
--- a/frontend/components/organisms/layout/MenuMobile.vue
+++ b/frontend/components/organisms/layout/MenuMobile.vue
@@ -5,7 +5,7 @@
     :clipped="false"
     absolute
     app
-    class="text-center"
+    class="menu-mobile text-center"
   >      
     <MenuMobileOptions :miniVariant="miniVariant"/>
   </v-navigation-drawer>
diff --git a/frontend/layouts/dashboard.vue b/frontend/layouts/dashboard.vue
index 5647a49..bf07cf0 100644
--- a/frontend/layouts/dashboard.vue
+++ b/frontend/layouts/dashboard.vue
@@ -31,7 +31,7 @@
       :clipped="clipped"
       absolute
       app
-      class="text-center"
+      class="dashboard-drawer text-center"
     >
       <div> 
         <NuxtLink to="/">
diff --git a/frontend/utils/routes.ts b/frontend/utils/routes.ts
index 972e4d3..d1c8182 100644
--- a/frontend/utils/routes.ts
+++ b/frontend/utils/routes.ts
@@ -11,10 +11,12 @@ export const routesAccount = [
 
 export const routesCommunity = [
   {
+    icon: 'mdi-human-queue',
     text: "Who is online?",
     to: "/online"
   },
   {
+    icon: 'mdi-skull-outline',
     text: "Lastkills",
     to: "/lastkills"
   },

From baf78c2d9785df258c644bab1934d5e248cfdbc9 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Thu, 3 Feb 2022 20:40:01 -0300
Subject: [PATCH 26/48] [BACK] feat: added ranking filter

---
 backend/README.md                             |  8 +--
 backend/app/Controllers/Highscores/Main.ts    | 34 +++++-----
 .../Services/Highscores/HighscoresService.ts  | 67 +++++++++++++++++++
 backend/contracts/enums/Skills.ts             |  9 +++
 backend/start/routes/highscores.ts            |  2 +-
 5 files changed, 96 insertions(+), 24 deletions(-)
 create mode 100644 backend/app/Services/Highscores/HighscoresService.ts
 create mode 100644 backend/contracts/enums/Skills.ts

diff --git a/backend/README.md b/backend/README.md
index 574154f..6bf0d73 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -64,10 +64,10 @@ $ npm run start
 
 ##  🕵🏾‍♂️  Routes Highscores
 
-| METHOD | ENDPOINT                   | DESCRIPTION                           |
-| :----- | :------------------------- | :------------------------------------ |
-| GET    | /highscores                | Get Top 5 Players                     |
-| POST   | /highscores/:page/:limit   | Ranking Players                       |
+| METHOD | ENDPOINT                         | DESCRIPTION                           |
+| :----- | :------------------------------- | :------------------------------------ |
+| GET    | /highscores                      | Get Top 5 Players                     |
+| POST   | /highscores/:page/:limit/:type   | Ranking Players                       |
 
 <br>
 
diff --git a/backend/app/Controllers/Highscores/Main.ts b/backend/app/Controllers/Highscores/Main.ts
index faacb7b..65b2ea3 100644
--- a/backend/app/Controllers/Highscores/Main.ts
+++ b/backend/app/Controllers/Highscores/Main.ts
@@ -1,33 +1,29 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import HighscoresService from 'App/Services/Highscores/HighscoresService'
 
 export default class HighscoresController {
-  public async show({ response }: HttpContextContract) {
+  public highscoresService: HighscoresService = new HighscoresService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      const topRank = await Database
-        .from('players')
-        .select('id', 'name', 'level', 'vocation', 'experience', 'online')
-        .orderBy('experience', 'desc')
-        .limit(5);
-      return response.status(200).send({ result: topRank});
+      const topRank = await this.highscoresService.topRankPlayers();
+
+      return ctx.response.status(200).send({ result: topRank });
     } catch(err) {
-      console.log('Error getTop5Players Query: ', err);
-      return response.status(400).send({ error: 'An error occurred, check the api console.'});
+      console.log('Error getTop5Players: ', err);
+      return ctx.response.status(400).send({ error: 'An error occurred, check the api console.'});
     }
   }
 
-  public async getRank({ request, response }: HttpContextContract) {
+  public async getRank(ctx: HttpContextContract) {
     try {
-      const rank = await Database
-        .from('players')
-        .select('name', 'vocation', 'level', 'experience', 'online')
-        .orderBy('experience', 'desc')
-        .paginate(request.param('page', 1), request.param('limit'));
+      console.log(ctx.request.param('type'))
+      const rank = await this.highscoresService.find(ctx.request.param('page'), ctx.request.param('limit'), ctx.request.param('type'));
       
-      return response.status(200).send({ status: 200, result: rank});
+      return ctx.response.status(200).send({ status: 200, result: rank});
     } catch (err) {
-      console.log('Error getRanking Query: ', err);
-      return response.status(404).send({ error: 'An error ocurred, check the api console.' });
+      console.log('Error getRanking: ', err);
+      return ctx.response.status(404).send({ error: 'An error ocurred, check the api console.' });
     }
   }
 }
diff --git a/backend/app/Services/Highscores/HighscoresService.ts b/backend/app/Services/Highscores/HighscoresService.ts
new file mode 100644
index 0000000..efeb9f5
--- /dev/null
+++ b/backend/app/Services/Highscores/HighscoresService.ts
@@ -0,0 +1,67 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+import { Skills } from 'Contracts/enums/Skills'
+
+export default class HighscoresService {
+  public async topRankPlayers(): Promise<Object[]> {
+    return await Database
+      .from('players')
+      .select('id', 'name', 'level', 'vocation', 'experience', 'online')
+      .where('deleted', '=', 0)
+      .andWhere('group_id', '<', 4)
+      .orderBy('experience', 'desc')
+      .limit(5);
+  }
+  
+  public async find(page: number, limit: number, type: string): Promise<Object[]> {  
+    if (type === 'Experience')  
+      return await Database
+        .from('players')
+        .select('name', 'vocation', 'level', 'experience', 'online')
+        .where('deleted', '=', 0)
+        .andWhere('group_id', '<', 4)
+        .orderBy('experience', 'desc')
+        .paginate(page, limit);
+
+    else if (type === 'Magic')
+      return await Database
+        .from('players')
+        .select('name', 'vocation', 'maglevel', 'experience', 'online')
+        .where('deleted', '=', 0)
+        .andWhere('group_id', '<', 4)
+        .orderBy('maglevel', 'desc')
+        .paginate(page, limit);
+
+    else {
+      const skill = Skills.find((skill) => skill.text === type)?.value;
+      
+      return await Database
+        .from('players')
+        .innerJoin('player_skills', 'player_skills.player_id', 'players.id')
+        .select('players.name', 'players.vocation', 'player_skills.value')
+        .where('players.deleted', '=', 0)
+        .andWhere('players.group_id', '<', 4)
+        .andWhere('player_skills.skillid', '=', skill || 0)
+        .orderBy('player_skills.value', 'desc')
+        .paginate(page, limit);
+    }
+  }
+
+  public async update(data: { id: number, name: string }): Promise<String> {
+    const character = await Database
+      .from('players')
+      .select('id')
+      .where('name', '=', data.name)
+      .andWhere('id', '<>', data.id);
+    
+    if (character.length)
+      return "Error. The username is already used.";
+      
+    const affectedRows = await Database.from('players').where('id', '=', data.id).update(data);
+
+    if (!affectedRows)
+      return "Character not found.";
+    
+    return "Character successfully updated.";
+  }
+
+}
\ No newline at end of file
diff --git a/backend/contracts/enums/Skills.ts b/backend/contracts/enums/Skills.ts
new file mode 100644
index 0000000..54854de
--- /dev/null
+++ b/backend/contracts/enums/Skills.ts
@@ -0,0 +1,9 @@
+export const Skills = [
+  { value: 0, text: "Speed" },
+  { value: 1, text: "Club" },
+  { value: 2, text: "Sword" },
+  { value: 3, text: "Axe" },
+  { value: 4, text: "Distance" },
+  { value: 5, text: "Shielding" },
+  { value: 6, text: "Fishing" },
+]
\ No newline at end of file
diff --git a/backend/start/routes/highscores.ts b/backend/start/routes/highscores.ts
index 211270e..996f238 100644
--- a/backend/start/routes/highscores.ts
+++ b/backend/start/routes/highscores.ts
@@ -1,4 +1,4 @@
 import Route from '@ioc:Adonis/Core/Route';
 
 Route.get('/highscores', 'Highscores/Main.show');
-Route.get('/highscores/:page/:limit', 'Highscores/Main.getRank');
\ No newline at end of file
+Route.get('/highscores/:page/:limit/:type', 'Highscores/Main.getRank');
\ No newline at end of file

From 60fd02a2c5df5ad1b983704c5cdfd5cc2dd66aa7 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Thu, 3 Feb 2022 21:24:22 -0300
Subject: [PATCH 27/48] [FRONT] feat: added ranking filter

---
 backend/app/Controllers/Highscores/Main.ts    |  2 +-
 .../Services/Highscores/HighscoresService.ts  |  5 +-
 backend/contracts/enums/Skills.ts             |  2 +-
 frontend/assets/css/main.css                  | 10 +++
 frontend/assets/css/tibia-custom.css          |  1 +
 .../molecules/highscores/HighscoresTable.vue  | 27 +++++---
 .../organisms/highscores/Highscores.vue       | 69 +++++++++++++++----
 frontend/store/highscores/ranking.ts          | 20 +++++-
 8 files changed, 109 insertions(+), 27 deletions(-)

diff --git a/backend/app/Controllers/Highscores/Main.ts b/backend/app/Controllers/Highscores/Main.ts
index 65b2ea3..0139c25 100644
--- a/backend/app/Controllers/Highscores/Main.ts
+++ b/backend/app/Controllers/Highscores/Main.ts
@@ -18,7 +18,7 @@ export default class HighscoresController {
   public async getRank(ctx: HttpContextContract) {
     try {
       console.log(ctx.request.param('type'))
-      const rank = await this.highscoresService.find(ctx.request.param('page'), ctx.request.param('limit'), ctx.request.param('type'));
+      const rank = await this.highscoresService.find(ctx.request.param('page'), ctx.request.param('limit'), ctx.request.param('type').replace(/%20/g, " "));
       
       return ctx.response.status(200).send({ status: 200, result: rank});
     } catch (err) {
diff --git a/backend/app/Services/Highscores/HighscoresService.ts b/backend/app/Services/Highscores/HighscoresService.ts
index efeb9f5..73f5c3e 100644
--- a/backend/app/Services/Highscores/HighscoresService.ts
+++ b/backend/app/Services/Highscores/HighscoresService.ts
@@ -13,6 +13,7 @@ export default class HighscoresService {
   }
   
   public async find(page: number, limit: number, type: string): Promise<Object[]> {  
+    console.log(type);
     if (type === 'Experience')  
       return await Database
         .from('players')
@@ -22,10 +23,10 @@ export default class HighscoresService {
         .orderBy('experience', 'desc')
         .paginate(page, limit);
 
-    else if (type === 'Magic')
+    else if (type === 'Magic Level')
       return await Database
         .from('players')
-        .select('name', 'vocation', 'maglevel', 'experience', 'online')
+        .select('name', 'vocation', 'maglevel as value', 'experience', 'online')
         .where('deleted', '=', 0)
         .andWhere('group_id', '<', 4)
         .orderBy('maglevel', 'desc')
diff --git a/backend/contracts/enums/Skills.ts b/backend/contracts/enums/Skills.ts
index 54854de..4ccef2c 100644
--- a/backend/contracts/enums/Skills.ts
+++ b/backend/contracts/enums/Skills.ts
@@ -1,5 +1,5 @@
 export const Skills = [
-  { value: 0, text: "Speed" },
+  { value: 0, text: "Attack Speed" },
   { value: 1, text: "Club" },
   { value: 2, text: "Sword" },
   { value: 3, text: "Axe" },
diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index 96340bb..af5f712 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -384,4 +384,14 @@
 
 .v-application--is-ltr .v-list-group--no-action > .v-list-group__items > .v-list-item {
   padding-left: 40px !important;
+}
+
+.btn-highscores {
+  color: var(--heading-color);
+}
+
+.theme--light.v-bottom-navigation {
+  background-color: inherit !important;
+  box-shadow: none !important;
+  color: var(--main-color) !important;
 }
\ No newline at end of file
diff --git a/frontend/assets/css/tibia-custom.css b/frontend/assets/css/tibia-custom.css
index a3d52a2..7151b2d 100644
--- a/frontend/assets/css/tibia-custom.css
+++ b/frontend/assets/css/tibia-custom.css
@@ -20,6 +20,7 @@
 
 #app {
   background-color: var(--bg-main-color);
+  color: var(--heading-color) !important;
 }
 
 #header {
diff --git a/frontend/components/molecules/highscores/HighscoresTable.vue b/frontend/components/molecules/highscores/HighscoresTable.vue
index f83999e..d1ab5c9 100644
--- a/frontend/components/molecules/highscores/HighscoresTable.vue
+++ b/frontend/components/molecules/highscores/HighscoresTable.vue
@@ -43,14 +43,24 @@ export default Vue.extend({
   },
 
   computed: {
+    $type(): string {
+      return ranking.$type;
+    },
+
     getHeaders(): Object[] {
-      return [
+      const items = [
         { text: 'Rank', value: 'position', align: 'center', sortable: false },
         { text: 'Name', value: 'name', align: 'center', sortable: false },
-        { text: 'Level', value: 'level', align: 'center', sortable: false },
-        { text: 'Experience', value: 'experience', align: 'center', sortable: false },
       ];
-    }
+
+      if (this.$type === "Experience") {
+        items.push({ text: 'Level', value: 'level', align: 'center', sortable: false }, { text: 'Experience', value: 'experience', align: 'center', sortable: false })
+      } else {
+        items.push({ text: 'Skill', value: 'value', align: 'center', sortable: false })
+      }
+
+      return items;
+    },
   },
 
   watch: {
@@ -60,6 +70,10 @@ export default Vue.extend({
       },
       deep: true,
     },
+
+    $type(v) {
+      this.getPlayers();
+    }
   },
 
   methods: {
@@ -68,10 +82,7 @@ export default Vue.extend({
 
       const { page, itemsPerPage } = this.options;
       
-      const response = await ranking.getTopRank({
-        page,
-        limit: itemsPerPage
-      });
+      const response = await ranking.getTopRank({ page, limit: itemsPerPage, type: ranking.$type });
 
       if (response.status === 200) {
         this.$set(this, 'playersData', response.data);
diff --git a/frontend/components/organisms/highscores/Highscores.vue b/frontend/components/organisms/highscores/Highscores.vue
index 58bfd60..2ef82d5 100644
--- a/frontend/components/organisms/highscores/Highscores.vue
+++ b/frontend/components/organisms/highscores/Highscores.vue
@@ -1,18 +1,46 @@
 <template>
   <div class="container">
-    <v-row>
-      <v-spacer></v-spacer>
-      <v-col cols="2" class="text-right">
-        <v-tooltip bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn icon color="gray" class="mt-6">
-              <v-icon v-bind="attrs" v-on="on"> mdi-filter </v-icon>
-            </v-btn>
-          </template>
-          <span>Filtrar</span>
-        </v-tooltip>
-      </v-col>
-    </v-row>
+    <v-bottom-navigation v-model="value">
+      <v-btn value="Experience">
+        <span class="btn-highscores">Experience</span>
+        <v-icon>mdi-karate</v-icon>
+      </v-btn>
+
+      <v-btn value="Magic Level">
+        <span>Magic Level</span>
+        <v-icon>mdi-creation</v-icon>
+      </v-btn>
+
+      <v-btn value="Attack Speed">
+        <span>Attack Speed</span>
+        <v-icon>mdi-run-fast</v-icon>
+      </v-btn>
+
+      <v-btn value="Club">
+        <span>Glove</span>
+        <v-icon>mdi-arm-flex</v-icon>
+      </v-btn>
+
+      <v-btn value="Sword">
+        <span>Sword</span>
+        <v-icon>mdi-sword</v-icon>
+      </v-btn>
+
+      <v-btn value="Bow">
+        <span>Distance</span>
+        <v-icon>mdi-bow-arrow</v-icon>
+      </v-btn>
+
+      <v-btn value="Axe">
+        <span>Axe</span>
+        <v-icon>mdi-axe-battle</v-icon>
+      </v-btn>
+
+      <v-btn value="Shielding">
+        <span>Shield</span>
+        <v-icon>mdi-shield-sun-outline</v-icon>
+      </v-btn>
+    </v-bottom-navigation>
 
     <HighscoresTable
       :search="search"
@@ -23,13 +51,28 @@
 
 <script lang="ts">
 import Vue from 'vue'
+import { ranking } from '@/store'
+
 export default Vue.extend({
   data() {
     return {
+      value: 'Experience',
       search: ''
     }
   },
 
+  computed: {
+    $type() {
+      return ranking.$type
+    }
+  },
+
+  watch: {
+    value(v) {
+      ranking.setType(v);
+    }
+  },
+
   methods: {
     updateSearch(value: string): void {
       this.$set(this, "search", value);
diff --git a/frontend/store/highscores/ranking.ts b/frontend/store/highscores/ranking.ts
index d8d8862..ff0c6e0 100644
--- a/frontend/store/highscores/ranking.ts
+++ b/frontend/store/highscores/ranking.ts
@@ -14,10 +14,26 @@ import { Paginate } from '@/models'
 })
 
 export default class Ranking extends VuexModule {
+  private type = "";
+
+  public get $type() {
+    return this.type;
+  }
+
+  @Mutation
+  private UPDATE_TYPE(type: string) {
+    this.type = type;
+  }
+
+  @Action
+  public setType(type: string) {
+    this.context.commit('UPDATE_TYPE', type);
+  }
+
   @Action
-  public async getTopRank(payload: Paginate) {
+  public async getTopRank(payload: { page: number, limit: number, type: string}) {
     try {
-      return await $axios.$get(`highscores/${payload.page}/${payload.limit}`)
+      return await $axios.$get(`highscores/${payload.page}/${payload.limit}/${payload.type || "Experience"}`)
         .then((response) => {
           if (!response) 
             throw new Error(response);

From cf9743f0b9f1952284dce916b79a1057e55faa2c Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Thu, 3 Feb 2022 22:11:02 -0300
Subject: [PATCH 28/48] [BACK] feat: added top kills filter

---
 backend/app/Controllers/Highscores/Main.ts        |  1 -
 .../app/Services/Highscores/HighscoresService.ts  | 15 +++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/backend/app/Controllers/Highscores/Main.ts b/backend/app/Controllers/Highscores/Main.ts
index 0139c25..8341e01 100644
--- a/backend/app/Controllers/Highscores/Main.ts
+++ b/backend/app/Controllers/Highscores/Main.ts
@@ -17,7 +17,6 @@ export default class HighscoresController {
 
   public async getRank(ctx: HttpContextContract) {
     try {
-      console.log(ctx.request.param('type'))
       const rank = await this.highscoresService.find(ctx.request.param('page'), ctx.request.param('limit'), ctx.request.param('type').replace(/%20/g, " "));
       
       return ctx.response.status(200).send({ status: 200, result: rank});
diff --git a/backend/app/Services/Highscores/HighscoresService.ts b/backend/app/Services/Highscores/HighscoresService.ts
index 73f5c3e..bdabb35 100644
--- a/backend/app/Services/Highscores/HighscoresService.ts
+++ b/backend/app/Services/Highscores/HighscoresService.ts
@@ -13,7 +13,6 @@ export default class HighscoresService {
   }
   
   public async find(page: number, limit: number, type: string): Promise<Object[]> {  
-    console.log(type);
     if (type === 'Experience')  
       return await Database
         .from('players')
@@ -32,13 +31,25 @@ export default class HighscoresService {
         .orderBy('maglevel', 'desc')
         .paginate(page, limit);
 
+    else if (type === 'Frags')
+      return await Database
+        .from('players')
+        .innerJoin('player_killers', 'player_killers.player_id', 'players.id')
+        .select('players.name', 'players.vocation', 'players.online')
+        .count('player_killers.player_id as value')
+        .where('players.deleted', '=', 0)
+        .andWhere('players.group_id', '<', 4)
+        .groupBy('players.name')
+        .orderBy('value', 'desc')
+        .paginate(page, limit);
+
     else {
       const skill = Skills.find((skill) => skill.text === type)?.value;
       
       return await Database
         .from('players')
         .innerJoin('player_skills', 'player_skills.player_id', 'players.id')
-        .select('players.name', 'players.vocation', 'player_skills.value')
+        .select('players.name', 'players.vocation', 'player_skills.value', 'players.online')
         .where('players.deleted', '=', 0)
         .andWhere('players.group_id', '<', 4)
         .andWhere('player_skills.skillid', '=', skill || 0)

From c33af6a18ba05876c72b573846151fe5c4cbb67e Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Thu, 3 Feb 2022 22:11:12 -0300
Subject: [PATCH 29/48] [FRONT] feat: added top kills filter

---
 README.md                                     |   2 +-
 frontend/assets/css/main.css                  |  12 ++
 .../molecules/highscores/HighscoresTable.vue  |  10 +-
 .../organisms/highscores/Highscores.vue       | 106 +++++++++++-------
 4 files changed, 87 insertions(+), 43 deletions(-)

diff --git a/README.md b/README.md
index 2e8754d..4e415bb 100644
--- a/README.md
+++ b/README.md
@@ -108,7 +108,7 @@ This repository follows the semantic commit pattern, with the addition of the ta
 <ul>
   <li> [x] Widget Highscores </li>
   <li> [x] Show Highscores </li>
-  <li> [ ] Create/Apply Filters </li>
+  <li> [x] Create/Apply Filters </li>
 </ul>
 
 ### Guilds
diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css
index af5f712..21c3847 100644
--- a/frontend/assets/css/main.css
+++ b/frontend/assets/css/main.css
@@ -394,4 +394,16 @@
   background-color: inherit !important;
   box-shadow: none !important;
   color: var(--main-color) !important;
+}
+
+.theme--light.v-select .v-select__selections {
+  color: var(--heading-color) !important;
+}
+
+.theme--light.v-data-table .v-data-table__empty-wrapper {
+  color: var(--heading-color) !important;
+}
+
+.theme--light.v-btn.v-btn--has-bg {
+  background-color: transparent !important;
 }
\ No newline at end of file
diff --git a/frontend/components/molecules/highscores/HighscoresTable.vue b/frontend/components/molecules/highscores/HighscoresTable.vue
index d1ab5c9..81936f3 100644
--- a/frontend/components/molecules/highscores/HighscoresTable.vue
+++ b/frontend/components/molecules/highscores/HighscoresTable.vue
@@ -54,8 +54,14 @@ export default Vue.extend({
       ];
 
       if (this.$type === "Experience") {
-        items.push({ text: 'Level', value: 'level', align: 'center', sortable: false }, { text: 'Experience', value: 'experience', align: 'center', sortable: false })
-      } else {
+        items.push(
+          { text: 'Level', value: 'level', align: 'center', sortable: false }, 
+          { text: 'Experience', value: 'experience', align: 'center d-none d-sm-table-cell', sortable: false }
+        )
+      } else if (this.$type === "Frags") {
+        items.push({ text: 'Frags', value: 'value', align: 'center', sortable: false })
+      }
+      else {
         items.push({ text: 'Skill', value: 'value', align: 'center', sortable: false })
       }
 
diff --git a/frontend/components/organisms/highscores/Highscores.vue b/frontend/components/organisms/highscores/Highscores.vue
index 2ef82d5..a206487 100644
--- a/frontend/components/organisms/highscores/Highscores.vue
+++ b/frontend/components/organisms/highscores/Highscores.vue
@@ -1,47 +1,26 @@
 <template>
   <div class="container">
-    <v-bottom-navigation v-model="value">
-      <v-btn value="Experience">
-        <span class="btn-highscores">Experience</span>
-        <v-icon>mdi-karate</v-icon>
-      </v-btn>
-
-      <v-btn value="Magic Level">
-        <span>Magic Level</span>
-        <v-icon>mdi-creation</v-icon>
-      </v-btn>
-
-      <v-btn value="Attack Speed">
-        <span>Attack Speed</span>
-        <v-icon>mdi-run-fast</v-icon>
-      </v-btn>
-
-      <v-btn value="Club">
-        <span>Glove</span>
-        <v-icon>mdi-arm-flex</v-icon>
-      </v-btn>
-
-      <v-btn value="Sword">
-        <span>Sword</span>
-        <v-icon>mdi-sword</v-icon>
-      </v-btn>
-
-      <v-btn value="Bow">
-        <span>Distance</span>
-        <v-icon>mdi-bow-arrow</v-icon>
-      </v-btn>
-
-      <v-btn value="Axe">
-        <span>Axe</span>
-        <v-icon>mdi-axe-battle</v-icon>
-      </v-btn>
-
-      <v-btn value="Shielding">
-        <span>Shield</span>
-        <v-icon>mdi-shield-sun-outline</v-icon>
+    <v-bottom-navigation v-model="value" v-if="!$vuetify.breakpoint.mdAndDown">
+      <v-btn v-for="(item, idx) in options" :key="idx" :value="item.value">
+        <span>{{ item.text }}</span>
+        <v-icon>{{ item.icon }}</v-icon>
       </v-btn>
     </v-bottom-navigation>
 
+    <v-select 
+      v-else
+      :value="value"
+      :items="options"
+      :menu-props="{ bottom: true, offsetY: true }"
+      return-object
+      outlined
+      dense
+      hide-details
+      @change="($event) => {
+        value = $event.text;
+      }"
+    />
+
     <HighscoresTable
       :search="search"
       class="mt-2"
@@ -57,7 +36,54 @@ export default Vue.extend({
   data() {
     return {
       value: 'Experience',
-      search: ''
+      search: '',
+      options: [
+        {
+          value: "Experience",
+          icon: "mdi-karate",
+          text: "Experience"
+        },
+        {
+          value: "Magic Level",
+          icon: "mdi-creation",
+          text: "Magic Level"
+        },
+        {
+          value: "Attack Speed",
+          icon: "mdi-run-fast",
+          text: "Attack Speed"
+        },
+        {
+          value: "Club",
+          icon: "mdi-arm-flex",
+          text: "Club"
+        },
+        {
+          value: "Sword",
+          icon: "mdi-sword",
+          text: "Sword"
+        },
+        {
+          value: "Distance",
+          icon: "mdi-bow-arrow",
+          text: "Distance"
+        },
+        {
+          value: "Axe",
+          icon: "mdi-axe-battle",
+          text: "Axe"
+        },
+        {
+          value: "Shielding",
+          icon: "mdi-shield-sun-outline",
+          text: "Shielding"
+        },
+        {
+          value: "Frags",
+          icon: "mdi-skull-outline",
+          text: "Frags"
+        },
+      ]
     }
   },
 

From 2a5d78be9e4ac58c34d27eae5be2d28dd2b63b79 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:06:42 -0300
Subject: [PATCH 30/48] [BACK] feat: created character and account service

---
 backend/README.md                             |  30 ++--
 backend/app/Controllers/Account/Characters.ts | 143 ++----------------
 backend/app/Controllers/Players/Main.ts       | 133 +++++++++++++---
 backend/app/Models/Items.ts                   |  24 +++
 backend/app/Models/index.ts                   |   5 +-
 backend/app/Services/AccountService.ts        |  25 +++
 backend/app/Services/CharacterService.ts      | 129 ++++++++++++++++
 backend/app/Services/HouseService.ts          |  12 ++
 backend/app/Services/index.ts                 |   3 +
 .../app/Validators/Account/Character/index.ts |   4 +-
 .../Character/DeleteValidator.ts              |   0
 .../NameValidator.ts}                         |   0
 backend/app/Validators/Character/index.ts     |   2 +
 backend/start/routes/account.ts               |  11 --
 backend/start/routes/character.ts             |  19 +++
 backend/start/routes/index.ts                 |   2 +-
 backend/start/routes/players.ts               |   7 -
 frontend/store/accounts/account.ts            |   6 +-
 18 files changed, 362 insertions(+), 193 deletions(-)
 create mode 100644 backend/app/Models/Items.ts
 create mode 100644 backend/app/Services/AccountService.ts
 create mode 100644 backend/app/Services/CharacterService.ts
 create mode 100644 backend/app/Services/HouseService.ts
 create mode 100644 backend/app/Services/index.ts
 rename backend/app/Validators/{Account => }/Character/DeleteValidator.ts (100%)
 rename backend/app/Validators/{Account/Character/UpdateValidator.ts => Character/NameValidator.ts} (100%)
 create mode 100644 backend/app/Validators/Character/index.ts
 create mode 100644 backend/start/routes/character.ts
 delete mode 100644 backend/start/routes/players.ts

diff --git a/backend/README.md b/backend/README.md
index 6bf0d73..d3ec348 100644
--- a/backend/README.md
+++ b/backend/README.md
@@ -46,9 +46,21 @@ $ npm run start
 | PUT    | /accounts/forgot-password       | Update Password                       |
 | GET    | /accounts/characters/:id        | Get characters to account             |
 | POST   | /accounts/create-character      | Create new character                  |
-| GET    | /accounts/change-character-name | Status system                         |
-| POST   | /accounts/change-character-name | Change character name                 |
-| POST   | /accounts/delete-character      | Delete character                      |
+
+<br>
+
+##  🕵🏾‍♂️  Routes Players
+
+| METHOD | ENDPOINT                   | DESCRIPTION                           |
+| :----- | :------------------------- | :------------------------------------ |
+| GET    | /player/:name              | Get Player Infos                      |
+| GET    | /player/:id/skills         | Get Player Skills                     |
+| GET    | /player/:id/storage/:key   | Get Player Storage                    |
+| POST   | /player/:id/deaths         | Get Player Last 10 Deaths             |
+| GET    | /player/:id/items          | Get Player Items equipment            |
+| GET    | /player/change-name        | Status system                         |
+| POST   | /player/change-name        | Change character name                 |
+| POST   | /player/delete             | Delete character                      |
 
 <br>
 
@@ -87,18 +99,6 @@ $ npm run start
 
 <br>
 
-##  🕵🏾‍♂️  Routes Players
-
-| METHOD | ENDPOINT                   | DESCRIPTION                           |
-| :----- | :------------------------- | :------------------------------------ |
-| GET    | /player/:name              | Get Player Infos                      |
-| GET    | /player/:id/skills         | Get Player Skills                     |
-| GET    | /player/:id/storage/:key   | Get Player Storage                    |
-| POST   | /player/:id/deaths         | Get Player Last 10 Deaths             |
-| GET    | /player/:id/items          | Get Player Items equipment            |
-
-<br>
-
 ## 🕵🏾‍♂️  Routes Guilds
 
 | METHOD | ENDPOINT                   | DESCRIPTION                           |
diff --git a/backend/app/Controllers/Account/Characters.ts b/backend/app/Controllers/Account/Characters.ts
index 40abcf2..45b578b 100644
--- a/backend/app/Controllers/Account/Characters.ts
+++ b/backend/app/Controllers/Account/Characters.ts
@@ -1,20 +1,15 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import { DeleteValidator, StoreValidator, UpdateValidator } from 'App/Validators/Account/Character'
+import { StoreValidator } from 'App/Validators/Account/Character'
 import { Vocations } from 'Contracts/enums/Vocations'
-import { Account } from 'App/Models'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { Item, Player } from 'App/Models'
 import Env from '@ioc:Adonis/Core/Env'
-import encrypt from 'js-sha1'
+
+import {
+  CharacterService,
+} from 'App/Services'
 
 export default class CharactersAccount {
-  
-  private async getCharacters(account_id: number) {
-    return await Database
-      .from('players')
-      .select('players.id', 'players.level', 'players.name', 'players.vocation')
-      .where('players.account_id', account_id)
-      .orderBy('players.experience', 'desc');
-  }
+  public characterService: CharacterService = new CharacterService();
 
   public async store({ request, response, auth }: HttpContextContract) {
     try {
@@ -26,7 +21,7 @@ export default class CharactersAccount {
         return response.unauthorized();
       }
 
-      const characters = await this.getCharacters(account.id);
+      const characters = await this.characterService.getByAccount(account.id);
       
       if (characters.length >= Env.get('CHARACTERS_PER_ACCOUNT')) {
         return response.status(404).send({ message: 'You have too many characters on your account ' + characters.length + '/' + Env.get('CHARACTERS_PER_ACCOUNT')});
@@ -38,7 +33,7 @@ export default class CharactersAccount {
         return response.status(404).send({ message: 'Vocation invalid'});
       }
 
-      const characterCopy = await Database.from('players').select('*').where('name', '=', vocation.name);
+      const characterCopy: Player[] = await this.characterService.findByName(vocation.name) as Player[];
       
       if (!characterCopy.length) {
         console.log("Error find Sample Character: Edit file Vocations in contracts/enums/Vocations and set valid characters to copy names. Name Character to copy: " + vocation.name + " doesn\'t exist.");
@@ -59,38 +54,26 @@ export default class CharactersAccount {
         created: 0
       });
 
-      const result = await Database.table('players').returning('id').insert(newPlayer);
+      const result = await this.characterService.create(newPlayer);
 
-      const player = await Database.from('players').select('*').where('id', '=', result[0]);
+      const player: Player[] = await this.characterService.findById(result[0]) as Player[];
 
       if (!player.length) {
         return response.status(404).send({ message: "Error. Can't create character. Probably problem with database. Please try again later or contact with admin."});
       }
 
       for(let i = 0; i < 7; i++) {
-        const skillExists = await Database.from('player_skills').select('skillid').where('player_id', '=', player[0].id).andWhere('skillid', '=', i);
+        const skillExists = await this.characterService.checkSkillId(player[0].id, i);
 
         if (!skillExists.length) {
-          await Database.table('player_skills').insert({
-            player_id: player[0].id,
-            skillid: i,
-            value: 10,
-            count: 0
-          })
+          await this.characterService.insertSkill(player[0].id, i);
         }
       }
 
-      const items_to_copy = await Database.from('player_items').select('*').where('player_id', '=', characterCopy[0].id);
+      const items_to_copy: Item[] = await this.characterService.getItems(characterCopy[0].id) as Item[];
 
       for(let item of items_to_copy) {
-        await Database.table('player_skills').insert({
-          player_id: player[0].id,
-          pid: item.pid,
-          sid: item.sid,
-          itemtype: item.itemtype,
-          count: item.count,
-          attributes: item.attributes
-        })
+        await this.characterService.insertItems(player[0].id, item.pid, item.sid, item.itemtype, item.count, item.attributes);
       };
 
       return response.status(200).send({ status: 200, message: 'Character created successfully!'});
@@ -102,7 +85,7 @@ export default class CharactersAccount {
 
   public async show({ request, response }: HttpContextContract) {
     try {
-      const characters = await this.getCharacters(request.param('id'));
+      const characters = await this.characterService.getByAccount(request.param('id'));
 
       return response.status(200).send({ result: characters});
     } catch(err) {
@@ -110,98 +93,4 @@ export default class CharactersAccount {
       return response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
-
-  public async update({ request, response, auth }: HttpContextContract) {
-    try {
-      if (!Env.get('CHANGE_NAME')) {
-        return response.status(404).send({ message: 'Change character name is disabled.' });
-      }
-
-      const data = await request.validate(UpdateValidator);
-
-      const account = auth.user;
-
-      if (!account || !account.id) {
-        return response.unauthorized();
-      }
-
-      if (account.premium_points < Env.get('POINTS_TO_CHANGE_NAME')) {
-        return response.status(404).send({ message: "You don't have the points needed to change the name. It is necessary: " + Env.get('POINTS_TO_CHANGE_NAME') + " points." });
-      }
-
-      const character = await Database.from('players').select('name', 'online').where('id', '=', data.character_id).andWhere('account_id', '=', account.id);
-
-      if (!character.length)
-      {
-        return response.status(404).send({ message: 'The character does not belong to your account.' });
-      }
-
-      if (character[0].online === 1)
-      {
-        return response.status(404).send({ message: 'The character cannot be online.' });
-      }
-      
-      const updateCharacter = await Database.from('players').where('id', '=', data.character_id).update({ name: data.new_name });
-      
-      await Database.from('accounts').where('id', '=', account.id).update({ premium_points: account.premium_points - Env.get('POINTS_TO_CHANGE_NAME')});
-      
-      if (!updateCharacter) {
-        return response.status(404).send({ message: "Error. Can't change character name. Probably problem with database. Please try again later or contact with admin." });
-      }
-
-      return response.status(200).send({ status: 200, message: "The character " + character[0].name + " name has been changed to " + data.new_name + "." });
-    } catch(err) {
-      console.log('Error Change Character Name Query: ', err);
-      return response.badRequest(err.messages);
-    }
-  }
-
-  public async destroy({ request, response, auth }: HttpContextContract) {
-    try {
-      const data = await request.validate(DeleteValidator);
-
-      const account = auth.user;
-
-      if (!account || !account.id) 
-        return response.unauthorized();
-
-      const verifyPassword = await Account
-        .query()
-        .where('name', account.name)
-        .where('password', encrypt(data.password))
-        .firstOrFail();
-      
-      if (!verifyPassword)
-       return response.status(404).send({ message: 'Wrong password.' });
-      
-      const character = await Database
-        .from('players')
-        .select('name', 'deleted', 'online')
-        .where('id', '=', data.character_id)
-        .andWhere('account_id', '=', account.id);
-
-      if (!character.length)
-        return response.status(404).send({ message: 'The character does not belong to your account.' });
-      
-      if (character[0].online === 1)
-        return response.status(404).send({ message: 'You cannot delete a character that is online.' });
-      
-      if (character[0].deleted === 1)
-        return response.status(404).send({ message: 'This character is already deleted.' });
-      
-      const house = await Database.from('houses').select('id').where('owner', '=', data.character_id);
-
-      if (house.length) 
-        return response.status(404).send({ message: 'You cannot delete a character that has a house.' });
-      
-      const updateCharacter = await Database.from('players').where('id', '=', data.character_id).update({ deleted: 1 });
-
-      if (!updateCharacter)
-        return response.status(404).send({ message: "Error. Unable to delete character. Probably problem with database. Please try again later or contact with admin." });
-      
-      return response.status(200).send({ status: 200, message: "The character " + character[0].name + " has been deleted." });
-    } catch (err) {
-
-    }
-  }
 }
diff --git a/backend/app/Controllers/Players/Main.ts b/backend/app/Controllers/Players/Main.ts
index 80c5f10..a0fb0f6 100644
--- a/backend/app/Controllers/Players/Main.ts
+++ b/backend/app/Controllers/Players/Main.ts
@@ -1,35 +1,120 @@
-import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { 
+  HttpContextContract 
+} from '@ioc:Adonis/Core/HttpContext'
+
+import { 
+  DeleteValidator,
+  NameValidator 
+} from 'App/Validators/Character'
+
+import { 
+  Player 
+} from 'App/Models'
+
+import { 
+  AccountService,
+  CharacterService, 
+  HouseService
+} from 'App/Services'
+
+import Env from '@ioc:Adonis/Core/Env'
 
 export default class PlayersController {
-  public async show({ request, response }: HttpContextContract) {
+  public characterService: CharacterService = new CharacterService();
+  public accountService: AccountService = new AccountService();
+  public houseService: HouseService = new HouseService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      let name = request.param('name');
-
-      name = await name
-        .replace(/%20/g, " ")
-        .replace(/'+'/g, " ")
-        .replace(/'/g, "")
-        .replace(/%27/g, "")
-        .replace(/-/g, "")
-        .replace(/"/g, "")
-        .replace(/%22/g, "");
-
-      const player = await Database
-        .from('players')
-        .select('id', 'name', 'sex', 'vocation', 'level', 'maglevel', 'lastlogin', 'healthmax', 'manamax', 'online', 'created')
-        .where('name', name);
-      return response.status(200).send({ result: player});
+      const character = await this.characterService.findByName(ctx.request.param('name'));
 
+      return ctx.response.status(200).send({ result: character});
     } catch(err) {
-      console.log('Error getPlayer Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      console.log('Error getPlayer: ', err);
+      return ctx.response.status(400).send({ message: 'Character not found!'})
     }
   }
 
-  public async edit({}: HttpContextContract) {}
+  public async changeName(ctx: HttpContextContract) {
+    try {
+      if (!Env.get('CHANGE_NAME')) {
+        return ctx.response.status(404).send({ message: 'Change character name is disabled.' });
+      }
+  
+      const data = await ctx.request.validate(NameValidator);
+  
+      const account = ctx.auth.user;
+  
+      if (!account || !account.id) {
+        return ctx.response.unauthorized();
+      }
+  
+      if (account.premium_points < Env.get('POINTS_TO_CHANGE_NAME')) {
+        return ctx.response.status(404).send({ 
+          message: "You don't have the points needed to change the name. It is necessary: " + Env.get('POINTS_TO_CHANGE_NAME') + " points." 
+        });
+      }
+  
+      const character: Player[] = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
+  
+      if (!character.length)
+        return ctx.response.status(404).send({ message: 'The character does not belong to your account.' });
+  
+      if (character[0].online === 1)
+        return ctx.response.status(404).send({ message: 'The character cannot be online.' });
+      
+      const updateCharacter = await this.characterService.updateName(data.character_id, data.new_name);
+      
+      await this.accountService.removePremiumPoints(account.id, Env.get('POINTS_TO_CHANGE_NAME'));
+      
+      if (!updateCharacter)
+        return ctx.response.status(404).send({ message: "Error. Can't change character name. Probably problem with database. Please try again later or contact with admin." });
+  
+      return ctx.response.status(200).send({ status: 200, message: "The character " + character[0].name + " name has been changed to " + data.new_name + "." });
+    } catch (err) {
+      console.log('Error changing player name: ', err);
+      return ctx.response.status(400).send({ message: 'Character not found!'})
+    }
+  }
 
-  public async update({}: HttpContextContract) {}
+  public async destroy(ctx: HttpContextContract) {
+    try {
+      const data = await ctx.request.validate(DeleteValidator);
 
-  public async destroy({}: HttpContextContract) {}
+      const account = ctx.auth.user;
+
+      if (!account || !account.id) 
+        return ctx.response.unauthorized();
+
+      const verifyPassword = await this.accountService.validatePassword(account.id, data.password);
+      
+      if (!verifyPassword)
+       return ctx.response.status(404).send({ message: 'Wrong password.' });
+      
+      const character: Player[] = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
+
+      if (!character.length)
+        return ctx.response.status(404).send({ message: 'The character does not belong to your account.' });
+      
+      if (character[0].online === 1)
+        return ctx.response.status(404).send({ message: 'You cannot delete a character that is online.' });
+      
+      if (character[0].deleted === 1)
+        return ctx.response.status(404).send({ message: 'This character is already deleted.' });
+      
+      const house = await this.houseService.findByOwnerId(data.character_id);
+
+      if (house.length) 
+        return ctx.response.status(404).send({ message: 'You cannot delete a character that has a house.' });
+      
+      const updateCharacter = await this.characterService.delete(data.character_id);
+
+      if (!updateCharacter)
+        return ctx.response.status(404).send({ message: "Error. Unable to delete character. Probably problem with database. Please try again later or contact with admin." });
+      
+      return ctx.response.status(200).send({ status: 200, message: "The character " + character[0].name + " has been deleted." });
+    } catch (err) {
+
+    }
+  }
 }
diff --git a/backend/app/Models/Items.ts b/backend/app/Models/Items.ts
new file mode 100644
index 0000000..9af1d7b
--- /dev/null
+++ b/backend/app/Models/Items.ts
@@ -0,0 +1,24 @@
+import { BaseModel, column } from '@ioc:Adonis/Lucid/Orm'
+
+export default class Item extends BaseModel {
+  @column({ isPrimary: true })
+  public player_id: number
+
+  @column()
+  public pid: number
+
+  @column()
+  public sid: number
+
+  @column()
+  public itemtype: number
+
+  @column()
+  public count: number
+
+  @column()
+  public attributes: string
+
+  @column()
+  public serial: string
+}
diff --git a/backend/app/Models/index.ts b/backend/app/Models/index.ts
index 16f69a4..b08b7a7 100644
--- a/backend/app/Models/index.ts
+++ b/backend/app/Models/index.ts
@@ -1,4 +1,5 @@
 export { default as Account } from './Account';
 export { default as AccountKey } from './AccountKey';
-export { default as Player } from './Player';
-export { default as News } from './New';
\ No newline at end of file
+export { default as Item } from './Items';
+export { default as News } from './New';
+export { default as Player } from './Player';
\ No newline at end of file
diff --git a/backend/app/Services/AccountService.ts b/backend/app/Services/AccountService.ts
new file mode 100644
index 0000000..f30f109
--- /dev/null
+++ b/backend/app/Services/AccountService.ts
@@ -0,0 +1,25 @@
+import { Account } from 'App/Models'
+import Database from '@ioc:Adonis/Lucid/Database'
+import encrypt from 'js-sha1'
+
+export default class AccountService {
+  public async removePremiumPoints(account_id: number, premium_points: number): Promise<Object[]> {  
+    try {
+      const account = await Database.from('accounts').select('premium_points').where('id', '=', account_id);
+
+      return await Database.from('accounts').where('id', '=', account_id).update({ premium_points: account[0].premium_points - premium_points });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async validatePassword(account_id: number, password: string): Promise<Object[]> {
+    try {
+      return await Account.query().where('id', account_id).where('password', encrypt(password)).firstOrFail();
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
new file mode 100644
index 0000000..412e158
--- /dev/null
+++ b/backend/app/Services/CharacterService.ts
@@ -0,0 +1,129 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class CharacterService {
+  public async findById(character_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .select('*')
+        .where('id', character_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async findByName(name: string): Promise<Object[]> {  
+    try {
+      name = name.replace(/%20/g, " ").replace(/'+'/g, " ").replace(/'/g, "").replace(/%27/g, "").replace(/-/g, "").replace(/"/g, "").replace(/%22/g, "");
+
+      return await Database
+        .from('players')
+        .select('*')
+        .where('name', name);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async findByIdAndAccount(character_id: number, account_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .select('name', 'deleted', 'online')
+        .where('id', '=', character_id)
+        .andWhere('account_id', '=', account_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getByAccount(account_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .select('name', 'deleted', 'online')
+        .where('account_id', '=', account_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getItems(character_id: number): Promise<Object[]>  {
+    try {
+      return await Database.from('player_items').select('*').where('player_id', '=', character_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async checkSkillId(character_id: number, skill_id: number): Promise<Object[]> {
+    try {
+      return await Database.from('player_skills').select('skillid').where('player_id', '=', character_id).andWhere('skillid', '=', skill_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async create(newPlayer: Object): Promise<Number> {
+    try {
+      return await Database.table('players').returning('id').insert(newPlayer);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async insertSkill(character_id: number, skill_id: number, value: number = 10, count: number = 0): Promise<Number> {
+    try {
+      return await Database.table('player_skills').insert({
+        player_id: character_id,
+        skillid: skill_id,
+        value: value,
+        count: count
+      });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async insertItems(character_id: number, pid: number, sid: number, itemtype: number, count: number, attributes: string): Promise<Number> {
+    try {
+      return await Database.table('player_skills').insert({
+        player_id: character_id,
+        pid,
+        sid,
+        itemtype,
+        count,
+        attributes
+      });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async updateName(character_id: number, new_name: string): Promise<Object[]> {  
+    try {
+      return await Database.from('players').where('id', '=', character_id).update({ name: new_name });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async delete(character_id: number): Promise<Object[]> {
+    try {
+      return await Database.from('players').where('id', '=', character_id).update({ deleted: 1 });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/HouseService.ts b/backend/app/Services/HouseService.ts
new file mode 100644
index 0000000..7cadee4
--- /dev/null
+++ b/backend/app/Services/HouseService.ts
@@ -0,0 +1,12 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class HouseService {
+  public async findByOwnerId(character_id: number): Promise<Object[]> {  
+    try {
+      return await Database.from('houses').select('id').where('owner', '=', character_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
new file mode 100644
index 0000000..7098866
--- /dev/null
+++ b/backend/app/Services/index.ts
@@ -0,0 +1,3 @@
+export { default as AccountService } from './AccountService'
+export { default as CharacterService } from './CharacterService'
+export { default as HouseService } from './HouseService'
\ No newline at end of file
diff --git a/backend/app/Validators/Account/Character/index.ts b/backend/app/Validators/Account/Character/index.ts
index 31db118..70f4f41 100644
--- a/backend/app/Validators/Account/Character/index.ts
+++ b/backend/app/Validators/Account/Character/index.ts
@@ -1,3 +1 @@
-export { default as StoreValidator } from './StoreValidator'
-export { default as UpdateValidator } from './UpdateValidator'
-export { default as DeleteValidator } from './DeleteValidator'
\ No newline at end of file
+export { default as StoreValidator } from './StoreValidator'
\ No newline at end of file
diff --git a/backend/app/Validators/Account/Character/DeleteValidator.ts b/backend/app/Validators/Character/DeleteValidator.ts
similarity index 100%
rename from backend/app/Validators/Account/Character/DeleteValidator.ts
rename to backend/app/Validators/Character/DeleteValidator.ts
diff --git a/backend/app/Validators/Account/Character/UpdateValidator.ts b/backend/app/Validators/Character/NameValidator.ts
similarity index 100%
rename from backend/app/Validators/Account/Character/UpdateValidator.ts
rename to backend/app/Validators/Character/NameValidator.ts
diff --git a/backend/app/Validators/Character/index.ts b/backend/app/Validators/Character/index.ts
new file mode 100644
index 0000000..737dc3f
--- /dev/null
+++ b/backend/app/Validators/Character/index.ts
@@ -0,0 +1,2 @@
+export { default as NameValidator } from './NameValidator'
+export { default as DeleteValidator } from './DeleteValidator'
\ No newline at end of file
diff --git a/backend/start/routes/account.ts b/backend/start/routes/account.ts
index 65cc7b3..ef2e198 100644
--- a/backend/start/routes/account.ts
+++ b/backend/start/routes/account.ts
@@ -1,5 +1,4 @@
 import Route from '@ioc:Adonis/Core/Route';
-import Env from '@ioc:Adonis/Core/Env'
 
 Route.post('/accounts/register', 'Account/Register.store');
 Route.get('/accounts/register/:code', 'Account/Register.show');
@@ -12,13 +11,3 @@ Route.get('/accounts', 'Account/Main.show').middleware('auth')
 
 Route.get('/accounts/characters/:id', 'Account/Characters.show').middleware('auth');
 Route.post('/accounts/create-character', 'Account/Characters.store').middleware('auth');
-
-Route.get('/accounts/change-character-name', ({ response }) => {
-  response.status(200).send({ 
-    enabled: Env.get('CHANGE_NAME'),
-    points: Env.get('POINTS_TO_CHANGE_NAME')
-  });
-}).middleware('auth');
-
-Route.post('/accounts/change-character-name', 'Account/Characters.update').middleware('auth');
-Route.post('/accounts/delete-character', 'Account/Characters.destroy').middleware('auth');
\ No newline at end of file
diff --git a/backend/start/routes/character.ts b/backend/start/routes/character.ts
new file mode 100644
index 0000000..83bdaed
--- /dev/null
+++ b/backend/start/routes/character.ts
@@ -0,0 +1,19 @@
+import Route from '@ioc:Adonis/Core/Route';
+import Env from '@ioc:Adonis/Core/Env'
+
+Route.get('/player/:name', 'Players/Main.show');
+Route.get('/player/:id/skills', 'Players/Skills.show');
+Route.get('/player/:id/storage/:key', 'Players/Storage.show');
+Route.post('/player/:id/deaths', 'Players/Deaths.show');
+Route.get('/player/:id/items', 'Players/Items.show');
+
+// Change name
+Route.get('/player/change-name', ({ response }) => {
+  response.status(200).send({ 
+    enabled: Env.get('CHANGE_NAME'),
+    points: Env.get('POINTS_TO_CHANGE_NAME')
+  });
+}).middleware('auth');
+Route.post('/player/change-name', 'Players/Main.changeName').middleware('auth');
+
+Route.post('/player/delete-character', 'Players/Main.destroy').middleware('auth');
\ No newline at end of file
diff --git a/backend/start/routes/index.ts b/backend/start/routes/index.ts
index ef2c16a..4c2090b 100644
--- a/backend/start/routes/index.ts
+++ b/backend/start/routes/index.ts
@@ -2,7 +2,7 @@ import Route from '@ioc:Adonis/Core/Route';
 import './auth';
 import './account';
 import './highscores';
-import './players';
+import './character';
 import './dashboard/home';
 import './dashboard/accounts';
 import './dashboard/character';
diff --git a/backend/start/routes/players.ts b/backend/start/routes/players.ts
deleted file mode 100644
index 0ed026c..0000000
--- a/backend/start/routes/players.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import Route from '@ioc:Adonis/Core/Route';
-
-Route.get('/player/:name', 'Players/Main.show');
-Route.get('/player/:id/skills', 'Players/Skills.show');
-Route.get('/player/:id/storage/:key', 'Players/Storage.show');
-Route.post('/player/:id/deaths', 'Players/Deaths.show');
-Route.get('/player/:id/items', 'Players/Items.show');
\ No newline at end of file
diff --git a/frontend/store/accounts/account.ts b/frontend/store/accounts/account.ts
index 406a1d2..394c02f 100644
--- a/frontend/store/accounts/account.ts
+++ b/frontend/store/accounts/account.ts
@@ -134,7 +134,7 @@ export default class Account extends VuexModule {
   @Action
   public async getChangeNameStatus() {
     try {
-      await $axios.$get('accounts/change-character-name')
+      await $axios.$get('player/change-name')
         .then((response) => {
           if (!response) 
             throw new Error("Failed to get status to change name");
@@ -163,7 +163,7 @@ export default class Account extends VuexModule {
   
   @Action
   public async changeNameCharacter(payload: UpdatePayload) {
-    const status = await $axios.$post('accounts/change-character-name', payload)
+    const status = await $axios.$post('player/change-name', payload)
       .then(( response ) => {
         if (response.status !== 200) 
           throw new Error("Failed to change name character");
@@ -180,7 +180,7 @@ export default class Account extends VuexModule {
 
   @Action
   public async deleteCharacter(payload: DeletePayload) {
-    const status = await $axios.$post('accounts/delete-character', payload)
+    const status = await $axios.$post('player/delete', payload)
       .then(( response ) => {
         if (response.status !== 200) 
           throw new Error("Failed to delete character");

From d8f4f156a76d8031739aef61f33ce5d8f3436bfa Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:19:19 -0300
Subject: [PATCH 31/48] [BACK] refactor: standardized export of services

---
 backend/app/Controllers/Highscores/Main.ts                 | 2 +-
 backend/app/Services/{Highscores => }/HighscoresService.ts | 0
 backend/app/Services/index.ts                              | 1 +
 3 files changed, 2 insertions(+), 1 deletion(-)
 rename backend/app/Services/{Highscores => }/HighscoresService.ts (100%)

diff --git a/backend/app/Controllers/Highscores/Main.ts b/backend/app/Controllers/Highscores/Main.ts
index 8341e01..28b92d9 100644
--- a/backend/app/Controllers/Highscores/Main.ts
+++ b/backend/app/Controllers/Highscores/Main.ts
@@ -1,5 +1,5 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import HighscoresService from 'App/Services/Highscores/HighscoresService'
+import { HighscoresService } from 'App/Services'
 
 export default class HighscoresController {
   public highscoresService: HighscoresService = new HighscoresService();
diff --git a/backend/app/Services/Highscores/HighscoresService.ts b/backend/app/Services/HighscoresService.ts
similarity index 100%
rename from backend/app/Services/Highscores/HighscoresService.ts
rename to backend/app/Services/HighscoresService.ts
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index 7098866..d92e7d0 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -1,3 +1,4 @@
 export { default as AccountService } from './AccountService'
 export { default as CharacterService } from './CharacterService'
+export { default as HighscoresService } from './HighscoresService'
 export { default as HouseService } from './HouseService'
\ No newline at end of file

From 84b2a06eea71e79f45ca3732df2167da6d78b281 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:48:57 -0300
Subject: [PATCH 32/48] [BACK] feat: created service for deaths

---
 backend/app/Controllers/Account/Characters.ts | 20 ++++-----
 backend/app/Controllers/Players/Deaths.ts     | 44 ++++++++-----------
 backend/app/Services/DeathService.ts          | 39 ++++++++++++++++
 3 files changed, 68 insertions(+), 35 deletions(-)
 create mode 100644 backend/app/Services/DeathService.ts

diff --git a/backend/app/Controllers/Account/Characters.ts b/backend/app/Controllers/Account/Characters.ts
index 45b578b..cc2a5e5 100644
--- a/backend/app/Controllers/Account/Characters.ts
+++ b/backend/app/Controllers/Account/Characters.ts
@@ -11,33 +11,33 @@ import {
 export default class CharactersAccount {
   public characterService: CharacterService = new CharacterService();
 
-  public async store({ request, response, auth }: HttpContextContract) {
+  public async store(ctx: HttpContextContract) {
     try {
-      const data = await request.validate(StoreValidator);
+      const data = await ctx.request.validate(StoreValidator);
 
-      const account = auth.user;
+      const account = ctx.auth.user;
 
       if (!account || !account.id) {
-        return response.unauthorized();
+        return ctx.response.unauthorized();
       }
 
       const characters = await this.characterService.getByAccount(account.id);
       
       if (characters.length >= Env.get('CHARACTERS_PER_ACCOUNT')) {
-        return response.status(404).send({ message: 'You have too many characters on your account ' + characters.length + '/' + Env.get('CHARACTERS_PER_ACCOUNT')});
+        return ctx.response.status(404).send({ message: 'You have too many characters on your account ' + characters.length + '/' + Env.get('CHARACTERS_PER_ACCOUNT')});
       }
 
       const vocation = Vocations.find((vocation) => vocation.vocation_id === data.vocation);
 
       if (!vocation || !vocation.vocation_id) {
-        return response.status(404).send({ message: 'Vocation invalid'});
+        return ctx.response.status(404).send({ message: 'Vocation invalid'});
       }
 
       const characterCopy: Player[] = await this.characterService.findByName(vocation.name) as Player[];
       
       if (!characterCopy.length) {
         console.log("Error find Sample Character: Edit file Vocations in contracts/enums/Vocations and set valid characters to copy names. Name Character to copy: " + vocation.name + " doesn\'t exist.");
-        return response.status(404).send({ message: "Wrong characters configuration. Try again or contact with admin."});
+        return ctx.response.status(404).send({ message: "Wrong characters configuration. Try again or contact with admin."});
       }
 
       const newPlayer = Object.assign(characterCopy[0], {
@@ -59,7 +59,7 @@ export default class CharactersAccount {
       const player: Player[] = await this.characterService.findById(result[0]) as Player[];
 
       if (!player.length) {
-        return response.status(404).send({ message: "Error. Can't create character. Probably problem with database. Please try again later or contact with admin."});
+        return ctx.response.status(404).send({ message: "Error. Can't create character. Probably problem with database. Please try again later or contact with admin."});
       }
 
       for(let i = 0; i < 7; i++) {
@@ -76,10 +76,10 @@ export default class CharactersAccount {
         await this.characterService.insertItems(player[0].id, item.pid, item.sid, item.itemtype, item.count, item.attributes);
       };
 
-      return response.status(200).send({ status: 200, message: 'Character created successfully!'});
+      return ctx.response.status(200).send({ status: 200, message: 'Character created successfully!'});
     } catch (err) {
       console.log('Error getPlayersAccount Query: ', err);
-      return response.badRequest(err.messages);
+      return ctx.response.badRequest(err.messages);
     }
   }
 
diff --git a/backend/app/Controllers/Players/Deaths.ts b/backend/app/Controllers/Players/Deaths.ts
index c9dabfc..5b73c03 100644
--- a/backend/app/Controllers/Players/Deaths.ts
+++ b/backend/app/Controllers/Players/Deaths.ts
@@ -1,35 +1,29 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { DeathService } from 'App/Services'
 
+interface PlayerDeath {
+  id: number,
+  date: number,
+  level: number
+}
+interface Death {
+  player_name: String,
+  monster_name: String,
+  player_exists: Number
+}
 export default class PlayerDeathsController {
-  public async show({ request, response }: HttpContextContract) {
+  public deathService: DeathService = new DeathService();
+  
+  public async show(ctx: HttpContextContract) {
     try {
-      const { remote_url } = request.body();
+      const { remote_url } = ctx.request.body();
       
       const deaths: Object[] = [];
 
-      const player_deaths = await Database
-        .from('player_deaths')
-        .select('id', 'date', 'level')
-        .where('player_id', request.param('id'))
-        .orderBy('date', 'desc')
-        .limit(10);
+      const player_deaths: PlayerDeath[] = await this.deathService.getDeathsByCharacterId(ctx.request.param('id')) as PlayerDeath[];
       
       for(let death of player_deaths) {
-        const killers = await Database
-          .from('killers')
-          .leftJoin('environment_killers', 'environment_killers.kill_id', '=', 'killers.id')
-          .leftJoin('player_killers', 'player_killers.kill_id', '=', 'killers.id')
-          .leftJoin('players', 'players.id', '=', 'player_killers.player_id')
-          .select(
-            'environment_killers.name as monster_name', 
-            'players.name as player_name', 
-            'players.deleted as player_exists',
-          )
-          .where('killers.death_id', death.id)
-          .orderBy('killers.final_hit', 'desc')
-          .orderBy('killers.id', 'asc')
-          .limit(10);
+        const killers: Death[] = await this.deathService.getInfoDeathById(death.id) as Death[];
 
         let description = '';
         let i = 0;
@@ -75,11 +69,11 @@ export default class PlayerDeathsController {
           'description': description + '.'
         })
       }
-      return response.status(200).send({ result: deaths});
+      return ctx.response.status(200).send({ result: deaths});
 
     } catch(err) {
       console.log('Error getPlayerDeaths Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 }
diff --git a/backend/app/Services/DeathService.ts b/backend/app/Services/DeathService.ts
new file mode 100644
index 0000000..93f0749
--- /dev/null
+++ b/backend/app/Services/DeathService.ts
@@ -0,0 +1,39 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class DeathService {
+  public async getDeathsByCharacterId(character_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('player_deaths')
+        .select('id', 'date', 'level')
+        .where('player_id', character_id)
+        .orderBy('date', 'desc')
+        .limit(10);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getInfoDeathById(death_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('killers')
+        .leftJoin('environment_killers', 'environment_killers.kill_id', '=', 'killers.id')
+        .leftJoin('player_killers', 'player_killers.kill_id', '=', 'killers.id')
+        .leftJoin('players', 'players.id', '=', 'player_killers.player_id')
+        .select(
+          'environment_killers.name as monster_name', 
+          'players.name as player_name', 
+          'players.deleted as player_exists',
+        )
+        .where('killers.death_id', death_id)
+        .orderBy('killers.final_hit', 'desc')
+        .orderBy('killers.id', 'asc')
+        .limit(10);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file

From 867972c4661b7e42c64ea0f8737a9335c49aa589 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:49:12 -0300
Subject: [PATCH 33/48] [BACK] feat: created service for items

---
 backend/app/Controllers/Players/Items.ts | 19 ++++++++-----------
 backend/app/Services/ItemService.ts      | 17 +++++++++++++++++
 2 files changed, 25 insertions(+), 11 deletions(-)
 create mode 100644 backend/app/Services/ItemService.ts

diff --git a/backend/app/Controllers/Players/Items.ts b/backend/app/Controllers/Players/Items.ts
index 3317e94..4530239 100644
--- a/backend/app/Controllers/Players/Items.ts
+++ b/backend/app/Controllers/Players/Items.ts
@@ -1,21 +1,18 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { ItemService } from 'App/Services'
 
 export default class PlayerItemsController {
-  public async show({ request, response }: HttpContextContract) {
+  public itemService: ItemService = new ItemService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      const items = await Database
-        .from('player_items')
-        .select('pid', 'itemtype')
-        .where('player_id', request.param('id'))
-        .andWhere('pid', '>', 0)
-        .andWhere('pid', '<', 11);
+      const items = await this.itemService.getCharacterEquipments(ctx.request.param('id'));
       
       const empty_slots = ["", "no_helmet", "no_necklace", "no_backpack", "no_armor", "no_handright", "no_handleft", "no_legs", "no_boots", "no_ring", "no_ammo"];
 
       const name_slots = ['', 'helmet', 'necklace', 'backpack', 'armor', 'handright', 'handleft', 'legs', 'boots', 'ring', 'ammo'];
       
-      const newOrder = [0, 2, 1, 3, 5, 4, 6, 8, 10, 7, 9 ]
+      const newOrder = [0, 2, 1, 3, 5, 4, 6, 8, 10, 7, 9];
 
       const equipment: Object[] = [];
 
@@ -46,10 +43,10 @@ export default class PlayerItemsController {
 
       newEquipment.shift();
 
-      return response.status(200).send({ result: newEquipment});
+      return ctx.response.status(200).send({ result: newEquipment});
     } catch(err) {
       console.log('Error getPlayerItems Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 }
diff --git a/backend/app/Services/ItemService.ts b/backend/app/Services/ItemService.ts
new file mode 100644
index 0000000..02f5482
--- /dev/null
+++ b/backend/app/Services/ItemService.ts
@@ -0,0 +1,17 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class ItemService {
+  public async getCharacterEquipments(character_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('player_items')
+        .select('pid', 'itemtype')
+        .where('player_id', character_id)
+        .andWhere('pid', '>', 0)
+        .andWhere('pid', '<', 11);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file

From 2de926d4f13f15b3f8c0aaa8e9d07c636e4a8e95 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:49:25 -0300
Subject: [PATCH 34/48] [BACK] feat: created service for skills

---
 backend/app/Controllers/Players/Skills.ts | 17 +++++++----------
 backend/app/Services/SkillService.ts      | 17 +++++++++++++++++
 2 files changed, 24 insertions(+), 10 deletions(-)
 create mode 100644 backend/app/Services/SkillService.ts

diff --git a/backend/app/Controllers/Players/Skills.ts b/backend/app/Controllers/Players/Skills.ts
index e441634..e1b3827 100644
--- a/backend/app/Controllers/Players/Skills.ts
+++ b/backend/app/Controllers/Players/Skills.ts
@@ -1,20 +1,17 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { SkillService } from 'App/Services'
 
 export default class PlayerSkillController {
-  public async show({ request, response }: HttpContextContract) {
+  public skillService: SkillService = new SkillService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      const playerSkills = await Database
-        .from('players')
-        .join('player_skills', 'players.id', '=', 'player_skills.player_id')
-        .select('player_skills.skillid', 'player_skills.value')
-        .where('players.id', request.param('id'))
-        .andWhere('player_skills.skillid', '<>', 6);
-      return response.status(200).send({ result: playerSkills});
+      const playerSkills = await this.skillService.getCharacterSkills(ctx.request.param('id'));
 
+      return ctx.response.status(200).send({ result: playerSkills});
     } catch(err) {
       console.log('Error getPlayerSkills Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 }
diff --git a/backend/app/Services/SkillService.ts b/backend/app/Services/SkillService.ts
new file mode 100644
index 0000000..758b22d
--- /dev/null
+++ b/backend/app/Services/SkillService.ts
@@ -0,0 +1,17 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class SkillService {
+  public async getCharacterSkills(character_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .join('player_skills', 'players.id', '=', 'player_skills.player_id')
+        .select('player_skills.skillid', 'player_skills.value')
+        .where('players.id', character_id)
+        .andWhere('player_skills.skillid', '<>', 6);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file

From d07f0f19fd65e6c274e8ab43bebb247d92dc3d51 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:49:33 -0300
Subject: [PATCH 35/48] [BACK] feat: created service for storage

---
 backend/app/Controllers/Players/Storage.ts | 11 ++++-------
 backend/app/Services/StorageService.ts     | 16 ++++++++++++++++
 backend/app/Services/index.ts              |  6 +++++-
 3 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 backend/app/Services/StorageService.ts

diff --git a/backend/app/Controllers/Players/Storage.ts b/backend/app/Controllers/Players/Storage.ts
index 6599c15..252a1c5 100644
--- a/backend/app/Controllers/Players/Storage.ts
+++ b/backend/app/Controllers/Players/Storage.ts
@@ -1,17 +1,14 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { StorageService } from 'App/Services'
 
 export default class PlayerStorageController {
+  public storageService: StorageService = new StorageService();
+
   public async show({ request, response }: HttpContextContract) {
     try {
-      const playerStorage = await Database
-        .from('player_storage')
-        .select('player_storage.key', 'player_storage.value')
-        .where('player_storage.player_id', request.param('id'))
-        .andWhere('player_storage.key', request.param('key'));
+      const playerStorage = await this.storageService.getCharacterStorage(request.param('id'), request.param('key'));
 
       return response.status(200).send({ result: playerStorage});
-
     } catch(err) {
       console.log('Error getPlayerStorage Query: ', err);
       return response.status(400).send({ message: 'An error occurred, check the api console.'})
diff --git a/backend/app/Services/StorageService.ts b/backend/app/Services/StorageService.ts
new file mode 100644
index 0000000..ac5c316
--- /dev/null
+++ b/backend/app/Services/StorageService.ts
@@ -0,0 +1,16 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class StorageService {
+  public async getCharacterStorage(character_id: number, storage: string): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('player_storage')
+        .select('player_storage.key', 'player_storage.value')
+        .where('player_storage.player_id', character_id)
+        .andWhere('player_storage.key', storage);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index d92e7d0..8b5da30 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -1,4 +1,8 @@
 export { default as AccountService } from './AccountService'
 export { default as CharacterService } from './CharacterService'
+export { default as DeathService } from './DeathService'
 export { default as HighscoresService } from './HighscoresService'
-export { default as HouseService } from './HouseService'
\ No newline at end of file
+export { default as ItemService } from './ItemService'
+export { default as HouseService } from './HouseService'
+export { default as SkillService } from './SkillService'
+export { default as StorageService } from './StorageService'
\ No newline at end of file

From 47429ee817d7019fee75921eb1b6eef795a4ba15 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:54:18 -0300
Subject: [PATCH 36/48] [BACK] feat: created service for online

---
 backend/app/Controllers/Online/Main.ts | 13 +++++------
 backend/app/Services/OnlineService.ts  | 31 ++++++++++++++++++++++++++
 backend/app/Services/index.ts          |  1 +
 3 files changed, 37 insertions(+), 8 deletions(-)
 create mode 100644 backend/app/Services/OnlineService.ts

diff --git a/backend/app/Controllers/Online/Main.ts b/backend/app/Controllers/Online/Main.ts
index 591bb1e..46dbe42 100644
--- a/backend/app/Controllers/Online/Main.ts
+++ b/backend/app/Controllers/Online/Main.ts
@@ -1,17 +1,14 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { OnlineService } from 'App/Services'
 
 export default class OnlineController {
+  public onlineService: OnlineService = new OnlineService();
+
   public async show({ response }: HttpContextContract) {
     try {
-      const playersOnline = await Database
-        .from('players')
-        .innerJoin('accounts', 'accounts.id', 'players.account_id')
-        .select('accounts.country', 'players.skull', 'players.skulltime', 'players.name', 'players.level', 'players.vocation')
-        .where('players.online', '>', '0')
-        .orderBy('experience', 'desc');
+      const playersOnline = await this.onlineService.getPlayersOnline();
       
-      const serverRecord = await Database.from('server_record').select('record', 'timestamp').where('world_id', '=', 0).orderBy('record', 'desc').limit(1)
+      const serverRecord = await this.onlineService.getRecord(0);
       
       const result = {
         serverRecord,
diff --git a/backend/app/Services/OnlineService.ts b/backend/app/Services/OnlineService.ts
new file mode 100644
index 0000000..148030f
--- /dev/null
+++ b/backend/app/Services/OnlineService.ts
@@ -0,0 +1,31 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class OnlineService {
+  public async getPlayersOnline(): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .innerJoin('accounts', 'accounts.id', 'players.account_id')
+        .select('accounts.country', 'players.skull', 'players.skulltime', 'players.name', 'players.level', 'players.vocation')
+        .where('players.online', '>', '0')
+        .orderBy('experience', 'desc');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getRecord(world_id): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('server_record')
+        .select('record', 'timestamp')
+        .where('world_id', '=', world_id)
+        .orderBy('record', 'desc')
+        .limit(1);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index 8b5da30..8154866 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -4,5 +4,6 @@ export { default as DeathService } from './DeathService'
 export { default as HighscoresService } from './HighscoresService'
 export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'
+export { default as OnlineService } from './OnlineService'
 export { default as SkillService } from './SkillService'
 export { default as StorageService } from './StorageService'
\ No newline at end of file

From 57e8715e75e3649dfcc1f62f8e6a30ca6d4cbe13 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 20:57:52 -0300
Subject: [PATCH 37/48] [BACK] feat: created service for news

---
 backend/app/Controllers/News/Main.ts   | 17 +++++++----------
 backend/app/Controllers/Online/Main.ts |  6 +++---
 backend/app/Services/NewsService.ts    | 17 +++++++++++++++++
 backend/app/Services/index.ts          |  1 +
 4 files changed, 28 insertions(+), 13 deletions(-)
 create mode 100644 backend/app/Services/NewsService.ts

diff --git a/backend/app/Controllers/News/Main.ts b/backend/app/Controllers/News/Main.ts
index 02a53ba..f020861 100644
--- a/backend/app/Controllers/News/Main.ts
+++ b/backend/app/Controllers/News/Main.ts
@@ -1,20 +1,17 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { NewsService } from 'App/Services'
 
 export default class NewsController {
-  public async show({ request, response }: HttpContextContract) {
+  public newsService: NewsService = new NewsService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      const news = await Database
-        .from('electro_news')
-        .select('id', 'title', 'body', 'created_at')
-        .where('hidden', '=', 0)
-        .orderBy('created_at', 'desc')
-        .paginate(request.param('page', 1), request.param('limit'));
+      const news = await this.newsService.getNews(ctx.request.param('page'), ctx.request.param('limit'));
       
-      return response.status(200).send({ status: 200, news });
+      return ctx.response.status(200).send({ status: 200, news });
     } catch(err) {
       console.log('Error getNews Query: ', err);
-      return response.status(400).send({ error: 'An error occurred, check the api console.'});
+      return ctx.response.status(400).send({ error: 'An error occurred, check the api console.'});
     }
   }
 }
diff --git a/backend/app/Controllers/Online/Main.ts b/backend/app/Controllers/Online/Main.ts
index 46dbe42..9bc2ba8 100644
--- a/backend/app/Controllers/Online/Main.ts
+++ b/backend/app/Controllers/Online/Main.ts
@@ -4,7 +4,7 @@ import { OnlineService } from 'App/Services'
 export default class OnlineController {
   public onlineService: OnlineService = new OnlineService();
 
-  public async show({ response }: HttpContextContract) {
+  public async show(ctx: HttpContextContract) {
     try {
       const playersOnline = await this.onlineService.getPlayersOnline();
       
@@ -15,10 +15,10 @@ export default class OnlineController {
         playersOnline
       };
 
-      return response.status(200).send({ status: 200, result});
+      return ctx.response.status(200).send({ status: 200, result});
     } catch(err) {
       console.log('Error getPlayersOnline Query: ', err);
-      return response.status(400).send({ error: 'An error occurred, check the api console.'});
+      return ctx.response.status(400).send({ error: 'An error occurred, check the api console.'});
     }
   }
 }
diff --git a/backend/app/Services/NewsService.ts b/backend/app/Services/NewsService.ts
new file mode 100644
index 0000000..6296f28
--- /dev/null
+++ b/backend/app/Services/NewsService.ts
@@ -0,0 +1,17 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class NewsService {
+  public async getNews(page: number, limit: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('electro_news')
+        .select('id', 'title', 'body', 'created_at')
+        .where('hidden', '=', 0)
+        .orderBy('created_at', 'desc')
+        .paginate(page, limit);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index 8154866..f586999 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -4,6 +4,7 @@ export { default as DeathService } from './DeathService'
 export { default as HighscoresService } from './HighscoresService'
 export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'
+export { default as NewsService } from './NewsService'
 export { default as OnlineService } from './OnlineService'
 export { default as SkillService } from './SkillService'
 export { default as StorageService } from './StorageService'
\ No newline at end of file

From 03a4380f55e6cae6aa02e9ade361e586168fccfa Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 21:13:11 -0300
Subject: [PATCH 38/48] [BACK] feat: added function for last kills

---
 backend/app/Controllers/Lastkills/Main.ts | 36 ++++++++++-------------
 backend/app/Controllers/Players/Deaths.ts |  2 +-
 backend/app/Services/DeathService.ts      | 32 +++++++++++++++++++-
 3 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/backend/app/Controllers/Lastkills/Main.ts b/backend/app/Controllers/Lastkills/Main.ts
index 926bf50..2c4f658 100644
--- a/backend/app/Controllers/Lastkills/Main.ts
+++ b/backend/app/Controllers/Lastkills/Main.ts
@@ -1,24 +1,26 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { DeathService } from 'App/Services'
 
+interface Death {
+  player_name: String,
+  monster_name: String,
+  player_exists: Number
+}
 export default class LastKillsController {
-  public async show({ request, response }: HttpContextContract) {
+  public deathService: DeathService = new DeathService();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      const { remote_url } = request.body();
+      const { remote_url } = ctx.request.body();
       
       let players_deaths_count = 0;
 
       const last_kills: Object[] = [];
 
-      const playersDeath = await Database
-        .from('player_deaths')
-        .innerJoin('players', 'players.id', 'player_deaths.player_id')
-        .select('player_deaths.id', 'player_deaths.date', 'player_deaths.level', 'players.name')
-        .orderBy('player_deaths.date', 'desc')
-        .paginate(request.param('page', 1), request.param('limit'));
+      const playersDeath: any = await this.deathService.getLastKills(ctx.request.param('page'), ctx.request.param('limit'));
       
       if (!playersDeath.length) {
-        return response.status(404).send({ message: 'There are no recorded deaths.' });
+        return ctx.response.status(404).send({ message: 'There are no recorded deaths.' });
       }
 
       for(let death of playersDeath) {
@@ -28,14 +30,7 @@ export default class LastKillsController {
         
         let killers_string = '<a href="'+ url_player + '">' + death.name + '</a> ';
 
-        const killers = await Database
-          .from('killers')
-          .leftJoin('environment_killers', 'environment_killers.kill_id', 'killers.id')
-          .leftJoin('player_killers', 'player_killers.kill_id', 'killers.id')
-          .leftJoin('players', 'players.id', 'player_killers.player_id')
-          .select('environment_killers.name AS monster_name', 'players.name AS player_name', 'players.deleted AS player_exists')
-          .where('killers.death_id', '=', death.id)
-          .orderBy('killers.final_hit', 'desc');
+        const killers: Death[] = await this.deathService.getKillers(death.id) as Death[];
 
         let i = 0;
         let count = killers.length;
@@ -91,10 +86,11 @@ export default class LastKillsController {
           world_id: 0
         })
       }
-      return response.status(200).send({ status: 200, total: playersDeath.lastPage, last_kills });
+
+      return ctx.response.status(200).send({ status: 200, total: playersDeath.lastPage, last_kills });
     } catch(err) {
       console.log('Error getPlayersDeaths Query: ', err);
-      return response.status(400).send({ error: 'An error occurred, check the api console.'});
+      return ctx.response.status(400).send({ error: 'An error occurred, check the api console.'});
     }
   }
 }
diff --git a/backend/app/Controllers/Players/Deaths.ts b/backend/app/Controllers/Players/Deaths.ts
index 5b73c03..82ea767 100644
--- a/backend/app/Controllers/Players/Deaths.ts
+++ b/backend/app/Controllers/Players/Deaths.ts
@@ -23,7 +23,7 @@ export default class PlayerDeathsController {
       const player_deaths: PlayerDeath[] = await this.deathService.getDeathsByCharacterId(ctx.request.param('id')) as PlayerDeath[];
       
       for(let death of player_deaths) {
-        const killers: Death[] = await this.deathService.getInfoDeathById(death.id) as Death[];
+        const killers: Death[] = await this.deathService.getInfoDeathCharacterById(death.id) as Death[];
 
         let description = '';
         let i = 0;
diff --git a/backend/app/Services/DeathService.ts b/backend/app/Services/DeathService.ts
index 93f0749..0a2a5b7 100644
--- a/backend/app/Services/DeathService.ts
+++ b/backend/app/Services/DeathService.ts
@@ -15,7 +15,7 @@ export default class DeathService {
     }
   }
 
-  public async getInfoDeathById(death_id: number): Promise<Object[]> {  
+  public async getInfoDeathCharacterById(death_id: number): Promise<Object[]> {  
     try {
       return await Database
         .from('killers')
@@ -36,4 +36,34 @@ export default class DeathService {
       return err;
     }
   }
+
+  public async getLastKills(page: number, limit: number): Promise<Object> {  
+    try {
+      return await Database
+        .from('player_deaths')
+        .innerJoin('players', 'players.id', 'player_deaths.player_id')
+        .select('player_deaths.id', 'player_deaths.date', 'player_deaths.level', 'players.name')
+        .orderBy('player_deaths.date', 'desc')
+        .paginate(page, limit);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getKillers(death_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('killers')
+        .leftJoin('environment_killers', 'environment_killers.kill_id', 'killers.id')
+        .leftJoin('player_killers', 'player_killers.kill_id', 'killers.id')
+        .leftJoin('players', 'players.id', 'player_killers.player_id')
+        .select('environment_killers.name AS monster_name', 'players.name AS player_name', 'players.deleted AS player_exists')
+        .where('killers.death_id', '=', death_id)
+        .orderBy('killers.final_hit', 'desc');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
 }
\ No newline at end of file

From 968f1b566f5014dfa2a03bf2dc0b125d15091183 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 21:36:08 -0300
Subject: [PATCH 39/48] [BACK] feat: created service for guilds

---
 backend/app/Controllers/Guilds/Main.ts        | 105 ++++++-----------
 .../Controllers/Guilds/PlayersWithGuild.ts    |  20 ++--
 backend/app/Services/CharacterService.ts      |  11 +-
 backend/app/Services/GuildService.ts          | 107 ++++++++++++++++++
 backend/app/Services/index.ts                 |   1 +
 5 files changed, 163 insertions(+), 81 deletions(-)
 create mode 100644 backend/app/Services/GuildService.ts

diff --git a/backend/app/Controllers/Guilds/Main.ts b/backend/app/Controllers/Guilds/Main.ts
index 2108ae3..be8fee5 100644
--- a/backend/app/Controllers/Guilds/Main.ts
+++ b/backend/app/Controllers/Guilds/Main.ts
@@ -1,46 +1,51 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import { StoreValidator } from 'App/Validators/Guilds/Register'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { CharacterService, GuildService } from 'App/Services'
+import { Player } from 'App/Models';
 
+interface Guild {
+  id: number,
+  rank_id: number
+}
 export default class GuildsController {
-  public async index({ request, response }: HttpContextContract) {
+  public characterService: CharacterService = new CharacterService();
+  public guildService: GuildService = new GuildService();
+
+  public async index(ctx: HttpContextContract) {
     try {
-      const guilds = await Database
-        .from('guilds')
-        .select('id', 'name', 'motd', 'logo_name', 'description')
-        .paginate(request.param('page', 1), request.param('limit'));
+      const guilds = await this.guildService.getGuilds(ctx.request.param('page'), ctx.request.param('limit'));
 
-      return response.status(200).send({ status: 200, result: guilds });
+      return ctx.response.status(200).send({ status: 200, result: guilds });
     } catch(err) {
-      console.log('Error getGuilds Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      console.log('Error getGuilds: ', err);
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
-  public async create({ request, response, auth }: HttpContextContract) {
-    const data = await request.validate(StoreValidator);
+  public async create(ctx: HttpContextContract) {
+    const data = await ctx.request.validate(StoreValidator);
     
-    const account = auth.user;
+    const account = ctx.auth.user;
 
     if (!account || !account.id) {
-      return response.unauthorized();
+      return ctx.response.unauthorized();
     }
 
-    const character = await Database.from('players').select('name', 'online', 'rank_id').where('id', '=', data.character_id).andWhere('account_id', '=', account.id);
+    const character = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
 
     if (!character.length)
     {
-      return response.status(404).send({ message: 'The character does not belong to your account.' });
+      return ctx.response.status(404).send({ message: 'The character does not belong to your account.' });
     }
 
     if (character[0].online === 1)
     {
-      return response.status(404).send({ message: 'The character cannot be online.' });
+      return ctx.response.status(404).send({ message: 'The character cannot be online.' });
     }
 
     if (character[0].rank_id !== 0)
     {
-      return response.status(404).send({ message: 'Your character already has a guild.' });
+      return ctx.response.status(404).send({ message: 'Your character already has a guild.' });
     }
 
     const newGuild = {
@@ -58,68 +63,30 @@ export default class GuildsController {
       description: 'New guild. Leader must edit this text'
     };
 
-    const result = await Database.table('guilds').returning('id').insert(newGuild);
+    const result = await this.guildService.create(newGuild);
 
-    const guild = await Database.from('guilds').innerJoin('guild_ranks', 'guild_ranks.guild_id', 'guilds.id').select('guild_ranks.id as rank_id').where('guilds.id', '=', result[0]).andWhere('guild_ranks.level', '=', 3);
+    const guild = await this.guildService.getGuildById(result[0]) as Guild[];
 
     if (!guild.length) {
-      return response.status(404).send({ message: "Error. Can't create guild. Probably problem with database. Please try again later or contact with admin."});
+      return ctx.response.status(404).send({ message: "Error. Can't create guild. Probably problem with database. Please try again later or contact with admin."});
     }
+    
+    await this.characterService.updateRankId(data.character_id, guild[0].rank_id);
 
-    await Database.from('players').where('id', '=', data.character_id).update({ rank_id: guild[0].rank_id });
-
-    return response.status(200).send({ status: 200, message: 'Guild created successfully!'});
+    return ctx.response.status(200).send({ status: 200, message: 'Guild created successfully!'});
   }
 
-  public async show({ request, response }: HttpContextContract) {
+  public async show(ctx: HttpContextContract) {
     try {
-      let name = request.param('name');
-      
-      name = await name
-        .replace(/%20/g, " ")
-        .replace(/'+'/g, " ")
-        .replace(/'/g, "")
-        .replace(/%27/g, "")
-        .replace(/-/g, "")
-        .replace(/"/g, "")
-        .replace(/%22/g, "");
-
-      const guild = await Database
-        .from('guilds')
-        .innerJoin('players', 'players.id', 'guilds.ownerid')
-        .select(
-          'guilds.id', 
-          'guilds.name', 
-          'guilds.description', 
-          'guilds.ownerid as owner_id', 
-          'guilds.creationdata as creation_data',
-          'players.name as owner_name',
-        )
-        .where('guilds.name', '=', name);
+      const guild = await this.guildService.getGuildByName(ctx.request.param('name')) as Guild[];
 
       if (!guild.length) {
-        return response.status(404).send({ message: "Guild not found." });
+        return ctx.response.status(404).send({ message: "Guild not found." });
       }
       
-      const guildRanks = await Database
-        .from('guild_ranks')
-        .select('id')
-        .where('guild_id', '=', guild[0].id);
-
-      const memberList = await Database.from('guilds')
-        .innerJoin('guild_ranks', 'guild_ranks.guild_id', '=', 'guilds.id')
-        .innerJoin('players', 'players.rank_id', 'guild_ranks.id')
-        .select(
-          'guild_ranks.level',
-          'guild_ranks.name as rank_name',
-          'players.id',
-          'players.name',
-          'players.vocation',
-          'players.level as player_level',
-          'players.online'
-        )
-        .where('guilds.id', '=', guild[0].id)
-        .orderBy('guild_ranks.level', 'desc');
+      const guildRanks = await this.guildService.getGuildRanks(guild[0].id);
+
+      const memberList = await this.guildService.getGuildMembers(guild[0].id);
       
       const result = {
         info: guild[0],
@@ -127,10 +94,10 @@ export default class GuildsController {
         guild_members: memberList
       }
       
-      return response.status(200).send({ status: 200, result });
+      return ctx.response.status(200).send({ status: 200, result });
     } catch(err) {
       console.log('Error getGuild Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
diff --git a/backend/app/Controllers/Guilds/PlayersWithGuild.ts b/backend/app/Controllers/Guilds/PlayersWithGuild.ts
index e1f385f..621e55e 100644
--- a/backend/app/Controllers/Guilds/PlayersWithGuild.ts
+++ b/backend/app/Controllers/Guilds/PlayersWithGuild.ts
@@ -1,25 +1,23 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { GuildService } from 'App/Services'
 
 export default class PlayersWithGuildController {
-  public async show({ response, auth }: HttpContextContract) {
+  public guildService: GuildService = new GuildService();
+  
+  public async show(ctx: HttpContextContract) {
     try {
-      const account = auth.user;
+      const account = ctx.auth.user;
 
       if (!account || !account.id) {
-        return response.unauthorized();
+        return ctx.response.unauthorized();
       }
 
-      const character = await Database
-        .from('players')
-        .select('id', 'name')
-        .where('account_id', '=', account.id)
-        .andWhere('rank_id', '=', 0);
+      const character = await this.guildService.getCharactersWithGuild(account.id);
 
-      return response.status(200).send({ status: 200, character });
+      return ctx.response.status(200).send({ status: 200, character });
     } catch(err) {
       console.log('Error getPlayersWithGuild Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 }
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
index 412e158..a674d03 100644
--- a/backend/app/Services/CharacterService.ts
+++ b/backend/app/Services/CharacterService.ts
@@ -31,7 +31,7 @@ export default class CharacterService {
     try {
       return await Database
         .from('players')
-        .select('name', 'deleted', 'online')
+        .select('name', 'deleted', 'online', 'rank_id')
         .where('id', '=', character_id)
         .andWhere('account_id', '=', account_id);
     } catch (err) {
@@ -109,6 +109,15 @@ export default class CharacterService {
     }
   }
 
+  public async updateRankId(character_id: number, rank_id: number): Promise<Object[]> {
+    try {
+      return await Database.from('players').where('id', '=', character_id).update({ rank_id });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
   public async updateName(character_id: number, new_name: string): Promise<Object[]> {  
     try {
       return await Database.from('players').where('id', '=', character_id).update({ name: new_name });
diff --git a/backend/app/Services/GuildService.ts b/backend/app/Services/GuildService.ts
new file mode 100644
index 0000000..379ae5b
--- /dev/null
+++ b/backend/app/Services/GuildService.ts
@@ -0,0 +1,107 @@
+import Database from '@ioc:Adonis/Lucid/Database'
+
+export default class GuildService {
+  public async getGuildById(guild_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('guilds')
+        .innerJoin('guild_ranks', 'guild_ranks.guild_id', 'guilds.id')
+        .select('guild_ranks.id as rank_id')
+        .where('guilds.id', '=', guild_id)
+        .andWhere('guild_ranks.level', '=', 3);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getGuildByName(name: string): Promise<Object[]> {  
+    try {
+      name = name.replace(/%20/g, " ").replace(/'+'/g, " ").replace(/'/g, "").replace(/%27/g, "").replace(/-/g, "").replace(/"/g, "").replace(/%22/g, "");
+
+      return await Database
+        .from('guilds')
+        .innerJoin('players', 'players.id', 'guilds.ownerid')
+        .select(
+          'guilds.id', 
+          'guilds.name', 
+          'guilds.description', 
+          'guilds.ownerid as owner_id', 
+          'guilds.creationdata as creation_data',
+          'players.name as owner_name',
+        )
+        .where('guilds.name', '=', name);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getGuildRanks(guild_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('guild_ranks')
+        .select('id')
+        .where('guild_id', '=', guild_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getGuildMembers(guild_id: number): Promise<Object[]> {  
+    try {
+      return await Database.from('guilds')
+        .innerJoin('guild_ranks', 'guild_ranks.guild_id', '=', 'guilds.id')
+        .innerJoin('players', 'players.rank_id', 'guild_ranks.id')
+        .select(
+          'guild_ranks.level',
+          'guild_ranks.name as rank_name',
+          'players.id',
+          'players.name',
+          'players.vocation',
+          'players.level as player_level',
+          'players.online'
+        )
+        .where('guilds.id', '=', guild_id)
+        .orderBy('guild_ranks.level', 'desc');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getGuilds(page: number, limit: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('guilds')
+        .select('id', 'name', 'motd', 'logo_name', 'description')
+        .paginate(page, limit);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getCharactersWithGuild(account_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('players')
+        .select('id', 'name')
+        .where('account_id', '=', account_id)
+        .andWhere('rank_id', '=', 0);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async create(newGuild: object): Promise<Number> {  
+    try {
+      return await Database.table('guilds').returning('id').insert(newGuild);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index f586999..9c44583 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -1,6 +1,7 @@
 export { default as AccountService } from './AccountService'
 export { default as CharacterService } from './CharacterService'
 export { default as DeathService } from './DeathService'
+export { default as GuildService } from './GuildService'
 export { default as HighscoresService } from './HighscoresService'
 export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'

From 229bd22f881f66355417781ca3581bbea6287522 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Fri, 4 Feb 2022 21:58:04 -0300
Subject: [PATCH 40/48] [BACK] refactor: added single responsiblity principle

---
 backend/app/Controllers/Account/Characters.ts |  26 +++--
 backend/app/Controllers/Guilds/Main.ts        |  35 +++---
 .../Controllers/Guilds/PlayersWithGuild.ts    |   6 +-
 backend/app/Controllers/Players/Main.ts       |  18 +--
 backend/app/Services/CharacterService.ts      | 109 +++++++++---------
 backend/app/Services/GuildService.ts          |   8 +-
 backend/app/Services/HighscoresService.ts     |  19 ---
 backend/app/Services/index.ts                 |  11 +-
 8 files changed, 119 insertions(+), 113 deletions(-)

diff --git a/backend/app/Controllers/Account/Characters.ts b/backend/app/Controllers/Account/Characters.ts
index cc2a5e5..f4b5430 100644
--- a/backend/app/Controllers/Account/Characters.ts
+++ b/backend/app/Controllers/Account/Characters.ts
@@ -5,11 +5,15 @@ import { Item, Player } from 'App/Models'
 import Env from '@ioc:Adonis/Core/Env'
 
 import {
-  CharacterService,
+  Character,
+  CharacterView,
+  CharacterRepository
 } from 'App/Services'
 
 export default class CharactersAccount {
-  public characterService: CharacterService = new CharacterService();
+  public character: Character = new Character();
+  public characterView: CharacterView = new CharacterView();
+  public characterRepository: CharacterRepository = new CharacterRepository();
 
   public async store(ctx: HttpContextContract) {
     try {
@@ -21,7 +25,7 @@ export default class CharactersAccount {
         return ctx.response.unauthorized();
       }
 
-      const characters = await this.characterService.getByAccount(account.id);
+      const characters = await this.characterView.getByAccount(account.id);
       
       if (characters.length >= Env.get('CHARACTERS_PER_ACCOUNT')) {
         return ctx.response.status(404).send({ message: 'You have too many characters on your account ' + characters.length + '/' + Env.get('CHARACTERS_PER_ACCOUNT')});
@@ -33,7 +37,7 @@ export default class CharactersAccount {
         return ctx.response.status(404).send({ message: 'Vocation invalid'});
       }
 
-      const characterCopy: Player[] = await this.characterService.findByName(vocation.name) as Player[];
+      const characterCopy: Player[] = await this.characterView.findByName(vocation.name) as Player[];
       
       if (!characterCopy.length) {
         console.log("Error find Sample Character: Edit file Vocations in contracts/enums/Vocations and set valid characters to copy names. Name Character to copy: " + vocation.name + " doesn\'t exist.");
@@ -54,26 +58,26 @@ export default class CharactersAccount {
         created: 0
       });
 
-      const result = await this.characterService.create(newPlayer);
+      const result = await this.characterRepository.create(newPlayer);
 
-      const player: Player[] = await this.characterService.findById(result[0]) as Player[];
+      const player: Player[] = await this.characterView.findById(result[0]) as Player[];
 
       if (!player.length) {
         return ctx.response.status(404).send({ message: "Error. Can't create character. Probably problem with database. Please try again later or contact with admin."});
       }
 
       for(let i = 0; i < 7; i++) {
-        const skillExists = await this.characterService.checkSkillId(player[0].id, i);
+        const skillExists = await this.characterView.checkSkillId(player[0].id, i);
 
         if (!skillExists.length) {
-          await this.characterService.insertSkill(player[0].id, i);
+          await this.character.insertSkill(player[0].id, i);
         }
       }
 
-      const items_to_copy: Item[] = await this.characterService.getItems(characterCopy[0].id) as Item[];
+      const items_to_copy: Item[] = await this.characterView.getItems(characterCopy[0].id) as Item[];
 
       for(let item of items_to_copy) {
-        await this.characterService.insertItems(player[0].id, item.pid, item.sid, item.itemtype, item.count, item.attributes);
+        await this.character.insertItems(player[0].id, item.pid, item.sid, item.itemtype, item.count, item.attributes);
       };
 
       return ctx.response.status(200).send({ status: 200, message: 'Character created successfully!'});
@@ -85,7 +89,7 @@ export default class CharactersAccount {
 
   public async show({ request, response }: HttpContextContract) {
     try {
-      const characters = await this.characterService.getByAccount(request.param('id'));
+      const characters = await this.characterView.getByAccount(request.param('id'));
 
       return response.status(200).send({ result: characters});
     } catch(err) {
diff --git a/backend/app/Controllers/Guilds/Main.ts b/backend/app/Controllers/Guilds/Main.ts
index be8fee5..3c510c6 100644
--- a/backend/app/Controllers/Guilds/Main.ts
+++ b/backend/app/Controllers/Guilds/Main.ts
@@ -1,6 +1,11 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import { StoreValidator } from 'App/Validators/Guilds/Register'
-import { CharacterService, GuildService } from 'App/Services'
+import { 
+  Character,
+  CharacterView, 
+  GuildRepository,
+  GuildView 
+} from 'App/Services'
 import { Player } from 'App/Models';
 
 interface Guild {
@@ -8,12 +13,14 @@ interface Guild {
   rank_id: number
 }
 export default class GuildsController {
-  public characterService: CharacterService = new CharacterService();
-  public guildService: GuildService = new GuildService();
+  public character: Character = new Character();
+  public characterView: CharacterView = new CharacterView();
+  public guildRepository: GuildRepository = new GuildRepository();
+  public guildView: GuildView = new GuildView();
 
   public async index(ctx: HttpContextContract) {
     try {
-      const guilds = await this.guildService.getGuilds(ctx.request.param('page'), ctx.request.param('limit'));
+      const guilds = await this.guildView.getGuilds(ctx.request.param('page'), ctx.request.param('limit'));
 
       return ctx.response.status(200).send({ status: 200, result: guilds });
     } catch(err) {
@@ -31,7 +38,7 @@ export default class GuildsController {
       return ctx.response.unauthorized();
     }
 
-    const character = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
+    const character = await this.characterView.findByIdAndAccount(data.character_id, account.id) as Player[];
 
     if (!character.length)
     {
@@ -63,30 +70,30 @@ export default class GuildsController {
       description: 'New guild. Leader must edit this text'
     };
 
-    const result = await this.guildService.create(newGuild);
+    const result = await this.guildRepository.create(newGuild);
 
-    const guild = await this.guildService.getGuildById(result[0]) as Guild[];
+    const guild = await this.guildView.getGuildById(result[0]) as Guild[];
 
     if (!guild.length) {
       return ctx.response.status(404).send({ message: "Error. Can't create guild. Probably problem with database. Please try again later or contact with admin."});
     }
     
-    await this.characterService.updateRankId(data.character_id, guild[0].rank_id);
+    await this.character.updateRankId(data.character_id, guild[0].rank_id);
 
     return ctx.response.status(200).send({ status: 200, message: 'Guild created successfully!'});
   }
 
   public async show(ctx: HttpContextContract) {
     try {
-      const guild = await this.guildService.getGuildByName(ctx.request.param('name')) as Guild[];
+      const guild = await this.guildView.getGuildByName(ctx.request.param('name')) as Guild[];
 
       if (!guild.length) {
         return ctx.response.status(404).send({ message: "Guild not found." });
       }
       
-      const guildRanks = await this.guildService.getGuildRanks(guild[0].id);
+      const guildRanks = await this.guildView.getGuildRanks(guild[0].id);
 
-      const memberList = await this.guildService.getGuildMembers(guild[0].id);
+      const memberList = await this.guildView.getGuildMembers(guild[0].id);
       
       const result = {
         info: guild[0],
@@ -100,10 +107,4 @@ export default class GuildsController {
       return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
-
-  public async edit({}: HttpContextContract) {}
-
-  public async update({}: HttpContextContract) {}
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Controllers/Guilds/PlayersWithGuild.ts b/backend/app/Controllers/Guilds/PlayersWithGuild.ts
index 621e55e..16fe23f 100644
--- a/backend/app/Controllers/Guilds/PlayersWithGuild.ts
+++ b/backend/app/Controllers/Guilds/PlayersWithGuild.ts
@@ -1,8 +1,8 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import { GuildService } from 'App/Services'
+import { GuildView } from 'App/Services'
 
 export default class PlayersWithGuildController {
-  public guildService: GuildService = new GuildService();
+  public guildView: GuildView = new GuildView();
   
   public async show(ctx: HttpContextContract) {
     try {
@@ -12,7 +12,7 @@ export default class PlayersWithGuildController {
         return ctx.response.unauthorized();
       }
 
-      const character = await this.guildService.getCharactersWithGuild(account.id);
+      const character = await this.guildView.getCharactersWithGuild(account.id);
 
       return ctx.response.status(200).send({ status: 200, character });
     } catch(err) {
diff --git a/backend/app/Controllers/Players/Main.ts b/backend/app/Controllers/Players/Main.ts
index a0fb0f6..94b5a88 100644
--- a/backend/app/Controllers/Players/Main.ts
+++ b/backend/app/Controllers/Players/Main.ts
@@ -13,20 +13,24 @@ import {
 
 import { 
   AccountService,
-  CharacterService, 
+  Character,
+  CharacterRepository,
+  CharacterView,
   HouseService
 } from 'App/Services'
 
 import Env from '@ioc:Adonis/Core/Env'
 
 export default class PlayersController {
-  public characterService: CharacterService = new CharacterService();
+  public character: Character = new Character();
+  public characterRepository: CharacterRepository = new CharacterRepository();
+  public characterView: CharacterView = new CharacterView();
   public accountService: AccountService = new AccountService();
   public houseService: HouseService = new HouseService();
 
   public async show(ctx: HttpContextContract) {
     try {
-      const character = await this.characterService.findByName(ctx.request.param('name'));
+      const character = await this.characterView.findByName(ctx.request.param('name'));
 
       return ctx.response.status(200).send({ result: character});
     } catch(err) {
@@ -55,7 +59,7 @@ export default class PlayersController {
         });
       }
   
-      const character: Player[] = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
+      const character: Player[] = await this.characterView.findByIdAndAccount(data.character_id, account.id) as Player[];
   
       if (!character.length)
         return ctx.response.status(404).send({ message: 'The character does not belong to your account.' });
@@ -63,7 +67,7 @@ export default class PlayersController {
       if (character[0].online === 1)
         return ctx.response.status(404).send({ message: 'The character cannot be online.' });
       
-      const updateCharacter = await this.characterService.updateName(data.character_id, data.new_name);
+      const updateCharacter = await this.character.updateName(data.character_id, data.new_name);
       
       await this.accountService.removePremiumPoints(account.id, Env.get('POINTS_TO_CHANGE_NAME'));
       
@@ -91,7 +95,7 @@ export default class PlayersController {
       if (!verifyPassword)
        return ctx.response.status(404).send({ message: 'Wrong password.' });
       
-      const character: Player[] = await this.characterService.findByIdAndAccount(data.character_id, account.id) as Player[];
+      const character: Player[] = await this.characterView.findByIdAndAccount(data.character_id, account.id) as Player[];
 
       if (!character.length)
         return ctx.response.status(404).send({ message: 'The character does not belong to your account.' });
@@ -107,7 +111,7 @@ export default class PlayersController {
       if (house.length) 
         return ctx.response.status(404).send({ message: 'You cannot delete a character that has a house.' });
       
-      const updateCharacter = await this.characterService.delete(data.character_id);
+      const updateCharacter = await this.characterRepository.delete(data.character_id);
 
       if (!updateCharacter)
         return ctx.response.status(404).send({ message: "Error. Unable to delete character. Probably problem with database. Please try again later or contact with admin." });
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
index a674d03..4b560d9 100644
--- a/backend/app/Services/CharacterService.ts
+++ b/backend/app/Services/CharacterService.ts
@@ -1,6 +1,56 @@
 import Database from '@ioc:Adonis/Lucid/Database'
 
-export default class CharacterService {
+class Character {
+  public async insertSkill(character_id: number, skill_id: number, value: number = 10, count: number = 0): Promise<Number> {
+    try {
+      return await Database.table('player_skills').insert({
+        player_id: character_id,
+        skillid: skill_id,
+        value: value,
+        count: count
+      });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async insertItems(character_id: number, pid: number, sid: number, itemtype: number, count: number, attributes: string): Promise<Number> {
+    try {
+      return await Database.table('player_skills').insert({
+        player_id: character_id,
+        pid,
+        sid,
+        itemtype,
+        count,
+        attributes
+      });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async updateRankId(character_id: number, rank_id: number): Promise<Object[]> {
+    try {
+      return await Database.from('players').where('id', '=', character_id).update({ rank_id });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async updateName(character_id: number, new_name: string): Promise<Object[]> {  
+    try {
+      return await Database.from('players').where('id', '=', character_id).update({ name: new_name });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+class CharacterView {
   public async findById(character_id: number): Promise<Object[]> {  
     try {
       return await Database
@@ -60,7 +110,7 @@ export default class CharacterService {
       return err;
     }
   }
-
+  
   public async checkSkillId(character_id: number, skill_id: number): Promise<Object[]> {
     try {
       return await Database.from('player_skills').select('skillid').where('player_id', '=', character_id).andWhere('skillid', '=', skill_id);
@@ -69,7 +119,8 @@ export default class CharacterService {
       return err;
     }
   }
-
+}
+class CharacterRepository {
   public async create(newPlayer: Object): Promise<Number> {
     try {
       return await Database.table('players').returning('id').insert(newPlayer);
@@ -79,54 +130,6 @@ export default class CharacterService {
     }
   }
 
-  public async insertSkill(character_id: number, skill_id: number, value: number = 10, count: number = 0): Promise<Number> {
-    try {
-      return await Database.table('player_skills').insert({
-        player_id: character_id,
-        skillid: skill_id,
-        value: value,
-        count: count
-      });
-    } catch (err) {
-      console.log(err);
-      return err;
-    }
-  }
-
-  public async insertItems(character_id: number, pid: number, sid: number, itemtype: number, count: number, attributes: string): Promise<Number> {
-    try {
-      return await Database.table('player_skills').insert({
-        player_id: character_id,
-        pid,
-        sid,
-        itemtype,
-        count,
-        attributes
-      });
-    } catch (err) {
-      console.log(err);
-      return err;
-    }
-  }
-
-  public async updateRankId(character_id: number, rank_id: number): Promise<Object[]> {
-    try {
-      return await Database.from('players').where('id', '=', character_id).update({ rank_id });
-    } catch (err) {
-      console.log(err);
-      return err;
-    }
-  }
-
-  public async updateName(character_id: number, new_name: string): Promise<Object[]> {  
-    try {
-      return await Database.from('players').where('id', '=', character_id).update({ name: new_name });
-    } catch (err) {
-      console.log(err);
-      return err;
-    }
-  }
-
   public async delete(character_id: number): Promise<Object[]> {
     try {
       return await Database.from('players').where('id', '=', character_id).update({ deleted: 1 });
@@ -135,4 +138,6 @@ export default class CharacterService {
       return err;
     }
   }
-}
\ No newline at end of file
+}
+
+export { Character, CharacterView, CharacterRepository };
\ No newline at end of file
diff --git a/backend/app/Services/GuildService.ts b/backend/app/Services/GuildService.ts
index 379ae5b..619870e 100644
--- a/backend/app/Services/GuildService.ts
+++ b/backend/app/Services/GuildService.ts
@@ -1,6 +1,6 @@
 import Database from '@ioc:Adonis/Lucid/Database'
 
-export default class GuildService {
+class GuildView {
   public async getGuildById(guild_id: number): Promise<Object[]> {  
     try {
       return await Database
@@ -95,7 +95,9 @@ export default class GuildService {
       return err;
     }
   }
+}
 
+class GuildRepository {
   public async create(newGuild: object): Promise<Number> {  
     try {
       return await Database.table('guilds').returning('id').insert(newGuild);
@@ -104,4 +106,6 @@ export default class GuildService {
       return err;
     }
   }
-}
\ No newline at end of file
+}
+
+export { GuildView, GuildRepository}
\ No newline at end of file
diff --git a/backend/app/Services/HighscoresService.ts b/backend/app/Services/HighscoresService.ts
index bdabb35..eb1cc80 100644
--- a/backend/app/Services/HighscoresService.ts
+++ b/backend/app/Services/HighscoresService.ts
@@ -57,23 +57,4 @@ export default class HighscoresService {
         .paginate(page, limit);
     }
   }
-
-  public async update(data: { id: number, name: string }): Promise<String> {
-    const character = await Database
-      .from('players')
-      .select('id')
-      .where('name', '=', data.name)
-      .andWhere('id', '<>', data.id);
-    
-    if (character.length)
-      return "Error. The username is already used.";
-      
-    const affectedRows = await Database.from('players').where('id', '=', data.id).update(data);
-
-    if (!affectedRows)
-      return "Character not found.";
-    
-    return "Character successfully updated.";
-  }
-
 }
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index 9c44583..f917315 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -1,7 +1,14 @@
 export { default as AccountService } from './AccountService'
-export { default as CharacterService } from './CharacterService'
+export { 
+  Character, 
+  CharacterRepository, 
+  CharacterView 
+} from './CharacterService'
 export { default as DeathService } from './DeathService'
-export { default as GuildService } from './GuildService'
+export { 
+  GuildRepository,
+  GuildView
+} from './GuildService'
 export { default as HighscoresService } from './HighscoresService'
 export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'

From f369ecbf2425078ab7df08ca47536694c86e05b5 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 10:56:58 -0300
Subject: [PATCH 41/48] [BACK] refactor: refactored character service

---
 .../app/Controllers/Dashboard/PlayerSkills.ts | 16 ++++-----
 backend/app/Controllers/Dashboard/Players.ts  | 11 ++++---
 backend/app/Services/CharacterService.ts      | 32 ++++++++++++++++++
 .../app/Services/Dashboard/PlayerService.ts   | 31 -----------------
 .../Services/Dashboard/PlayerSkillsService.ts | 24 --------------
 backend/app/Services/SkillService.ts          | 33 +++++++++++++++----
 backend/app/Services/index.ts                 |  5 ++-
 7 files changed, 76 insertions(+), 76 deletions(-)
 delete mode 100644 backend/app/Services/Dashboard/PlayerService.ts
 delete mode 100644 backend/app/Services/Dashboard/PlayerSkillsService.ts

diff --git a/backend/app/Controllers/Dashboard/PlayerSkills.ts b/backend/app/Controllers/Dashboard/PlayerSkills.ts
index 4d8b4f6..fd39534 100644
--- a/backend/app/Controllers/Dashboard/PlayerSkills.ts
+++ b/backend/app/Controllers/Dashboard/PlayerSkills.ts
@@ -1,15 +1,16 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
 import { UpdateValidator } from 'App/Validators/Dashboard/CharacterSkills';
-import PlayerSkillsService from 'App/Services/Dashboard/PlayerSkillsService';
+import { Skill, SkillView } from 'App/Services';
 
 export default class PlayersController {
-  public playerSkillsService: PlayerSkillsService = new PlayerSkillsService();
+  public skill: Skill = new Skill();
+  public skillView: SkillView = new SkillView();
 
   public async show(ctx: HttpContextContract) {
     try {
       await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const skills = await this.playerSkillsService.find(ctx.request.param('id'));
+      const skills = await this.skillView.getCharacterSkills(ctx.request.param('id'));
        
       if (!skills.length) {
         return ctx.response.status(404).send({ message: "Character not found!" });
@@ -28,12 +29,11 @@ export default class PlayersController {
 
       const data = await ctx.request.validate(UpdateValidator);
 
-      const updateSkills = await this.playerSkillsService.update(data);
-
-      if (updateSkills !== "Skills successfully updated.")
-        return ctx.response.status(404).send({ message: updateSkills });
+      for(let i = 0; i < 7; i++) {
+        await this.skill.updateCharacterSkill(data.id, data.skills[i]);
+      }
 
-      return ctx.response.status(200).send({ status: 200, message: updateSkills });
+      return ctx.response.status(200).send({ status: 200, message: "Skills successfully updated." });
     } catch (err) {
       console.log('Error updateCharacterSkills: ', err);
       return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
diff --git a/backend/app/Controllers/Dashboard/Players.ts b/backend/app/Controllers/Dashboard/Players.ts
index b0f8211..acad7fd 100644
--- a/backend/app/Controllers/Dashboard/Players.ts
+++ b/backend/app/Controllers/Dashboard/Players.ts
@@ -1,15 +1,16 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext';
 import { UpdateValidator } from 'App/Validators/Dashboard/Characters';
-import PlayerService from 'App/Services/Dashboard/PlayerService';
+import { CharacterView, CharacterRepository } from 'App/Services';
 
 export default class PlayersController {
-  public playerService: PlayerService = new PlayerService();
+  public characterView: CharacterView = new CharacterView();
+  public characterRepository: CharacterRepository = new CharacterRepository();
 
   public async index(ctx: HttpContextContract) {
     try {
       await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const accounts = await this.playerService.index();
+      const accounts = await this.characterView.getTotalCharacters();
 
       return ctx.response.status(200).send({ result: accounts });
     } 
@@ -23,7 +24,7 @@ export default class PlayersController {
     try {
       await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const character = await this.playerService.find(ctx.request.param('name'));
+      const character = await this.characterView.findByName(ctx.request.param('name'));
        
       if (!character.length) {
         return ctx.response.status(404).send({ message: "Character not found!" });
@@ -43,7 +44,7 @@ export default class PlayersController {
 
       const data = await ctx.request.validate(UpdateValidator);
       
-      const character = await this.playerService.update(data);
+      const character = await this.characterRepository.update(data);
       
       if (character !== "Character successfully updated.")
         return ctx.response.status(404).send({ message: character });
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
index 4b560d9..812dc20 100644
--- a/backend/app/Services/CharacterService.ts
+++ b/backend/app/Services/CharacterService.ts
@@ -110,6 +110,15 @@ class CharacterView {
       return err;
     }
   }
+
+  public async getTotalCharacters(): Promise<Object[]>  {
+    try {
+      return await Database.from('players').count('* as total');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
   
   public async checkSkillId(character_id: number, skill_id: number): Promise<Object[]> {
     try {
@@ -138,6 +147,29 @@ class CharacterRepository {
       return err;
     }
   }
+
+  public async update(data: { id: number, name: string }): Promise<String> {
+    try {
+      const character = await Database
+        .from('players')
+        .select('id')
+        .where('name', '=', data.name)
+        .andWhere('id', '<>', data.id);
+      
+      if (character.length)
+        return "Error. The username is already used.";
+        
+      const affectedRows = await Database.from('players').where('id', '=', data.id).update(data);
+
+      if (!affectedRows)
+        return "Character not found.";
+      
+      return "Character successfully updated.";
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
 }
 
 export { Character, CharacterView, CharacterRepository };
\ No newline at end of file
diff --git a/backend/app/Services/Dashboard/PlayerService.ts b/backend/app/Services/Dashboard/PlayerService.ts
deleted file mode 100644
index 61bfc4f..0000000
--- a/backend/app/Services/Dashboard/PlayerService.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import Database from '@ioc:Adonis/Lucid/Database'
-
-export default class PlayerService {
-
-  public async index(): Promise<Object[]> {
-    return await Database.from('players').count('* as total');
-  }
-  
-  public async find(name: string): Promise<Object[]> {    
-    return await Database.from('players').select('*').where('name', '=', name);
-  }
-
-  public async update(data: { id: number, name: string }): Promise<String> {
-    const character = await Database
-      .from('players')
-      .select('id')
-      .where('name', '=', data.name)
-      .andWhere('id', '<>', data.id);
-    
-    if (character.length)
-      return "Error. The username is already used.";
-      
-    const affectedRows = await Database.from('players').where('id', '=', data.id).update(data);
-
-    if (!affectedRows)
-      return "Character not found.";
-    
-    return "Character successfully updated.";
-  }
-
-}
\ No newline at end of file
diff --git a/backend/app/Services/Dashboard/PlayerSkillsService.ts b/backend/app/Services/Dashboard/PlayerSkillsService.ts
deleted file mode 100644
index 98f7781..0000000
--- a/backend/app/Services/Dashboard/PlayerSkillsService.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import Database from '@ioc:Adonis/Lucid/Database';
-
-export default class PlayerSkillsService {  
-  public async find(id: number): Promise<Object[]> {    
-    return await Database.from('player_skills').select('*').where('player_id', '=', id);
-  }
-
-  public async update(data: any): Promise<String> {
-    try {
-      for(let i = 0; i < 7; i++) {
-        await Database.from('player_skills').where('player_id', '=', data.id).andWhere('skillid', '=', data.skills[i].skillid).update({
-          skillid: i,
-          value: data.skills[i].value,
-          count: data.skills[i].count
-        });
-      }
-  
-      return "Skills successfully updated.";
-    } catch(err) {
-      console.log('Entrou aqui, 21: ', err);
-      return err;
-    }
-  }
-}
\ No newline at end of file
diff --git a/backend/app/Services/SkillService.ts b/backend/app/Services/SkillService.ts
index 758b22d..a97dd24 100644
--- a/backend/app/Services/SkillService.ts
+++ b/backend/app/Services/SkillService.ts
@@ -1,17 +1,36 @@
 import Database from '@ioc:Adonis/Lucid/Database'
 
-export default class SkillService {
+class Skill {
+  public async updateCharacterSkill(character_id: number, skills: any): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('player_skills')
+        .where('player_id', '=', character_id)
+        .andWhere('skillid', '=', skills.skillid)
+        .update({
+          skillid: skills.skillid,
+          value: skills.value,
+          count: skills.count
+        });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+class SkillView {
   public async getCharacterSkills(character_id: number): Promise<Object[]> {  
     try {
       return await Database
-        .from('players')
-        .join('player_skills', 'players.id', '=', 'player_skills.player_id')
-        .select('player_skills.skillid', 'player_skills.value')
-        .where('players.id', character_id)
-        .andWhere('player_skills.skillid', '<>', 6);
+        .from('player_skills')
+        .select('*')
+        .where('player_id', '=', character_id);
     } catch (err) {
       console.log(err);
       return err;
     }
   }
-}
\ No newline at end of file
+}
+
+export { Skill, SkillView };
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index f917315..b6c05b5 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -14,5 +14,8 @@ export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'
 export { default as NewsService } from './NewsService'
 export { default as OnlineService } from './OnlineService'
-export { default as SkillService } from './SkillService'
+export { 
+  Skill,
+  SkillView
+} from './SkillService'
 export { default as StorageService } from './StorageService'
\ No newline at end of file

From a6f8b6d1a7c6ff28472676cbc22cebc15c69df16 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:11:29 -0300
Subject: [PATCH 42/48] [BACK] feat: added new features in the account service

---
 backend/app/Controllers/Dashboard/Accounts.ts | 48 +++++++-------
 backend/app/Controllers/Players/Main.ts       |  8 +--
 backend/app/Services/AccountService.ts        | 62 +++++++++++++++++--
 backend/app/Services/CharacterService.ts      |  2 +-
 backend/app/Services/index.ts                 | 12 +++-
 5 files changed, 95 insertions(+), 37 deletions(-)

diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index 190ee1d..0cb1086 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -1,20 +1,29 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
 import { UpdateValidator } from 'App/Validators/Dashboard/Accounts'
+import { 
+  Account,
+  AccountView,
+  AccountRepository,
+  CharacterView
+} from 'App/Services'
+import { Account as AccountModel } from 'App/Models';
 
 export default class AccountsController {
-  public async index({ response, bouncer }: HttpContextContract) {
+  public account: Account = new Account();
+  public accountRepository: AccountRepository = new AccountRepository();
+  public accountView: AccountView = new AccountView();
+  public characterView: CharacterView = new CharacterView();
+
+  public async index(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
       
-      const accounts = await Database
-        .from('accounts')
-        .count('* as total');
+      const accounts = await this.accountView.getTotalAccounts();
 
-      return response.status(200).send({ result: accounts});
+      return ctx.response.status(200).send({ result: accounts});
     } catch(err) {
       console.log('Error getTotalAccounts Query: ', err);
-      return response.status(400).send({ status: 200, message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ status: 200, message: 'An error occurred, check the api console.'})
     }
   }
 
@@ -22,20 +31,13 @@ export default class AccountsController {
     try {
       await bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const account = await Database
-        .from('accounts')
-        .select('id', 'name', 'premdays', 'email', 'group_id', 'web_flags', 'premium_points', 'key')
-        .where('name', '=', request.param('name'));
+      const account = await this.accountView.getAccountByName(request.param('name')) as AccountModel[];
        
       if (!account.length) {
         return response.status(404).send({ message: "Account not found!"});
       }
 
-      const characters = await Database
-        .from('players')
-        .select('players.id', 'players.level', 'players.name', 'players.vocation')
-        .where('players.account_id', account[0].id)
-        .orderBy('players.experience', 'desc');
+      const characters = await this.characterView.getByAccount(account[0].id);
 
       return response.status(200).send({ status: 200, result: { account, characters }});
     } catch(err) {
@@ -49,19 +51,13 @@ export default class AccountsController {
       await bouncer.with('DashboardPolicy').authorize('viewList');
       const data = await request.validate(UpdateValidator);
       
-      const account = await Database
-        .from('accounts')
-        .select('id')
-        .where('name', '=', data.name)
-        .andWhere('id', '<>', data.id);
+      const account = await this.account.validateName(data.id, data.name);
       
       if (account.length) {
         return response.status(404).send({ message: "Error. The username is already used."});
       }
       
-      const affectedRows = await Database.from('accounts')
-        .where('id', '=', data.id)
-        .update(data);
+      const affectedRows = await this.accountRepository.update(data.id, data);
       
       if (!affectedRows) {
         return response.status(404).send({ message: "Account not found."});
@@ -73,6 +69,4 @@ export default class AccountsController {
       return response.status(400).send({ message: err})
     }
   }
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Controllers/Players/Main.ts b/backend/app/Controllers/Players/Main.ts
index 94b5a88..0fcbabc 100644
--- a/backend/app/Controllers/Players/Main.ts
+++ b/backend/app/Controllers/Players/Main.ts
@@ -12,7 +12,7 @@ import {
 } from 'App/Models'
 
 import { 
-  AccountService,
+  Account,
   Character,
   CharacterRepository,
   CharacterView,
@@ -25,7 +25,7 @@ export default class PlayersController {
   public character: Character = new Character();
   public characterRepository: CharacterRepository = new CharacterRepository();
   public characterView: CharacterView = new CharacterView();
-  public accountService: AccountService = new AccountService();
+  public account: Account = new Account();
   public houseService: HouseService = new HouseService();
 
   public async show(ctx: HttpContextContract) {
@@ -69,7 +69,7 @@ export default class PlayersController {
       
       const updateCharacter = await this.character.updateName(data.character_id, data.new_name);
       
-      await this.accountService.removePremiumPoints(account.id, Env.get('POINTS_TO_CHANGE_NAME'));
+      await this.account.removePremiumPoints(account.id, Env.get('POINTS_TO_CHANGE_NAME'));
       
       if (!updateCharacter)
         return ctx.response.status(404).send({ message: "Error. Can't change character name. Probably problem with database. Please try again later or contact with admin." });
@@ -90,7 +90,7 @@ export default class PlayersController {
       if (!account || !account.id) 
         return ctx.response.unauthorized();
 
-      const verifyPassword = await this.accountService.validatePassword(account.id, data.password);
+      const verifyPassword = await this.account.validatePassword(account.id, data.password);
       
       if (!verifyPassword)
        return ctx.response.status(404).send({ message: 'Wrong password.' });
diff --git a/backend/app/Services/AccountService.ts b/backend/app/Services/AccountService.ts
index f30f109..08b93af 100644
--- a/backend/app/Services/AccountService.ts
+++ b/backend/app/Services/AccountService.ts
@@ -1,8 +1,8 @@
-import { Account } from 'App/Models'
+import { Account as AccountModel } from 'App/Models'
 import Database from '@ioc:Adonis/Lucid/Database'
 import encrypt from 'js-sha1'
 
-export default class AccountService {
+class Account {
   public async removePremiumPoints(account_id: number, premium_points: number): Promise<Object[]> {  
     try {
       const account = await Database.from('accounts').select('premium_points').where('id', '=', account_id);
@@ -16,10 +16,64 @@ export default class AccountService {
 
   public async validatePassword(account_id: number, password: string): Promise<Object[]> {
     try {
-      return await Account.query().where('id', account_id).where('password', encrypt(password)).firstOrFail();
+      return await AccountModel.query().where('id', account_id).where('password', encrypt(password)).firstOrFail();
     } catch (err) {
       console.log(err);
       return err;
     }
   }
-}
\ No newline at end of file
+
+  public async validateName(account_id: number, name: string): Promise<Object[]>{
+    try {
+      return await Database
+        .from('accounts')
+        .select('id')
+        .where('name', '=', name)
+        .andWhere('id', '<>', account_id);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+class AccountView {
+  public async getTotalAccounts(): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('accounts')
+        .count('* as total');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async getAccountByName(name: string): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('accounts')
+        .select('id', 'name', 'premdays', 'email', 'group_id', 'web_flags', 'premium_points', 'key')
+        .where('name', '=', name);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+class AccountRepository {
+  public async update(account_id: number, data: any): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('accounts')
+        .where('id', '=', account_id)
+        .update(data);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+export { Account, AccountRepository, AccountView };
\ No newline at end of file
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
index 812dc20..80a4f2f 100644
--- a/backend/app/Services/CharacterService.ts
+++ b/backend/app/Services/CharacterService.ts
@@ -94,7 +94,7 @@ class CharacterView {
     try {
       return await Database
         .from('players')
-        .select('name', 'deleted', 'online')
+        .select('id', 'level', 'name', 'deleted', 'online', 'vocation')
         .where('account_id', '=', account_id);
     } catch (err) {
       console.log(err);
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index b6c05b5..dbd14ea 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -1,21 +1,31 @@
-export { default as AccountService } from './AccountService'
+export { 
+  Account,
+  AccountRepository,
+  AccountView
+} from './AccountService'
+
 export { 
   Character, 
   CharacterRepository, 
   CharacterView 
 } from './CharacterService'
+
 export { default as DeathService } from './DeathService'
+
 export { 
   GuildRepository,
   GuildView
 } from './GuildService'
+
 export { default as HighscoresService } from './HighscoresService'
 export { default as ItemService } from './ItemService'
 export { default as HouseService } from './HouseService'
 export { default as NewsService } from './NewsService'
 export { default as OnlineService } from './OnlineService'
+
 export { 
   Skill,
   SkillView
 } from './SkillService'
+
 export { default as StorageService } from './StorageService'
\ No newline at end of file

From 5658729ce415b453ab7b5d85c12cacaad7cd8a96 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:16:13 -0300
Subject: [PATCH 43/48] [BACK] feat: added guild total return

---
 backend/app/Controllers/Dashboard/Accounts.ts | 26 +++++++++----------
 .../app/Controllers/Dashboard/Dashboard.ts    |  0
 backend/app/Controllers/Dashboard/Guilds.ts   | 22 ++++++----------
 backend/app/Services/GuildService.ts          | 11 ++++++++
 4 files changed, 32 insertions(+), 27 deletions(-)
 delete mode 100644 backend/app/Controllers/Dashboard/Dashboard.ts

diff --git a/backend/app/Controllers/Dashboard/Accounts.ts b/backend/app/Controllers/Dashboard/Accounts.ts
index 0cb1086..4a36c0a 100644
--- a/backend/app/Controllers/Dashboard/Accounts.ts
+++ b/backend/app/Controllers/Dashboard/Accounts.ts
@@ -27,46 +27,46 @@ export default class AccountsController {
     }
   }
 
-  public async show({ request, response, bouncer }: HttpContextContract) {
+  public async show(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const account = await this.accountView.getAccountByName(request.param('name')) as AccountModel[];
+      const account = await this.accountView.getAccountByName(ctx.request.param('name')) as AccountModel[];
        
       if (!account.length) {
-        return response.status(404).send({ message: "Account not found!"});
+        return ctx.response.status(404).send({ message: "Account not found!"});
       }
 
       const characters = await this.characterView.getByAccount(account[0].id);
 
-      return response.status(200).send({ status: 200, result: { account, characters }});
+      return ctx.response.status(200).send({ status: 200, result: { account, characters }});
     } catch(err) {
       console.log('Error findAccount Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 
-  public async update({ request, response, bouncer}: HttpContextContract) {
+  public async update(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
-      const data = await request.validate(UpdateValidator);
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
+      const data = await ctx.request.validate(UpdateValidator);
       
       const account = await this.account.validateName(data.id, data.name);
       
       if (account.length) {
-        return response.status(404).send({ message: "Error. The username is already used."});
+        return ctx.response.status(404).send({ message: "Error. The username is already used."});
       }
       
       const affectedRows = await this.accountRepository.update(data.id, data);
       
       if (!affectedRows) {
-        return response.status(404).send({ message: "Account not found."});
+        return ctx.response.status(404).send({ message: "Account not found."});
       }
       
-      return response.status(200).send({ status: 200, message: "Account successfully updated." });
+      return ctx.response.status(200).send({ status: 200, message: "Account successfully updated." });
     } catch (err) {
       console.log('Error updateAccount Query: ', err);
-      return response.status(400).send({ message: err})
+      return ctx.response.status(400).send({ message: err})
     }
   }
 }
diff --git a/backend/app/Controllers/Dashboard/Dashboard.ts b/backend/app/Controllers/Dashboard/Dashboard.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/backend/app/Controllers/Dashboard/Guilds.ts b/backend/app/Controllers/Dashboard/Guilds.ts
index 3001c66..137ab60 100644
--- a/backend/app/Controllers/Dashboard/Guilds.ts
+++ b/backend/app/Controllers/Dashboard/Guilds.ts
@@ -1,25 +1,19 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { GuildView } from 'App/Services';
 
 export default class GuildsController {
-  public async show({ response, bouncer }: HttpContextContract) {
+  public guildView: GuildView = new GuildView();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const accounts = await Database
-        .from('guilds')
-        .count('* as total');
+      const accounts = await this.guildView.getTotalGuilds();
 
-      return response.status(200).send({ result: accounts});
+      return ctx.response.status(200).send({ result: accounts});
     } catch(err) {
       console.log('Error getTotalGuilds Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
-
-  public async edit({}: HttpContextContract) {}
-
-  public async update({}: HttpContextContract) {}
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Services/GuildService.ts b/backend/app/Services/GuildService.ts
index 619870e..5156cf1 100644
--- a/backend/app/Services/GuildService.ts
+++ b/backend/app/Services/GuildService.ts
@@ -1,6 +1,17 @@
 import Database from '@ioc:Adonis/Lucid/Database'
 
 class GuildView {
+  public async getTotalGuilds(): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('guilds')
+        .count('* as total');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
   public async getGuildById(guild_id: number): Promise<Object[]> {  
     try {
       return await Database

From dc862388bcea781c2c94b154c8f46076a8c87b45 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:46:37 -0300
Subject: [PATCH 44/48] [BACK] feat: added news crud

---
 backend/app/Controllers/Dashboard/News.ts | 67 ++++++++++-------------
 backend/app/Services/NewsService.ts       | 48 +++++++++++++++-
 backend/app/Services/index.ts             | 28 ++++++----
 3 files changed, 91 insertions(+), 52 deletions(-)

diff --git a/backend/app/Controllers/Dashboard/News.ts b/backend/app/Controllers/Dashboard/News.ts
index fc09639..58983ae 100644
--- a/backend/app/Controllers/Dashboard/News.ts
+++ b/backend/app/Controllers/Dashboard/News.ts
@@ -1,33 +1,32 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 import { StoreValidator, UpdateValidator } from 'App/Validators/News'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { NewsRepository, NewsView } from 'App/Services';
 
 export default class AccountsController {
-  public async index({ request, response }: HttpContextContract) {
+  public newsView: NewsView = new NewsView();
+  public newsRepository: NewsRepository = new NewsRepository();
+
+  public async index(ctx: HttpContextContract) {
     try {
-      const news = await Database
-        .from('electro_news')
-        .select('id', 'title', 'body', 'created_at')
-        .orderBy('created_at', 'desc')
-        .paginate(request.param('page', 1), request.param('limit'));
+      const news = await this.newsView.getNews(ctx.request.param('page'), ctx.request.param('limit'));
       
-      return response.status(200).send({ status: 200, news });
+      return ctx.response.status(200).send({ status: 200, news });
     } catch(err) {
       console.log('Error getNews Query: ', err);
-      return response.status(400).send({ error: 'An error occurred, check the api console.'});
+      return ctx.response.status(400).send({ error: 'An error occurred, check the api console.'});
     }
   }
 
-  public async store({ request, response, auth, bouncer }: HttpContextContract) {
+  public async store(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const data = await request.validate(StoreValidator);
+      const data = await ctx.request.validate(StoreValidator);
 
-      const account = auth.user;
+      const account = ctx.auth.user;
 
       if (!account || !account.id) {
-        return response.unauthorized();
+        return ctx.response.unauthorized();
       }
 
       const news = {
@@ -39,48 +38,38 @@ export default class AccountsController {
         created_at: new Date()
       }
 
-      await Database.table('electro_news').returning('id').insert(news);
+      await this.newsRepository.create(news);
 
-      return response.status(200).send({ status: 200, message: 'New Post created successfully!'});
+      return ctx.response.status(200).send({ status: 200, message: 'New Post created successfully!'});
     } catch (err) {
       console.log('Error createNewPage Query: ', err);
-      return response.badRequest(err.messages);
+      return ctx.response.badRequest(err.messages);
     }
   }
 
-  public async show({ request, response, bouncer }: HttpContextContract) {
-    await bouncer.with('DashboardPolicy').authorize('viewList');
+  public async show(ctx: HttpContextContract) {
+    await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-    const page = await Database
-      .from('electro_news')
-      .select('*')
-      .where('id', '=', request.param('id'))
+    const page = await this.newsView.findNewsById(ctx.request.param('id'));
     if (!page.length) {
-      return response.status(404).send({ message: 'News not found.' });
+      return ctx.response.status(404).send({ message: 'News not found.' });
     }
-    return response.status(200).send({ status: 200, page });
+    return ctx.response.status(200).send({ status: 200, page });
   }
 
-  public async update({ request, response, auth, bouncer }: HttpContextContract) {
-    await bouncer.with('DashboardPolicy').authorize('viewList');
+  public async update(ctx: HttpContextContract) {
+    await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-    const data = await request.validate(UpdateValidator);
+    const data = await ctx.request.validate(UpdateValidator);
 
-    const account = auth.user;
+    const account = ctx.auth.user;
 
     if (!account || !account.id) {
-      return response.unauthorized();
+      return ctx.response.unauthorized();
     }
 
-    await Database.from('electro_news')
-      .where('id', '=', data.news_id)
-      .update({ 
-        title: data.title,
-        body: data.description,
-        hidden: data.hidden ? 1 : 0,
-        updated_at: new Date()
-      });
+    await this.newsRepository.update(data.news_id, data);
     
-    return response.status(200).send({ status: 200, message: "Post successfully updated." });
+    return ctx.response.status(200).send({ status: 200, message: "Post successfully updated." });
   }
 }
diff --git a/backend/app/Services/NewsService.ts b/backend/app/Services/NewsService.ts
index 6296f28..14a7383 100644
--- a/backend/app/Services/NewsService.ts
+++ b/backend/app/Services/NewsService.ts
@@ -1,6 +1,20 @@
 import Database from '@ioc:Adonis/Lucid/Database'
 
-export default class NewsService {
+class News {
+}
+
+class NewsView {
+  public async findNewsById(news_id: number): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('electro_news')
+        .select('*')
+        .where('id', '=', news_id)
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
   public async getNews(page: number, limit: number): Promise<Object[]> {  
     try {
       return await Database
@@ -14,4 +28,34 @@ export default class NewsService {
       return err;
     }
   }
-}
\ No newline at end of file
+}
+
+class NewsRepository {
+  public async create(news: Object): Promise<Object[]> {  
+    try {
+      return await Database.table('electro_news').returning('id').insert(news);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+
+  public async update(news_id: number, data: any): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('electro_news')
+        .where('id', '=', news_id)
+        .update({ 
+          title: data.title,
+          body: data.description,
+          hidden: data.hidden ? 1 : 0,
+          updated_at: new Date()
+        });
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
+}
+
+export { News, NewsRepository, NewsView };
\ No newline at end of file
diff --git a/backend/app/Services/index.ts b/backend/app/Services/index.ts
index dbd14ea..19b7181 100644
--- a/backend/app/Services/index.ts
+++ b/backend/app/Services/index.ts
@@ -2,30 +2,36 @@ export {
   Account,
   AccountRepository,
   AccountView
-} from './AccountService'
+} from './AccountService';
 
 export { 
   Character, 
   CharacterRepository, 
   CharacterView 
-} from './CharacterService'
+} from './CharacterService';
 
-export { default as DeathService } from './DeathService'
+export { default as DeathService } from './DeathService';
 
 export { 
   GuildRepository,
   GuildView
-} from './GuildService'
+} from './GuildService';
 
-export { default as HighscoresService } from './HighscoresService'
-export { default as ItemService } from './ItemService'
-export { default as HouseService } from './HouseService'
-export { default as NewsService } from './NewsService'
-export { default as OnlineService } from './OnlineService'
+export { default as HighscoresService } from './HighscoresService';
+export { default as ItemService } from './ItemService';
+export { default as HouseService } from './HouseService';
+
+export { 
+  News,
+  NewsRepository,
+  NewsView
+} from './NewsService';
+
+export { default as OnlineService } from './OnlineService';
 
 export { 
   Skill,
   SkillView
-} from './SkillService'
+} from './SkillService';
 
-export { default as StorageService } from './StorageService'
\ No newline at end of file
+export { default as StorageService } from './StorageService';
\ No newline at end of file

From c346758acb03b1933c2b1e5c0314d14d0c01e0c3 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:49:05 -0300
Subject: [PATCH 45/48] [BACK] feat: added function getTopPremiumPoints

---
 .../Controllers/Dashboard/PremiumPoints.ts    | 24 +++++++------------
 backend/app/Services/AccountService.ts        | 13 ++++++++++
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/backend/app/Controllers/Dashboard/PremiumPoints.ts b/backend/app/Controllers/Dashboard/PremiumPoints.ts
index ac58701..0803c42 100644
--- a/backend/app/Controllers/Dashboard/PremiumPoints.ts
+++ b/backend/app/Controllers/Dashboard/PremiumPoints.ts
@@ -1,27 +1,19 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { AccountView } from 'App/Services';
 
 export default class PremiumPointsController {
-  public async show({ response, bouncer }: HttpContextContract) {
+  public accountView: AccountView = new AccountView();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const accounts = await Database
-        .from('accounts')
-        .select('premium_points', 'name')
-        .orderBy('premium_points', 'desc')
-        .limit(10);
+      const accounts = await this.accountView.getTopPremiumPoints();
 
-      return response.status(200).send({ result: accounts});
+      return ctx.response.status(200).send({ result: accounts});
     } catch(err) {
       console.log('Error getTopPremiumPoints Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
-
-  public async edit({}: HttpContextContract) {}
-
-  public async update({}: HttpContextContract) {}
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Services/AccountService.ts b/backend/app/Services/AccountService.ts
index 08b93af..9cc56d1 100644
--- a/backend/app/Services/AccountService.ts
+++ b/backend/app/Services/AccountService.ts
@@ -60,6 +60,19 @@ class AccountView {
       return err;
     }
   }
+
+  public async getTopPremiumPoints(): Promise<Object[]> {  
+    try {
+      return await Database
+        .from('accounts')
+        .select('premium_points', 'name')
+        .orderBy('premium_points', 'desc')
+        .limit(10);
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
 }
 
 class AccountRepository {

From 3aa8f3926065afa596a95d9ba8042e9cc8c2423a Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:52:30 -0300
Subject: [PATCH 46/48] [BACK] feat: added function getTotalVocations

---
 .../app/Controllers/Dashboard/Vocations.ts    | 24 +++++++------------
 backend/app/Controllers/News/Main.ts          |  6 ++---
 backend/app/Controllers/Players/Skills.ts     |  6 ++---
 backend/app/Services/CharacterService.ts      | 13 ++++++++++
 4 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/backend/app/Controllers/Dashboard/Vocations.ts b/backend/app/Controllers/Dashboard/Vocations.ts
index e9fb638..26da3d1 100644
--- a/backend/app/Controllers/Dashboard/Vocations.ts
+++ b/backend/app/Controllers/Dashboard/Vocations.ts
@@ -1,27 +1,19 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import Database from '@ioc:Adonis/Lucid/Database'
+import { CharacterView } from 'App/Services';
 
 export default class PremiumPointsController {
-  public async show({ response, bouncer }: HttpContextContract) {
+  public characterView: CharacterView = new CharacterView();
+
+  public async show(ctx: HttpContextContract) {
     try {
-      await bouncer.with('DashboardPolicy').authorize('viewList');
+      await ctx.bouncer.with('DashboardPolicy').authorize('viewList');
 
-      const vocations = await Database
-        .from('players')
-        .select('vocation')
-        .count('* as total')
-        .groupBy('vocation');
+      const vocations = await this.characterView.getTotalVocations();
 
-      return response.status(200).send({ result: vocations});
+      return ctx.response.status(200).send({ result: vocations});
     } catch(err) {
       console.log('Error getTopPremiumPoints Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
-
-  public async edit({}: HttpContextContract) {}
-
-  public async update({}: HttpContextContract) {}
-
-  public async destroy({}: HttpContextContract) {}
 }
diff --git a/backend/app/Controllers/News/Main.ts b/backend/app/Controllers/News/Main.ts
index f020861..e43db4c 100644
--- a/backend/app/Controllers/News/Main.ts
+++ b/backend/app/Controllers/News/Main.ts
@@ -1,12 +1,12 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import { NewsService } from 'App/Services'
+import { NewsView } from 'App/Services'
 
 export default class NewsController {
-  public newsService: NewsService = new NewsService();
+  public newsView: NewsView = new NewsView();
 
   public async show(ctx: HttpContextContract) {
     try {
-      const news = await this.newsService.getNews(ctx.request.param('page'), ctx.request.param('limit'));
+      const news = await this.newsView.getNews(ctx.request.param('page'), ctx.request.param('limit'));
       
       return ctx.response.status(200).send({ status: 200, news });
     } catch(err) {
diff --git a/backend/app/Controllers/Players/Skills.ts b/backend/app/Controllers/Players/Skills.ts
index e1b3827..ce40dcc 100644
--- a/backend/app/Controllers/Players/Skills.ts
+++ b/backend/app/Controllers/Players/Skills.ts
@@ -1,12 +1,12 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
-import { SkillService } from 'App/Services'
+import { SkillView } from 'App/Services'
 
 export default class PlayerSkillController {
-  public skillService: SkillService = new SkillService();
+  public skillView: SkillView = new SkillView();
 
   public async show(ctx: HttpContextContract) {
     try {
-      const playerSkills = await this.skillService.getCharacterSkills(ctx.request.param('id'));
+      const playerSkills = await this.skillView.getCharacterSkills(ctx.request.param('id'));
 
       return ctx.response.status(200).send({ result: playerSkills});
     } catch(err) {
diff --git a/backend/app/Services/CharacterService.ts b/backend/app/Services/CharacterService.ts
index 80a4f2f..8a61f72 100644
--- a/backend/app/Services/CharacterService.ts
+++ b/backend/app/Services/CharacterService.ts
@@ -128,6 +128,19 @@ class CharacterView {
       return err;
     }
   }
+
+  public async getTotalVocations(): Promise<Object[]>  {
+    try {
+      return await Database
+        .from('players')
+        .select('vocation')
+        .count('* as total')
+        .groupBy('vocation');
+    } catch (err) {
+      console.log(err);
+      return err;
+    }
+  }
 }
 class CharacterRepository {
   public async create(newPlayer: Object): Promise<Number> {

From 4d98c6b3274caddcebd2dc3a3e56de579344fce5 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 11:59:45 -0300
Subject: [PATCH 47/48] [BACK] refactor: standardized http context

---
 README.md                                         |  9 ++++++++-
 backend/app/Controllers/Account/Characters.ts     |  8 ++++----
 backend/app/Controllers/Account/ForgotPassword.ts | 12 ++++++------
 backend/app/Controllers/Account/Main.ts           |  4 ++--
 backend/app/Controllers/Account/Register.ts       | 10 +++++-----
 backend/app/Controllers/Auth/Main.ts              |  6 +++---
 6 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index 4e415bb..328b716 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,14 @@
 <br>
 
 ##  👨🏾‍💻 Project documentation.
-<a href="https://walistonbelles1.gitbook.io/electroaac/" target="_blank"> Documentation </a>
+Learn all about the project through our documentation: <a href="https://walistonbelles1.gitbook.io/electroaac/" target="_blank"> Documentation </a>
+
+<br>
+
+##  👨🏾‍💻 Demo.
+Want to see the project better? Access our demo: <a href="http://www.electro-aac.org/" target="_blank"> Demo </a>
+
+<br>
 
 ## 👨🏾‍💻 Techs 
 
diff --git a/backend/app/Controllers/Account/Characters.ts b/backend/app/Controllers/Account/Characters.ts
index f4b5430..8837617 100644
--- a/backend/app/Controllers/Account/Characters.ts
+++ b/backend/app/Controllers/Account/Characters.ts
@@ -87,14 +87,14 @@ export default class CharactersAccount {
     }
   }
 
-  public async show({ request, response }: HttpContextContract) {
+  public async show(ctx: HttpContextContract) {
     try {
-      const characters = await this.characterView.getByAccount(request.param('id'));
+      const characters = await this.characterView.getByAccount(ctx.request.param('id'));
 
-      return response.status(200).send({ result: characters});
+      return ctx.response.status(200).send({ result: characters});
     } catch(err) {
       console.log('Error getPlayersAccount Query: ', err);
-      return response.status(400).send({ message: 'An error occurred, check the api console.'})
+      return ctx.response.status(400).send({ message: 'An error occurred, check the api console.'})
     }
   }
 }
diff --git a/backend/app/Controllers/Account/ForgotPassword.ts b/backend/app/Controllers/Account/ForgotPassword.ts
index c446f86..b413a57 100644
--- a/backend/app/Controllers/Account/ForgotPassword.ts
+++ b/backend/app/Controllers/Account/ForgotPassword.ts
@@ -5,8 +5,8 @@ import Mail from '@ioc:Adonis/Addons/Mail'
 import faker from 'faker'
 
 export default class UserForgotPasswordController {
-  public async store({ request }: HttpContextContract) {
-    const { email, redirectUrl } = await request.validate(StoreValidator)
+  public async store(ctx: HttpContextContract) {
+    const { email, redirectUrl } = await ctx.request.validate(StoreValidator)
 
     const account = await Account.findByOrFail('email', email)
 
@@ -24,12 +24,12 @@ export default class UserForgotPasswordController {
     })
   }
 
-  public async show({ params }: HttpContextContract) {
-    await AccountKey.findByOrFail('key', params.key)
+  public async show(ctx: HttpContextContract) {
+    await AccountKey.findByOrFail('key', ctx.params.key)
   }
 
-  public async update({ request }: HttpContextContract) {
-    const { key, password } = await request.validate(UpdateValidator)
+  public async update(ctx: HttpContextContract) {
+    const { key, password } = await ctx.request.validate(UpdateValidator)
 
     const accountKey = await AccountKey.findByOrFail('key', key)
 
diff --git a/backend/app/Controllers/Account/Main.ts b/backend/app/Controllers/Account/Main.ts
index b4e000c..69d2f34 100644
--- a/backend/app/Controllers/Account/Main.ts
+++ b/backend/app/Controllers/Account/Main.ts
@@ -1,8 +1,8 @@
 import { HttpContextContract } from '@ioc:Adonis/Core/HttpContext'
 
 export default class AccountController {
-  public async show({ auth }: HttpContextContract) {
-    const account = auth.user!;
+  public async show(ctx: HttpContextContract) {
+    const account = ctx.auth.user!;
     /**
      * @TODO => Filtrar somente os dados que devem ser retornados a fins de consumo no frontend
      */
diff --git a/backend/app/Controllers/Account/Register.ts b/backend/app/Controllers/Account/Register.ts
index 4dce9a5..d136f16 100644
--- a/backend/app/Controllers/Account/Register.ts
+++ b/backend/app/Controllers/Account/Register.ts
@@ -5,8 +5,8 @@ import faker from 'faker'
 import Mail from '@ioc:Adonis/Addons/Mail'
 
 export default class AccountRegisterController {
-  public async store({ request, response }: HttpContextContract) {
-    const { email, name, password } = await request.validate(StoreValidator);
+  public async store(ctx: HttpContextContract) {
+    const { email, name, password } = await ctx.request.validate(StoreValidator);
     
     const account = await Account.create({ 
       email, 
@@ -55,11 +55,11 @@ export default class AccountRegisterController {
       message.htmlView('mails/register')
     })
 
-    return response.send({ status: 200, message: 'Created Successfully'});
+    return ctx.response.send({ status: 200, message: 'Created Successfully'});
   }
 
-  public async show({ params }: HttpContextContract) {
-    const accountKey = await AccountKey.findByOrFail('key', params.code);
+  public async show(ctx: HttpContextContract) {
+    const accountKey = await AccountKey.findByOrFail('key', ctx.params.code);
     const account = await accountKey.related('account').query().firstOrFail()
 
     return account;
diff --git a/backend/app/Controllers/Auth/Main.ts b/backend/app/Controllers/Auth/Main.ts
index df19d43..decaad9 100644
--- a/backend/app/Controllers/Auth/Main.ts
+++ b/backend/app/Controllers/Auth/Main.ts
@@ -4,8 +4,8 @@ import { Account } from 'App/Models'
 import encrypt from 'js-sha1';
 
 export default class AuthController {
-  public async store({ request, auth }: HttpContextContract) {
-    const { name, password, rememberMe } = await request.validate(StoreValidator);
+  public async store(ctx: HttpContextContract) {
+    const { name, password, rememberMe } = await ctx.request.validate(StoreValidator);
 
     const encryptedPassword = encrypt(password);
     
@@ -18,7 +18,7 @@ export default class AuthController {
     if (!user)
       return "";
 
-    const token = await auth.use('api').generate(user, {
+    const token = await ctx.auth.use('api').generate(user, {
       expiresIn: rememberMe ? '7 days' : '30mins'
     });
 

From d71c168c7b847cc41bb52c0c96fd08aedb9274a9 Mon Sep 17 00:00:00 2001
From: Waliston Belles <walistonbelles1@gmail.com>
Date: Sat, 5 Feb 2022 12:50:15 -0300
Subject: [PATCH 48/48] [FRONT] fix: fixed post time formatting

---
 frontend/components/molecules/news/LastnewsList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/molecules/news/LastnewsList.vue b/frontend/components/molecules/news/LastnewsList.vue
index 6652129..6b08580 100644
--- a/frontend/components/molecules/news/LastnewsList.vue
+++ b/frontend/components/molecules/news/LastnewsList.vue
@@ -93,7 +93,7 @@ export default Vue.extend({
       if (!date || date < 0) {
         return "";
       }
-      return moment().format("DD.MM.YYYY HH:mm:ss")
+      return moment(date).format("DD.MM.YYYY HH:mm:ss")
     }
   }
 })