From 3860ad47c76377efc95673ec7d12900c7488ffaf Mon Sep 17 00:00:00 2001
From: Axel Cocat <ax.cocat@gmail.com>
Date: Sat, 26 Feb 2022 21:10:57 +0100
Subject: [PATCH] feat(index): add datatables responsive plugin

---
 package-lock.json                         |  4 ++--
 package.json                              |  2 +-
 src/armory/controllers/IndexController.ts |  2 +-
 static/index.html                         | 12 +++++++++---
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 937775c..e0a2b30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "azerothcore-armory",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "azerothcore-armory",
-			"version": "0.6.3",
+			"version": "0.6.4",
 			"license": "MIT",
 			"dependencies": {
 				"@supercharge/promise-pool": "^2.1.0",
diff --git a/package.json b/package.json
index 1f60e1b..6d83c16 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "azerothcore-armory",
-	"version": "0.6.3",
+	"version": "0.6.4",
 	"description": "",
 	"scripts": {
 		"build": "tsc -p tsconfig.json",
diff --git a/src/armory/controllers/IndexController.ts b/src/armory/controllers/IndexController.ts
index 0bd2ac3..4c481ac 100644
--- a/src/armory/controllers/IndexController.ts
+++ b/src/armory/controllers/IndexController.ts
@@ -72,8 +72,8 @@ export class IndexController {
 			{ name: "name", collation: `${charSet}_general_ci` },
 			{ table: "guild", name: "name" },
 			{ name: "level" },
-			{ name: "race", formatter: (race, row) => `${raceFiles[race]}_${row[6] === 0 ? "male" : "female"}` },
 			{ name: "class", formatter: cls => classFiles[cls] },
+			{ name: "race", formatter: (race, row) => `${raceFiles[race]}_${row[6] === 0 ? "male" : "female"}` },
 			{ name: "online", formatter: online => online === 1 },
 		]);
 		ssp.joins = [
diff --git a/static/index.html b/static/index.html
index 3513bd4..95ffe17 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,7 +1,10 @@
 <link rel="stylesheet" type="text/css" href="/css/index.css">
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
+<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css">
 <link rel="stylesheet" type="text/css" href="/css/datatables.css">
 <script type="application/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
+<script type="application/javascript"
+	src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
 
 <h1 class="title is-size-1">Armory</h1>
 
@@ -27,8 +30,8 @@
 			<th>Character name</th>
 			<th>Guild</th>
 			<th>Level</th>
-			<th>Race</th>
 			<th>Class</th>
+			<th>Race</th>
 			<th>Online</th>
 		</tr>
 	</thead>
@@ -57,12 +60,12 @@
 				{
 					searchable: false,
 					targets: 3,
-					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/race_${data}.jpg">`,
+					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/class_${data}.jpg">`,
 				},
 				{
 					searchable: false,
 					targets: 4,
-					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/class_${data}.jpg">`,
+					render: data => `<img src="{{aowow}}/static/images/wow/icons/medium/race_${data}.jpg">`,
 				},
 				{
 					searchable: false,
@@ -70,6 +73,9 @@
 					render: online => online ? "🟢" : "🔴",
 				},
 			],
+			responsive: {
+				details: true,
+			},
 		});
 	}