From ffe97312c990a36a1dd738e68ea326cdeb1cb77c Mon Sep 17 00:00:00 2001 From: Dennis Postma Date: Wed, 24 Jul 2024 22:32:14 +0200 Subject: [PATCH] Sprite manager front- and backend logics --- package-lock.json | 118 +++++++++--------- public/assets/icons/assetManager/armor.svg | 1 + .../assets/icons/assetManager/character.svg | 1 + .../{zoneEditor => assetManager}/monster.svg | 0 public/assets/icons/assetManager/mounts.svg | 1 + public/assets/icons/assetManager/npc.svg | 73 +++++++++++ public/assets/icons/assetManager/object.svg | 1 + public/assets/icons/assetManager/pet.svg | 1 + public/assets/icons/assetManager/tiles.svg | 1 + public/assets/icons/full-screen.svg | 1 + public/assets/icons/minimize.svg | 1 + src/components/utilities/Accordion.vue | 12 +- src/components/utilities/GmPanel.vue | 2 +- src/components/utilities/Modal.vue | 42 +++++-- .../partials/sprite/SpriteDetails.vue | 86 ++++++++----- src/config.ts | 2 +- src/screens/Game.vue | 15 +-- src/stores/zoneEditor.ts | 2 +- 18 files changed, 242 insertions(+), 118 deletions(-) create mode 100644 public/assets/icons/assetManager/armor.svg create mode 100644 public/assets/icons/assetManager/character.svg rename public/assets/icons/{zoneEditor => assetManager}/monster.svg (100%) create mode 100644 public/assets/icons/assetManager/mounts.svg create mode 100644 public/assets/icons/assetManager/npc.svg create mode 100644 public/assets/icons/assetManager/object.svg create mode 100644 public/assets/icons/assetManager/pet.svg create mode 100644 public/assets/icons/assetManager/tiles.svg create mode 100644 public/assets/icons/full-screen.svg create mode 100644 public/assets/icons/minimize.svg diff --git a/package-lock.json b/package-lock.json index e0209b6..0fba496 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2204,39 +2204,39 @@ } }, "node_modules/@vue/compiler-core": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.33.tgz", - "integrity": "sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.34.tgz", + "integrity": "sha512-Z0izUf32+wAnQewjHu+pQf1yw00EGOmevl1kE+ljjjMe7oEfpQ+BI3/JNK7yMB4IrUsqLDmPecUrpj3mCP+yJQ==", "license": "MIT", "dependencies": { "@babel/parser": "^7.24.7", - "@vue/shared": "3.4.33", + "@vue/shared": "3.4.34", "entities": "^4.5.0", "estree-walker": "^2.0.2", "source-map-js": "^1.2.0" } }, "node_modules/@vue/compiler-dom": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.33.tgz", - "integrity": "sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.34.tgz", + "integrity": "sha512-3PUOTS1h5cskdOJMExCu2TInXuM0j60DRPpSCJDqOCupCfUZCJoyQmKtRmA8EgDNZ5kcEE7vketamRZfrEuVDw==", "license": "MIT", "dependencies": { - "@vue/compiler-core": "3.4.33", - "@vue/shared": "3.4.33" + "@vue/compiler-core": "3.4.34", + "@vue/shared": "3.4.34" } }, "node_modules/@vue/compiler-sfc": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz", - "integrity": "sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.34.tgz", + "integrity": "sha512-x6lm0UrM03jjDXTPZgD9Ad8bIVD1ifWNit2EaWQIZB5CULr46+FbLQ5RpK7AXtDHGjx9rmvC7QRCTjsiGkAwRw==", "license": "MIT", "dependencies": { "@babel/parser": "^7.24.7", - "@vue/compiler-core": "3.4.33", - "@vue/compiler-dom": "3.4.33", - "@vue/compiler-ssr": "3.4.33", - "@vue/shared": "3.4.33", + "@vue/compiler-core": "3.4.34", + "@vue/compiler-dom": "3.4.34", + "@vue/compiler-ssr": "3.4.34", + "@vue/shared": "3.4.34", "estree-walker": "^2.0.2", "magic-string": "^0.30.10", "postcss": "^8.4.39", @@ -2244,13 +2244,13 @@ } }, "node_modules/@vue/compiler-ssr": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.33.tgz", - "integrity": "sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.34.tgz", + "integrity": "sha512-8TDBcLaTrFm5rnF+Qm4BlliaopJgqJ28Nsrc80qazynm5aJO+Emu7y0RWw34L8dNnTRdcVBpWzJxhGYzsoVu4g==", "license": "MIT", "dependencies": { - "@vue/compiler-dom": "3.4.33", - "@vue/shared": "3.4.33" + "@vue/compiler-dom": "3.4.34", + "@vue/shared": "3.4.34" } }, "node_modules/@vue/devtools-api": { @@ -2369,53 +2369,53 @@ } }, "node_modules/@vue/reactivity": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.33.tgz", - "integrity": "sha512-B24QIelahDbyHipBgbUItQblbd4w5HpG3KccL+YkGyo3maXyS253FzcTR3pSz739OTphmzlxP7JxEMWBpewilA==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.34.tgz", + "integrity": "sha512-ua+Lo+wBRlBEX9TtgPOShE2JwIO7p6BTZ7t1KZVPoaBRfqbC7N3c8Mpzicx173fXxx5VXeU6ykiHo7WgLzJQDA==", "license": "MIT", "dependencies": { - "@vue/shared": "3.4.33" + "@vue/shared": "3.4.34" } }, "node_modules/@vue/runtime-core": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.33.tgz", - "integrity": "sha512-6wavthExzT4iAxpe8q37/rDmf44nyOJGISJPxCi9YsQO+8w9v0gLCFLfH5TzD1V1AYrTAdiF4Y1cgUmP68jP6w==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.34.tgz", + "integrity": "sha512-PXhkiRPwcPGJ1BnyBZFI96GfInCVskd0HPNIAZn7i3YOmLbtbTZpB7/kDTwC1W7IqdGPkTVC63IS7J2nZs4Ebg==", "license": "MIT", "dependencies": { - "@vue/reactivity": "3.4.33", - "@vue/shared": "3.4.33" + "@vue/reactivity": "3.4.34", + "@vue/shared": "3.4.34" } }, "node_modules/@vue/runtime-dom": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.33.tgz", - "integrity": "sha512-iHsMCUSFJ+4z432Bn9kZzHX+zOXa6+iw36DaVRmKYZpPt9jW9riF32SxNwB124i61kp9+AZtheQ/mKoJLerAaQ==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.34.tgz", + "integrity": "sha512-dXqIe+RqFAK2Euak4UsvbIupalrhc67OuQKpD7HJ3W2fv8jlqvI7szfBCsAEcE8o/wyNpkloxB6J8viuF/E3gw==", "license": "MIT", "dependencies": { - "@vue/reactivity": "3.4.33", - "@vue/runtime-core": "3.4.33", - "@vue/shared": "3.4.33", + "@vue/reactivity": "3.4.34", + "@vue/runtime-core": "3.4.34", + "@vue/shared": "3.4.34", "csstype": "^3.1.3" } }, "node_modules/@vue/server-renderer": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.33.tgz", - "integrity": "sha512-jTH0d6gQcaYideFP/k0WdEu8PpRS9MF8d0b6SfZzNi+ap972pZ0TNIeTaESwdOtdY0XPVj54XEJ6K0wXxir4fw==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.34.tgz", + "integrity": "sha512-GeyEUfMVRZMD/mZcNONEqg7MiU10QQ1DB3O/Qr6+8uXpbwdlmVgQ5Qs1/ZUAFX1X2UUtqMoGrDRbxdWfOJFT7Q==", "license": "MIT", "dependencies": { - "@vue/compiler-ssr": "3.4.33", - "@vue/shared": "3.4.33" + "@vue/compiler-ssr": "3.4.34", + "@vue/shared": "3.4.34" }, "peerDependencies": { - "vue": "3.4.33" + "vue": "3.4.34" } }, "node_modules/@vue/shared": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.33.tgz", - "integrity": "sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.34.tgz", + "integrity": "sha512-x5LmiRLpRsd9KTjAB8MPKf0CDPMcuItjP0gbNqFCIgL1I8iYp4zglhj9w9FPCdIbHG2M91RVeIbArFfFTz9I3A==", "license": "MIT" }, "node_modules/@vue/test-utils": { @@ -5705,9 +5705,9 @@ } }, "node_modules/postcss": { - "version": "8.4.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz", - "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==", + "version": "8.4.40", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.40.tgz", + "integrity": "sha512-YF2kKIUzAofPMpfH6hOi2cGnv/HrUlfucspc7pDyvv7kGdqXrfj8SCl/t8owkEgKEuu8ZcRjSOxFxVLqwChZ2Q==", "funding": [ { "type": "opencollective", @@ -7178,16 +7178,16 @@ "license": "MIT" }, "node_modules/vue": { - "version": "3.4.33", - "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.33.tgz", - "integrity": "sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==", + "version": "3.4.34", + "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.34.tgz", + "integrity": "sha512-VZze05HWlA3ItreQ/ka7Sx7PoD0/3St8FEiSlSTVgb6l4hL+RjtP2/8g5WQBzZgyf8WG2f+g1bXzC7zggLhAJA==", "license": "MIT", "dependencies": { - "@vue/compiler-dom": "3.4.33", - "@vue/compiler-sfc": "3.4.33", - "@vue/runtime-dom": "3.4.33", - "@vue/server-renderer": "3.4.33", - "@vue/shared": "3.4.33" + "@vue/compiler-dom": "3.4.34", + "@vue/compiler-sfc": "3.4.34", + "@vue/runtime-dom": "3.4.34", + "@vue/server-renderer": "3.4.34", + "@vue/shared": "3.4.34" }, "peerDependencies": { "typescript": "*" @@ -7542,9 +7542,9 @@ "license": "ISC" }, "node_modules/yaml": { - "version": "2.4.5", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz", - "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==", + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz", + "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==", "dev": true, "license": "ISC", "bin": { diff --git a/public/assets/icons/assetManager/armor.svg b/public/assets/icons/assetManager/armor.svg new file mode 100644 index 0000000..9e32dbd --- /dev/null +++ b/public/assets/icons/assetManager/armor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/assetManager/character.svg b/public/assets/icons/assetManager/character.svg new file mode 100644 index 0000000..12014ae --- /dev/null +++ b/public/assets/icons/assetManager/character.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/zoneEditor/monster.svg b/public/assets/icons/assetManager/monster.svg similarity index 100% rename from public/assets/icons/zoneEditor/monster.svg rename to public/assets/icons/assetManager/monster.svg diff --git a/public/assets/icons/assetManager/mounts.svg b/public/assets/icons/assetManager/mounts.svg new file mode 100644 index 0000000..018acb9 --- /dev/null +++ b/public/assets/icons/assetManager/mounts.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/assetManager/npc.svg b/public/assets/icons/assetManager/npc.svg new file mode 100644 index 0000000..6a90289 --- /dev/null +++ b/public/assets/icons/assetManager/npc.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/icons/assetManager/object.svg b/public/assets/icons/assetManager/object.svg new file mode 100644 index 0000000..b918e33 --- /dev/null +++ b/public/assets/icons/assetManager/object.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/assetManager/pet.svg b/public/assets/icons/assetManager/pet.svg new file mode 100644 index 0000000..6dc2ace --- /dev/null +++ b/public/assets/icons/assetManager/pet.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/assetManager/tiles.svg b/public/assets/icons/assetManager/tiles.svg new file mode 100644 index 0000000..a3438e0 --- /dev/null +++ b/public/assets/icons/assetManager/tiles.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/full-screen.svg b/public/assets/icons/full-screen.svg new file mode 100644 index 0000000..c7ea37d --- /dev/null +++ b/public/assets/icons/full-screen.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/icons/minimize.svg b/public/assets/icons/minimize.svg new file mode 100644 index 0000000..859b306 --- /dev/null +++ b/public/assets/icons/minimize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/utilities/Accordion.vue b/src/components/utilities/Accordion.vue index 9ac55cb..78bc7da 100644 --- a/src/components/utilities/Accordion.vue +++ b/src/components/utilities/Accordion.vue @@ -1,11 +1,11 @@