rak/dex-ui-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: rak:268312592bbd240e546c5284d47bbcb3d09db0a3
Branches Tags
rak:master rak:open-api
...
compare: rak:master
Branches Tags
rak:master rak:open-api

18 Commits
268312592b ... master

Author SHA1 Message Date
Katarina
3737ceb33a Bump version 2025-07-19 16:41:23 +02:00
Katarina
5ae114aeb1 Add CreateDeckView 
Amend CSS
Correct auth callback
 2025-07-19 16:41:08 +02:00
Katarina
0f30cdf8bb Bump version 2025-07-19 15:11:24 +02:00
Katarina
a7905e4158 Add version footer 2025-07-19 15:11:17 +02:00
Katarina
5c9c0cde60 Amend redirect URI 2025-07-17 17:52:24 +02:00
Katarina
7713c8e4ae Add CardSetImportModal 2025-07-17 17:48:44 +02:00
Katarina
9450d560c4 Update OpenAPI 2025-07-17 17:48:35 +02:00
Katarina
fcd1e4c888 Bump version 2025-07-17 17:14:46 +02:00
Katarina
47c468bab6 Correct callback 2025-07-17 17:14:34 +02:00
Katarina
1f0b08c122 Add debug logging 2025-07-17 15:03:38 +02:00
Katarina
e6ccae9af3 Amend API URL 2025-07-17 14:36:17 +02:00
Katarina
b3e4f76b18 Amend API URL 2025-07-17 14:29:10 +02:00
Katarina
bff0b35c5f Bump version 2025-07-17 13:56:01 +02:00
Katarina
bdeaa34851 Correct nginx proxy 2025-07-17 13:55:44 +02:00
Katarina
7c2c6834c2 Amend API base URL 2025-07-17 13:37:16 +02:00
Katarina
7dc4c9192b Amend API base URL 2025-07-17 13:36:56 +02:00
Katarina
e895602aa4 Amend port 2025-07-17 13:12:10 +02:00
Katarina
9c743ed514 Update OpenAPI, amend TS issues 2025-07-17 13:11:20 +02:00
63 changed files with 792 additions and 317 deletions
Expand all files Collapse all files

2
docker/docker-compose.yml
View File

@@ -25,7 +25,7 @@ services:
context: .. context: ..
dockerfile: docker/Dockerfile dockerfile: docker/Dockerfile
ports: ports:
- "7070:7070" - "80:80"
depends_on: depends_on:
- be - be
environment: environment:

14
docker/entrypoint.sh
View File

@@ -1,15 +1,13 @@
#!/bin/sh #!/bin/sh
set -e set -e
: "${API_HOST:=http://localhost}"
: "${API_PORT:=7070}"
# Create runtime config file in writable location # Create runtime config file in writable location
cat > /runtime-config/config.js <<EOF #cat > /runtime-config/config.js <<EOF
window.__APP_CONFIG__ = { #window.__APP_CONFIG__ = {
API_HOST: "${API_HOST}", # API_HOST: "${API_HOST}",
API_PORT: "${API_PORT}" # API_PORT: "${API_PORT}"
}; #};
EOF #EOF
# Generate nginx config from template (if using) # Generate nginx config from template (if using)
if [ -f "/etc/nginx/templates/nginx.conf.template" ]; then if [ -f "/etc/nginx/templates/nginx.conf.template" ]; then

1
index.html
View File

@@ -1,7 +1,6 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<script src="/config.js"></script>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

6
nginx.conf.template
View File

@@ -28,11 +28,11 @@ http {
resolver 127.0.0.11 valid=10s ipv6=off; resolver 127.0.0.11 valid=10s ipv6=off;
upstream backend { upstream backend {
server ${API_HOST}:${API_PORT}; server ${API_HOST}:8080;
} }
server { server {
listen 7070; listen 80;
server_name localhost; server_name localhost;
root /usr/share/nginx/html; root /usr/share/nginx/html;
index index.html; index index.html;
@@ -56,7 +56,7 @@ http {
access_log off; access_log off;
} }
location ^~ /api/ { location /api/ {
# Proxy to Quarkus # Proxy to Quarkus
proxy_pass http://backend; proxy_pass http://backend;
proxy_http_version 1.1; proxy_http_version 1.1;

2
package-lock.json generated
View File

@@ -1,6 +1,6 @@
{ {
"name": "dex-ui-vue", "name": "dex-ui-vue",
"version": "0.0.7", "version": "0.0.14",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "dex-ui-vue", "name": "dex-ui-vue",
"private": true, "private": true,
"version": "0.0.7", "version": "0.0.14",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

9
src/App.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex flex-col size-dvh"> <div class="flex flex-col size-full">
<!-- Navigator here --> <!-- Navigator here -->
<Menubar <Menubar
:model="items" :model="items"
@@ -32,10 +32,13 @@
</div> </div>
</template> </template>
</Menubar> </Menubar>
<main class="app-main pt-[60px]"> <main class="app-main w-full pt-[60px]">
<Toast/> <Toast/>
<RouterView/> <RouterView/>
</main> </main>
<footer class="fixed bottom-0 right-0">
v{{ version }}
</footer>
</div> </div>
</template> </template>
@@ -44,6 +47,8 @@ import {ref} from "vue";
import {useRouter} from "vue-router"; import {useRouter} from "vue-router";
import Toast from 'primevue/toast'; import Toast from 'primevue/toast';
import {useAuthStore} from "./stores/auth.ts"; import {useAuthStore} from "./stores/auth.ts";
// noinspection ES6UnusedImports Used in template
import { version } from '../package.json'
const authStore = useAuthStore(); const authStore = useAuthStore();
const router = useRouter(); const router = useRouter();

2
src/api/openapi/api.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/base.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/common.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/configuration.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

102
src/api/openapi/docs/SetService.md
View File

@@ -6,8 +6,8 @@ All URIs are relative to *http://localhost*
|------------- | ------------- | -------------| |------------- | ------------- | -------------|
|[**apiSetsNameGet**](#apisetsnameget) | **GET** /api/sets/{name} | Find Set By Name| |[**apiSetsNameGet**](#apisetsnameget) | **GET** /api/sets/{name} | Find Set By Name|
|[**apiSetsNameNewGet**](#apisetsnamenewget) | **GET** /api/sets/{name}/new | Fetch And Persist From Upstream| |[**apiSetsNameNewGet**](#apisetsnamenewget) | **GET** /api/sets/{name}/new | Fetch And Persist From Upstream|
|[**apiSetsNameScrapeGet**](#apisetsnamescrapeget) | **GET** /api/sets/{name}/scrape | Scrape And Persist From Upstream|
|[**getCardSetPage**](#getcardsetpage) | **GET** /api/sets | Get a page of Card Sets with optional name query parameter| |[**getCardSetPage**](#getcardsetpage) | **GET** /api/sets | Get a page of Card Sets with optional name query parameter|
|[**scrapeSetByName**](#scrapesetbyname) | **GET** /api/sets/{name}/scrape | Scrape a CardSet via name query parameter|
# **apiSetsNameGet** # **apiSetsNameGet**
> SetDto apiSetsNameGet() > SetDto apiSetsNameGet()
@@ -102,56 +102,6 @@ No authorization required
- **Accept**: application/json - **Accept**: application/json
### HTTP response details
| Status code | Description | Response headers |
|-------------|-------------|------------------|
|**200** | Set retrieved | - |
[[Back to top]](#) [[Back to API list]](../README.md#documentation-for-api-endpoints) [[Back to Model list]](../README.md#documentation-for-models) [[Back to README]](../README.md)
# **apiSetsNameScrapeGet**
> apiSetsNameScrapeGet()
### Example
```typescript
import {
SetService,
Configuration
} from './api';
const configuration = new Configuration();
const apiInstance = new SetService(configuration);
let name: string; // (default to undefined)
const { status, data } = await apiInstance.apiSetsNameScrapeGet(
name
);
```
### Parameters
|Name | Type | Description | Notes|
|------------- | ------------- | ------------- | -------------|
| **name** | [**string**] | | defaults to undefined|
### Return type
void (empty response body)
### Authorization
No authorization required
### HTTP request headers
- **Content-Type**: Not defined
- **Accept**: Not defined
### HTTP response details ### HTTP response details
| Status code | Description | Response headers | | Status code | Description | Response headers |
|-------------|-------------|------------------| |-------------|-------------|------------------|
@@ -215,3 +165,53 @@ No authorization required
[[Back to top]](#) [[Back to API list]](../README.md#documentation-for-api-endpoints) [[Back to Model list]](../README.md#documentation-for-models) [[Back to README]](../README.md) [[Back to top]](#) [[Back to API list]](../README.md#documentation-for-api-endpoints) [[Back to Model list]](../README.md#documentation-for-models) [[Back to README]](../README.md)
# **scrapeSetByName**
> scrapeSetByName()
### Example
```typescript
import {
SetService,
Configuration
} from './api';
const configuration = new Configuration();
const apiInstance = new SetService(configuration);
let name: string; // (default to undefined)
const { status, data } = await apiInstance.scrapeSetByName(
name
);
```
### Parameters
|Name | Type | Description | Notes|
|------------- | ------------- | ------------- | -------------|
| **name** | [**string**] | | defaults to undefined|
### Return type
void (empty response body)
### Authorization
No authorization required
### HTTP request headers
- **Content-Type**: Not defined
- **Accept**: Not defined
### HTTP response details
| Status code | Description | Response headers |
|-------------|-------------|------------------|
|**200** | Set retrieved | - |
[[Back to top]](#) [[Back to API list]](../README.md#documentation-for-api-endpoints) [[Back to Model list]](../README.md#documentation-for-models) [[Back to README]](../README.md)

2
src/api/openapi/index.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/attribute.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/card-page-search-request.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/card-print.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/card-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/card-upstream-fetch-request.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/card.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/deck-create-request.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/deck.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/job-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/job-status.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/job-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/link-arrow.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/monster-card-sub-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/monster-card-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/monster-card.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/monster-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page-card-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page-card-print-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page-deck-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page-job-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page-set-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/page.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/region-code-alias.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/region.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/regional-set.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/set-dto.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/spell-card-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/spell-card.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/trap-card-type.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/model/trap-card.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/service/card-print-service.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/service/card-service.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/service/deck-service.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

2
src/api/openapi/service/job-service.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).

168
src/api/openapi/service/set-service.ts
View File

@@ -4,7 +4,7 @@
* dex API * dex API
* No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator) * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
* *
* The version of the OpenAPI document: 0.0.1 * The version of the OpenAPI document: 0.0.6
* *
* *
* NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech). * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
@@ -90,40 +90,6 @@ export const SetServiceAxiosParamCreator = function (configuration?: Configurati
setSearchParams(localVarUrlObj, localVarQueryParameter);
let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
return {
url: toPathString(localVarUrlObj),
options: localVarRequestOptions,
};
},
/**
*
* @summary Scrape And Persist From Upstream
* @param {string} name
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
apiSetsNameScrapeGet: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
// verify required parameter 'name' is not null or undefined
assertParamExists('apiSetsNameScrapeGet', 'name', name)
const localVarPath = `/api/sets/{name}/scrape`
.replace(`{${"name"}}`, encodeURIComponent(String(name)));
// use dummy base URL string because the URL constructor only accepts absolute URLs.
const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
let baseOptions;
if (configuration) {
baseOptions = configuration.baseOptions;
}
const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
const localVarHeaderParameter = {} as any;
const localVarQueryParameter = {} as any;
setSearchParams(localVarUrlObj, localVarQueryParameter); setSearchParams(localVarUrlObj, localVarQueryParameter);
let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {}; let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers}; localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
@@ -169,6 +135,40 @@ export const SetServiceAxiosParamCreator = function (configuration?: Configurati
setSearchParams(localVarUrlObj, localVarQueryParameter);
let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
return {
url: toPathString(localVarUrlObj),
options: localVarRequestOptions,
};
},
/**
*
* @summary Scrape a CardSet via name query parameter
* @param {string} name
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
scrapeSetByName: async (name: string, options: RawAxiosRequestConfig = {}): Promise<RequestArgs> => {
// verify required parameter 'name' is not null or undefined
assertParamExists('scrapeSetByName', 'name', name)
const localVarPath = `/api/sets/{name}/scrape`
.replace(`{${"name"}}`, encodeURIComponent(String(name)));
// use dummy base URL string because the URL constructor only accepts absolute URLs.
const localVarUrlObj = new URL(localVarPath, DUMMY_BASE_URL);
let baseOptions;
if (configuration) {
baseOptions = configuration.baseOptions;
}
const localVarRequestOptions = { method: 'GET', ...baseOptions, ...options};
const localVarHeaderParameter = {} as any;
const localVarQueryParameter = {} as any;
setSearchParams(localVarUrlObj, localVarQueryParameter); setSearchParams(localVarUrlObj, localVarQueryParameter);
let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {}; let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers}; localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
@@ -214,19 +214,6 @@ export const SetServiceFp = function(configuration?: Configuration) {
const localVarOperationServerBasePath = operationServerMap['SetService.apiSetsNameNewGet']?.[localVarOperationServerIndex]?.url; const localVarOperationServerBasePath = operationServerMap['SetService.apiSetsNameNewGet']?.[localVarOperationServerIndex]?.url;
return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath); return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
}, },
/**
*
* @summary Scrape And Persist From Upstream
* @param {string} name
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
async apiSetsNameScrapeGet(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<void>> {
const localVarAxiosArgs = await localVarAxiosParamCreator.apiSetsNameScrapeGet(name, options);
const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
const localVarOperationServerBasePath = operationServerMap['SetService.apiSetsNameScrapeGet']?.[localVarOperationServerIndex]?.url;
return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
},
/** /**
* *
* @summary Get a page of Card Sets with optional name query parameter * @summary Get a page of Card Sets with optional name query parameter
@@ -242,6 +229,19 @@ export const SetServiceFp = function(configuration?: Configuration) {
const localVarOperationServerBasePath = operationServerMap['SetService.getCardSetPage']?.[localVarOperationServerIndex]?.url; const localVarOperationServerBasePath = operationServerMap['SetService.getCardSetPage']?.[localVarOperationServerIndex]?.url;
return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath); return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
}, },
/**
*
* @summary Scrape a CardSet via name query parameter
* @param {string} name
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
async scrapeSetByName(name: string, options?: RawAxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<void>> {
const localVarAxiosArgs = await localVarAxiosParamCreator.scrapeSetByName(name, options);
const localVarOperationServerIndex = configuration?.serverIndex ?? 0;
const localVarOperationServerBasePath = operationServerMap['SetService.scrapeSetByName']?.[localVarOperationServerIndex]?.url;
return (axios, basePath) => createRequestFunction(localVarAxiosArgs, globalAxios, BASE_PATH, configuration)(axios, localVarOperationServerBasePath || basePath);
},
} }
}; };
@@ -272,16 +272,6 @@ export const SetServiceFactory = function (configuration?: Configuration, basePa
apiSetsNameNewGet(requestParameters: SetServiceApiSetsNameNewGetRequest, options?: RawAxiosRequestConfig): AxiosPromise<Array<SetDto>> { apiSetsNameNewGet(requestParameters: SetServiceApiSetsNameNewGetRequest, options?: RawAxiosRequestConfig): AxiosPromise<Array<SetDto>> {
return localVarFp.apiSetsNameNewGet(requestParameters.name, options).then((request) => request(axios, basePath)); return localVarFp.apiSetsNameNewGet(requestParameters.name, options).then((request) => request(axios, basePath));
}, },
/**
*
* @summary Scrape And Persist From Upstream
* @param {SetServiceApiSetsNameScrapeGetRequest} requestParameters Request parameters.
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
apiSetsNameScrapeGet(requestParameters: SetServiceApiSetsNameScrapeGetRequest, options?: RawAxiosRequestConfig): AxiosPromise<void> {
return localVarFp.apiSetsNameScrapeGet(requestParameters.name, options).then((request) => request(axios, basePath));
},
/** /**
* *
* @summary Get a page of Card Sets with optional name query parameter * @summary Get a page of Card Sets with optional name query parameter
@@ -292,6 +282,16 @@ export const SetServiceFactory = function (configuration?: Configuration, basePa
getCardSetPage(requestParameters: SetServiceGetCardSetPageRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<PageSetDto> { getCardSetPage(requestParameters: SetServiceGetCardSetPageRequest = {}, options?: RawAxiosRequestConfig): AxiosPromise<PageSetDto> {
return localVarFp.getCardSetPage(requestParameters.name, requestParameters.page, requestParameters.pageSize, options).then((request) => request(axios, basePath)); return localVarFp.getCardSetPage(requestParameters.name, requestParameters.page, requestParameters.pageSize, options).then((request) => request(axios, basePath));
}, },
/**
*
* @summary Scrape a CardSet via name query parameter
* @param {SetServiceScrapeSetByNameRequest} requestParameters Request parameters.
* @param {*} [options] Override http request option.
* @throws {RequiredError}
*/
scrapeSetByName(requestParameters: SetServiceScrapeSetByNameRequest, options?: RawAxiosRequestConfig): AxiosPromise<void> {
return localVarFp.scrapeSetByName(requestParameters.name, options).then((request) => request(axios, basePath));
},
}; };
}; };
@@ -323,20 +323,6 @@ export interface SetServiceApiSetsNameNewGetRequest {
readonly name: string readonly name: string
} }
/**
* Request parameters for apiSetsNameScrapeGet operation in SetService.
* @export
* @interface SetServiceApiSetsNameScrapeGetRequest
*/
export interface SetServiceApiSetsNameScrapeGetRequest {
/**
*
* @type {string}
* @memberof SetServiceApiSetsNameScrapeGet
*/
readonly name: string
}
/** /**
* Request parameters for getCardSetPage operation in SetService. * Request parameters for getCardSetPage operation in SetService.
* @export * @export
@@ -365,6 +351,20 @@ export interface SetServiceGetCardSetPageRequest {
readonly pageSize?: number readonly pageSize?: number
} }
/**
* Request parameters for scrapeSetByName operation in SetService.
* @export
* @interface SetServiceScrapeSetByNameRequest
*/
export interface SetServiceScrapeSetByNameRequest {
/**
*
* @type {string}
* @memberof SetServiceScrapeSetByName
*/
readonly name: string
}
/** /**
* SetService - object-oriented interface * SetService - object-oriented interface
* @export * @export
@@ -396,18 +396,6 @@ export class SetService extends BaseAPI {
return SetServiceFp(this.configuration).apiSetsNameNewGet(requestParameters.name, options).then((request) => request(this.axios, this.basePath)); return SetServiceFp(this.configuration).apiSetsNameNewGet(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
} }
/**
*
* @summary Scrape And Persist From Upstream
* @param {SetServiceApiSetsNameScrapeGetRequest} requestParameters Request parameters.
* @param {*} [options] Override http request option.
* @throws {RequiredError}
* @memberof SetService
*/
public apiSetsNameScrapeGet(requestParameters: SetServiceApiSetsNameScrapeGetRequest, options?: RawAxiosRequestConfig) {
return SetServiceFp(this.configuration).apiSetsNameScrapeGet(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
}
/** /**
* *
* @summary Get a page of Card Sets with optional name query parameter * @summary Get a page of Card Sets with optional name query parameter
@@ -419,5 +407,17 @@ export class SetService extends BaseAPI {
public getCardSetPage(requestParameters: SetServiceGetCardSetPageRequest = {}, options?: RawAxiosRequestConfig) { public getCardSetPage(requestParameters: SetServiceGetCardSetPageRequest = {}, options?: RawAxiosRequestConfig) {
return SetServiceFp(this.configuration).getCardSetPage(requestParameters.name, requestParameters.page, requestParameters.pageSize, options).then((request) => request(this.axios, this.basePath)); return SetServiceFp(this.configuration).getCardSetPage(requestParameters.name, requestParameters.page, requestParameters.pageSize, options).then((request) => request(this.axios, this.basePath));
} }
/**
*
* @summary Scrape a CardSet via name query parameter
* @param {SetServiceScrapeSetByNameRequest} requestParameters Request parameters.
* @param {*} [options] Override http request option.
* @throws {RequiredError}
* @memberof SetService
*/
public scrapeSetByName(requestParameters: SetServiceScrapeSetByNameRequest, options?: RawAxiosRequestConfig) {
return SetServiceFp(this.configuration).scrapeSetByName(requestParameters.name, options).then((request) => request(this.axios, this.basePath));
}
} }

11
src/auth/oidcConfig.ts
View File

@@ -1,13 +1,16 @@
import type {UserManagerSettings} from "oidc-client-ts"; import type {UserManagerSettings} from "oidc-client-ts";
export const oidcConfig : UserManagerSettings = { const redirectUri = import.meta.env.PROD
? "https://dex.smoothbrain.win"
: "http://localhost:5173";
export const oidcConfig: UserManagerSettings = {
authority: 'https://auth.smoothbrain.win/application/o/dex/', authority: 'https://auth.smoothbrain.win/application/o/dex/',
client_id: 'K202NAqkgfjceLZr28gAVQgJDc6RjZfdrE1jNx0K', client_id: 'K202NAqkgfjceLZr28gAVQgJDc6RjZfdrE1jNx0K',
redirect_uri: 'http://localhost:5173/callback', redirect_uri: `${redirectUri}/callback`,
response_type: 'code', response_type: 'code',
scope: 'openid profile email', scope: 'openid profile email',
post_logout_redirect_uri: 'http://localhost:5173', // Homepage URL post_logout_redirect_uri: redirectUri,
// automaticSilentRenew: true,
loadUserInfo: true, loadUserInfo: true,
automaticSilentRenew: true, automaticSilentRenew: true,
extraQueryParams: { extraQueryParams: {

8
src/components.d.ts vendored
View File

@@ -11,19 +11,26 @@ declare module 'vue' {
Avatar: typeof import('primevue/avatar')['default'] Avatar: typeof import('primevue/avatar')['default']
Badge: typeof import('primevue/badge')['default'] Badge: typeof import('primevue/badge')['default']
Button: typeof import('primevue/button')['default'] Button: typeof import('primevue/button')['default']
Card: typeof import('primevue/card')['default']
CardAttributes: typeof import('./components/CardAttributes.vue')['default']
CardFilterPanel: typeof import('./components/CardFilterPanel.vue')['default'] CardFilterPanel: typeof import('./components/CardFilterPanel.vue')['default']
CardListComponent: typeof import('./components/CardListComponent.vue')['default'] CardListComponent: typeof import('./components/CardListComponent.vue')['default']
CardListExpansion: typeof import('./components/CardListExpansion.vue')['default'] CardListExpansion: typeof import('./components/CardListExpansion.vue')['default']
CardSetImportModal: typeof import('./components/CardSetImportModal.vue')['default']
CardTable: typeof import('./components/CardTable.vue')['default'] CardTable: typeof import('./components/CardTable.vue')['default']
Carousel: typeof import('primevue/carousel')['default'] Carousel: typeof import('primevue/carousel')['default']
Column: typeof import('primevue/column')['default'] Column: typeof import('primevue/column')['default']
CustomTag: typeof import('./components/CustomTag.vue')['default'] CustomTag: typeof import('./components/CustomTag.vue')['default']
DataTable: typeof import('primevue/datatable')['default'] DataTable: typeof import('primevue/datatable')['default']
DataView: typeof import('primevue/dataview')['default']
Dialog: typeof import('primevue/dialog')['default']
Divider: typeof import('primevue/divider')['default'] Divider: typeof import('primevue/divider')['default']
DynamicAsset: typeof import('./components/DynamicAsset.vue')['default'] DynamicAsset: typeof import('./components/DynamicAsset.vue')['default']
Fieldset: typeof import('primevue/fieldset')['default'] Fieldset: typeof import('primevue/fieldset')['default']
FloatLabel: typeof import('primevue/floatlabel')['default'] FloatLabel: typeof import('primevue/floatlabel')['default']
Image: typeof import('primevue/image')['default'] Image: typeof import('primevue/image')['default']
InputGroup: typeof import('primevue/inputgroup')['default']
InputGroupAddon: typeof import('primevue/inputgroupaddon')['default']
InputNumber: typeof import('primevue/inputnumber')['default'] InputNumber: typeof import('primevue/inputnumber')['default']
InputText: typeof import('primevue/inputtext')['default'] InputText: typeof import('primevue/inputtext')['default']
LinkArrowsComponent: typeof import('./components/LinkArrowsComponent.vue')['default'] LinkArrowsComponent: typeof import('./components/LinkArrowsComponent.vue')['default']
@@ -39,5 +46,6 @@ declare module 'vue' {
SplitButton: typeof import('primevue/splitbutton')['default'] SplitButton: typeof import('primevue/splitbutton')['default']
Tag: typeof import('primevue/tag')['default'] Tag: typeof import('primevue/tag')['default']
Textarea: typeof import('primevue/textarea')['default'] Textarea: typeof import('primevue/textarea')['default']
TreeTable: typeof import('primevue/treetable')['default']
} }
} }

56
src/components/CardAttributes.vue Normal file
View File

@@ -0,0 +1,56 @@
<template>
<div class="flex flex-wrap gap-4 justify-center">
<Tag
:value="card.cardType"
:severity="getCardSeverity(card.cardType)"
/>
<template v-if="isMonsterCard(card)">
<Tag
v-if="card.isPendulum"
value="PENDULUM"
:severity="getSeverityFromMonsterCardType(card.type)"
/>
<Tag
:value="card.type"
:severity="getSeverityFromMonsterCardType(card.type)"
/>
<Tag
v-for="subType in card.subTypes"
:value="subType"
severity="secondary"
/>
</template>
<template v-if="isSpellCard(card)">
<Tag
:value="card.type"
:severity="getSeverityFromSpellCardType(card.type)"
/>
</template>
<template v-if="isTrapCard(card)">
<Tag
:value="card.type"
:severity="getSeverityFromTrapCardType(card.type)"
/>
</template>
</div>
</template><
<script setup lang="ts">
import type {Ref} from "vue";
import type {Card} from "@/api/openapi";
import {
getCardSeverity,
getSeverityFromMonsterCardType, getSeverityFromSpellCardType, getSeverityFromTrapCardType,
isMonsterCard,
isSpellCard,
isTrapCard
} from "@/util/card-type-util.ts";
const card: Ref<Card> = defineModel({
required: true
})
</script>
<style scoped>
</style>>`

2
src/components/CardFilterPanel.vue
View File

@@ -2,10 +2,8 @@
<Panel> <Panel>
<ScrollPanel <ScrollPanel
class="w-full"
style="height: 800px" style="height: 800px"
> >
<FloatLabel variant="on" class="my-2"> <FloatLabel variant="on" class="my-2">
<InputText <InputText
fluid fluid

77
src/components/CardSetImportModal.vue Normal file
View File

@@ -0,0 +1,77 @@
<template>
<Dialog
modal
:draggable="false"
:dismissable-mask="true"
:visible="visible"
@update:visible="emit('update:visible', $event)"
>
<template #header>
<div class="inline-flex items-center justify-center gap-2">
<span class="font-bold whitespace-nowrap">Import Set</span>
</div>
</template>
<span class="text-surface-500 dark:text-surface-400 block mb-8">Import a Set by its name</span>
<div class="flex items-center gap-4 mb-4">
<label for="setName" class="font-semibold w-24">Set Name</label>
<InputText id="setName" class="flex-auto" autocomplete="off" v-model="cardSetName"/>
</div>
<template #footer>
<Button label="Cancel" text severity="secondary" @click="visible = false"/>
<Button label="Import" outlined severity="secondary" @click="importSet(cardSetName)"/>
</template>
</Dialog>
</template>
<script setup lang="ts">
import {inject, ref, type Ref, watch} from "vue";
import {SetService} from "@/api/openapi";
import {SetServiceKey} from "@/main.ts";
import {useToast} from "primevue";
const toast = useToast();
const emit = defineEmits(['update:visible'])
const visible: Ref<boolean> = defineModel("visible", {
required: true
})
const setService: SetService = inject(SetServiceKey) as SetService;
const cardSetName: Ref<string | null> = ref(null);
const importSet = async(name: string | null) => {
if (!name) {
toast.add({
severity: "warn",
summary: `Name of Set is required to import`,
})
return;
}
try {
await setService.scrapeSetByName({
name: name,
});
toast.add({
severity: "info",
summary: `Import Job for Set '${cardSetName.value}' was started successfully`,
})
} catch (ex: unknown) {
toast.add({
severity: "error",
summary: `Error occurred trying to import Set '${cardSetName.value}'`,
})
} finally {
cardSetName.value = null;
visible.value = false
}
}
watch(visible, () => {
cardSetName.value = null;
})
</script>
<style scoped>
</style>

18
src/main.ts
View File

@@ -26,8 +26,9 @@ import {useAuthStore} from "./stores/auth.ts";
import SetsView from "./views/set/SetsView.vue"; import SetsView from "./views/set/SetsView.vue";
import JobsView from "./views/JobsView.vue"; import JobsView from "./views/JobsView.vue";
import {definePreset} from "@primeuix/themes"; import {definePreset} from "@primeuix/themes";
import {getApiUrl, initConfig} from "@/util/config.ts"; import {getConfig, initConfig} from "@/util/config.ts";
import axios from "axios"; import axios from "axios";
import CreateDeckView from "@/views/deck/CreateDeckView.vue";
// Initialize configuration from window object // Initialize configuration from window object
initConfig((window as any).__APP_CONFIG__ || {}) initConfig((window as any).__APP_CONFIG__ || {})
@@ -113,7 +114,8 @@ const routes: RouteRecordRaw[] = [
{path: '/', component: HomeView}, {path: '/', component: HomeView},
{path: '/cards', component: CardsView, meta: {requiresAuth: false}}, {path: '/cards', component: CardsView, meta: {requiresAuth: false}},
{path: '/cards/:id', component: CardView, meta: {requiresAuth: true}}, {path: '/cards/:id', component: CardView, meta: {requiresAuth: true}},
{path: '/decks', component: DecksView, meta: {requiresAuth: true}}, {path: '/decks', component: DecksView, meta: {requiresAuth: false}},
{path: '/decks/create', component: CreateDeckView, meta: {requiresAuth: true}},
{path: '/decks/:id', component: DeckView, meta: {requiresAuth: true}}, {path: '/decks/:id', component: DeckView, meta: {requiresAuth: true}},
{path: '/sets', component: SetsView}, {path: '/sets', component: SetsView},
{path: '/sets/:id', component: DeckView, meta: {requiresAuth: true}}, {path: '/sets/:id', component: DeckView, meta: {requiresAuth: true}},
@@ -134,18 +136,15 @@ router.beforeEach(async (to) => {
return false; return false;
} }
} }
return true;
}) })
app.use(router); app.use(router);
app.use(ToastService) app.use(ToastService)
let apiUrl: string | undefined const apiUrl = import.meta.env.PROD
? "/"
if (!getApiUrl()) { : `http://${getConfig().API_HOST}:${getConfig().API_PORT}`;
apiUrl = `http://${getApiUrl()}`
} else {
apiUrl = "http://localhost:7070"
}
const axiosInstance = axios.create({ const axiosInstance = axios.create({
baseURL: apiUrl, baseURL: apiUrl,
@@ -173,7 +172,6 @@ axiosInstance.interceptors.response.use(
} }
) )
console.log(apiUrl)
const deckService: DeckService = new DeckService(undefined, undefined, axiosInstance) const deckService: DeckService = new DeckService(undefined, undefined, axiosInstance)
const cardService: CardService = new CardService(undefined, undefined, axiosInstance) const cardService: CardService = new CardService(undefined, undefined, axiosInstance)
const setService: SetService = new SetService(undefined, undefined, axiosInstance) const setService: SetService = new SetService(undefined, undefined, axiosInstance)

1
src/style.css
View File

@@ -5,6 +5,7 @@
body { body {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
font-size: 14px; font-size: 14px;
width: 100%;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;

8
src/util/card-type-util.ts
View File

@@ -24,6 +24,14 @@ export const isMonsterCard = (card: Card): card is MonsterCard => {
return card.cardType === "MONSTER" return card.cardType === "MONSTER"
} }
export const isSpellCard = (card: Card): card is SpellCard => {
return card.cardType === "SPELL"
}
export const isTrapCard = (card: Card): card is TrapCard => {
return card.cardType === "TRAP"
}
export const getMonsterCardType = (monsterCard: MonsterCard) => { export const getMonsterCardType = (monsterCard: MonsterCard) => {
return `${monsterCard.type} MONSTER ` return `${monsterCard.type} MONSTER `
} }

7
src/util/config.ts
View File

@@ -17,11 +17,4 @@ export function initConfig(config: Partial<AppConfig>) {
export function getConfig(): AppConfig { export function getConfig(): AppConfig {
return runtimeConfig; return runtimeConfig;
}
export function getApiUrl() {
if (!runtimeConfig.API_HOST) {
return null;
}
return `${runtimeConfig.API_HOST}:${runtimeConfig.API_PORT}`;
} }

2
src/views/Callback.vue
View File

@@ -16,7 +16,7 @@ onMounted(async () => {
await router.push('/'); // Redirect to home after login await router.push('/'); // Redirect to home after login
} catch (error) { } catch (error) {
console.error('Login callback error:', error); console.error('Login callback error:', error);
await router.push('/error'); // Handle errors await router.push('/'); // Handle errors
} }
}); });
</script> </script>

2
src/views/JobsView.vue
View File

@@ -30,7 +30,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {type JobDto, JobService, JobType} from "../api/openapi"; import {type JobDto, JobService, JobType} from "@/api/openapi";
import {inject, onMounted, type Ref, ref} from "vue"; import {inject, onMounted, type Ref, ref} from "vue";
import {JobServiceKey} from "../main.ts"; import {JobServiceKey} from "../main.ts";

60
src/views/card/CardsView.vue
View File

@@ -1,9 +1,7 @@
<template> <template>
<div class="flex w-full min-h-content"> <div class="flex">
<Panel class="w-full m-4"> <Panel class="w-[50%] m-4">
<DataTable <DataTable
class="my-4 ml-4 w-full"
tableStyle="min-width: 50rem"
dataKey="id" dataKey="id"
paginator paginator
lazy lazy
@@ -44,33 +42,21 @@
<!-- <Avatar image="https://upload.wikimedia.org/wikipedia/en/2/2b/Yugioh_Card_Back.jpg" class="mr-2" size="xlarge" shape="circle" />--> <!-- <Avatar image="https://upload.wikimedia.org/wikipedia/en/2/2b/Yugioh_Card_Back.jpg" class="mr-2" size="xlarge" shape="circle" />-->
</template> </template>
</Column> </Column>
<Column field="name" header="Name"> <Column header="Name">
<template #body="slotProps"> <template #body="slotProps">
<p class="font-bold"> <div class="w-[50%]">
{{slotProps.data.name}} <p class="font-bold text-center">
</p> {{ slotProps.data.name }}
</p>
<p class="text-muted-color text-center" v-if="isMonsterCard(slotProps.data)">
{{ slotProps.data.monsterType}}
</p>
</div>
</template> </template>
</Column> </Column>
<Column header="Card Type" filter> <Column header="Attributes" class="w-[20%]">
<template #body="slotProps"> <template #body="slotProps">
<Tag <CardAttributes v-model="slotProps.data"/>
:value="slotProps.data.cardType"
:severity="getCardSeverity(slotProps.data.cardType)"
></Tag>
</template>
</Column>
<Column header="Type">
<template #body="slotProps">
<Tag
v-if="slotProps.data.type !== 'FUSION'"
:value="slotProps.data.type"
:severity="getCardTypeSeverity(slotProps.data)"
/>
<CustomTag
v-else
color="purple"
:value="slotProps.data.type"
/>
</template> </template>
</Column> </Column>
<template #expansion="slotProps"> <template #expansion="slotProps">
@@ -81,17 +67,17 @@
<CardFilterPanel <CardFilterPanel
v-model="filters" v-model="filters"
class="fixed right-0 w-[42%] m-4" class="fixed right-0 w-content m-4 h-content"
/> />
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import CardFilterPanel from "../../components/CardFilterPanel.vue"; import CardFilterPanel from "@/components/CardFilterPanel.vue";
import {getCardTypeSeverity, getCardSeverity} from "../../util/card-type-util.ts"; import {isMonsterCard} from "@/util/card-type-util.ts";
import {type Card, CardService, type CardServiceGetCardPageRequest} from "../../api/openapi"; import {type Card, CardService, type CardServiceGetCardPageRequest} from "@/api/openapi";
import {inject, onMounted, ref, type Ref, watch} from "vue"; import {inject, onMounted, ref, type Ref, watch} from "vue";
import {CardServiceKey} from "../../main.ts"; import {CardServiceKey} from "@/main.ts";
import type { import type {
DataTableFilterEvent, DataTableFilterEvent,
DataTablePageEvent, DataTablePageEvent,
@@ -99,7 +85,7 @@ import type {
DataTableSortEvent DataTableSortEvent
} from "primevue"; } from "primevue";
import {useDebounceFn} from "@vueuse/core"; import {useDebounceFn} from "@vueuse/core";
import type {MutableCardRequest} from "../../api/mutableTypes.ts"; import type {MutableCardRequest} from "@/api/mutableTypes.ts";
const cardService: CardService = inject(CardServiceKey) as CardService; const cardService: CardService = inject(CardServiceKey) as CardService;
@@ -143,7 +129,7 @@ const filters: Ref<MutableCardRequest> = ref({
pageCount: 10 pageCount: 10
}) })
const getGetCardPage = async (filters: CardServiceGetCardPageRequest): Promise<void> => { const getCardPage = async (filters: CardServiceGetCardPageRequest): Promise<void> => {
loading.value = true; loading.value = true;
const cardPage = (await cardService.getCardPage(filters)).data const cardPage = (await cardService.getCardPage(filters)).data
@@ -156,7 +142,7 @@ const getGetCardPage = async (filters: CardServiceGetCardPageRequest): Promise<v
const handlePaging = async (e: DataTablePageEvent) => { const handlePaging = async (e: DataTablePageEvent) => {
filters.value.page = e.page; filters.value.page = e.page;
filters.value.pageSize = e.rows filters.value.pageSize = e.rows
await getGetCardPage(filters.value) await getCardPage(filters.value)
} }
const handleSorting = (_: DataTableSortEvent) => { const handleSorting = (_: DataTableSortEvent) => {
@@ -172,13 +158,13 @@ const handleRowSelect = (e: DataTableRowSelectEvent) => {
console.log(JSON.stringify(e.data)) console.log(JSON.stringify(e.data))
} }
const debouncedGetCardPage = useDebounceFn(getGetCardPage, 150) const debouncedGetCardPage = useDebounceFn(getCardPage, 150)
watch(filters, async (newFiltersValue) => { watch(filters, async (newFiltersValue) => {
await debouncedGetCardPage(newFiltersValue) await debouncedGetCardPage(newFiltersValue)
}) })
onMounted(async () => { onMounted(async () => {
await getGetCardPage(filters.value) await getCardPage(filters.value)
}) })
</script> </script>

283
src/views/deck/CreateDeckView.vue Normal file
View File

@@ -0,0 +1,283 @@
<template>
<div class="flex gap-4 m-4">
<div class="flex flex-col gap-4 min-w-[40%]">
<Panel
header="Main Deck"
class="bg-primary-950 min-h-60"
@dragover.prevent
@drop="onDropToMainDeck"
>
<DataView
:value="mainDeck"
:pt="{
content: {
class: 'bg-inherit'
}
}"
>
<template #list="slotProps">
<div class="flex flex-col">
<div v-for="(card, index) in slotProps.items" :key="index">
<Card
:draggable="true"
class="text-lg font-medium mt-2"
@dragstart="onDragStart(card, 'deck')"
>
<template #content>
{{ card.name }}
<Button @click="removeFromDeck(card)">Remove</Button>
</template>
</Card>
</div>
</div>
</template>
<template #empty>
Nope
</template>
</DataView>
</Panel>
<Panel
header="Extra Deck"
class="bg-indigo-950 min-h-60"
@dragover.prevent
@drop="onDropToExtraDeck"
>
<DataTable
:value="extraDeck"
:pt="{
emptyMessage: {
class: 'bg-indigo-950'
},
column: {
headerCell: {
class: 'bg-indigo-950 text-center'
},
columnHeaderContent: {
class: 'justify-center'
}
},
bodyRow: {
class: 'bg-indigo-950 justify-center'
}
}"
>
<Column field="name" header="Card"/>
<Column header="Quantity" class="w-46">
<template #body>
<InputGroup class="w-full">
<InputGroupAddon>
<Button icon="pi pi-minus" severity="primary"/>
</InputGroupAddon>
<InputNumber :model-value="1"/>
<InputGroupAddon>
<Button icon="pi pi-plus" severity="primary"/>
</InputGroupAddon>
</InputGroup>
</template>
</Column>
<template #empty>
<div>
drag cards here senpai
</div>
</template>
</DataTable>
</Panel>
<Panel
header="Side Deck"
class="bg-slate-800 min-h-50"
@dragover.prevent
@drop="onDropToSideDeck"
>
<DataView
:value="sideDeck"
:pt="{
content: {
class: 'bg-inherit'
}
}"
>
<template #list="slotProps">
<div class="flex flex-col">
<div v-for="(card, index) in slotProps.items" :key="index" class="flex flex-wrap">
<Card
:draggable="true"
class="text-lg font-medium mt-2 w-full"
@dragstart="onDragStart(card, 'deck')"
>
<template #content>
<div class="flex justify-between items-center gap-4">
<p>
{{ card.name }}
</p>
<InputGroup class="w-36">
<InputGroupAddon>
<Button icon="pi pi-minus" severity="primary"/>
</InputGroupAddon>
<InputNumber :model-value="1"/>
<InputGroupAddon>
<Button icon="pi pi-plus" severity="primary"/>
</InputGroupAddon>
</InputGroup>
</div>
</template>
</Card>
</div>
</div>
</template>
<template #empty>
Nope
</template>
</DataView>
</Panel>
</div>
<Panel
header="Available Cards"
class="w-[50%] fixed right-0"
@dragover.prevent
@drop="onDropToPool"
>
<DataView :value="availableCards">
<template #list="slotProps">
<div class="flex flex-col">
<div v-for="(card, index) in slotProps.items" :key="index">
<Card
:draggable="true"
class="text-lg font-medium mt-2"
@dragstart="onDragStart(card, 'pool')"
>
<template #content>
{{ card.name }}
</template>
</Card>
</div>
</div>
</template>
</DataView>
</Panel>
</div>
</template>
<script setup lang="ts">
import {inject, onMounted, ref, type Ref} from "vue";
import {SetServiceKey} from "@/main.ts";
import {type Card, type SetDto, SetService} from "@/api/openapi";
const setService = inject(SetServiceKey) as SetService
const loading: Ref<boolean> = ref(false);
const decks: Ref<SetDto[]> = ref([]);
const page: Ref<number> = ref(0);
const pageSize: Ref<number> = ref(20);
const pageCount: Ref<number> = ref(0);
const totalRecords: Ref<number> = ref(0);
const getSetPage = async (page: number, pageSize: number): Promise<void> => {
loading.value = true;
const deckPage = (await setService.getCardSetPage({
page: page,
pageSize: pageSize
})).data
decks.value = deckPage.content
pageCount.value = deckPage.totalPages!!
totalRecords.value = deckPage.totalRecords!!
loading.value = false;
}
onMounted(async () => {
await getSetPage(
page.value,
pageSize.value
)
})
// ----
// Initial card pool
const mainDeck: Ref<Card[]> = ref([])
const extraDeck: Ref<Card[]> = ref([])
const sideDeck: Ref<Card[]> = ref([])
const availableCards = ref([
{id: 1, name: 'Blue-Eyes White Dragon'},
{id: 2, name: 'Dark Magician'},
{id: 3, name: 'Red-Eyes Black Dragon'},
// ... more cards
])
// User's deck
// Track the dragged card and its origin
let draggedCard: Ref<Card | null> = ref(null)
let originPool: Ref<string | null> = ref(null)
function onDragStart(card: Card, from: string) {
draggedCard.value = card
originPool.value = from
}
function onDropToMainDeck() {
if (originPool.value === 'pool') {
// Prevent duplicates
if (draggedCard.value && !mainDeck.value.find(card => card.id === draggedCard.value?.id)) {
mainDeck.value.push(draggedCard.value)
}
} else if (originPool.value === 'deck') {
// Handle reordering within deck if desired
// For simplicity, no-op
}
resetDrag()
}
function onDropToExtraDeck() {
if (originPool.value === 'pool') {
// Prevent duplicates
if (draggedCard.value && !mainDeck.value.find(card => card.id === draggedCard.value?.id)) {
extraDeck.value.push(draggedCard.value)
}
} else if (originPool.value === 'deck') {
// Handle reordering within deck if desired
// For simplicity, no-op
}
resetDrag()
}
function onDropToSideDeck() {
if (originPool.value === 'pool') {
// Prevent duplicates
if (draggedCard.value && !mainDeck.value.find(card => card.id === draggedCard.value?.id)) {
sideDeck.value.push(draggedCard.value)
}
} else if (originPool.value === 'deck') {
// Handle reordering within deck if desired
// For simplicity, no-op
}
resetDrag()
}
function onDropToPool() {
if (originPool.value === 'deck') {
// Remove from deck and return to pool
mainDeck.value = mainDeck.value.filter(c => c.id !== draggedCard.value?.id)
}
resetDrag()
}
function removeFromDeck(cardToRemove: Card) {
mainDeck.value = mainDeck.value.filter(card => card.id !== cardToRemove.id)
}
function resetDrag() {
draggedCard.value = null
originPool.value = null
}
</script>
<style scoped>
</style>

156
src/views/deck/DecksView.vue
View File

@@ -1,73 +1,123 @@
<template> <template>
<div class="card"> <DataView :value="decks" :layout="layout">
<Carousel :value="decks" :numVisible="3" :numScroll="3"> <template #header>
<template #item="slotProps"> <div class="flex justify-end gap-4">
<div class="border border-surface-200 dark:border-surface-700 rounded m-2 p-4 w-96 h-auto"> <SelectButton v-model="layout" :options="layoutOptions" :allowEmpty="false">
<div class="mb-4"> <template #option="{ option }">
<div class="relative mx-auto"> <i :class="[option === 'list' ? 'pi pi-bars' : 'pi pi-table']" />
<img </template>
:src="'https://upload.wikimedia.org/wikipedia/en/2/2b/Yugioh_Card_Back.jpg?20201122212343'" </SelectButton>
class="w-full rounded" <Button type="button" size="small" label="Build" icon="pi pi-plus" @click="router.push('/decks/create')"/>
alt="Deck" </div>
/> </template>
<template #list="slotProps">
<div class="flex flex-col">
<div v-for="(item, index) in slotProps.items" :key="index">
<div class="flex flex-col sm:flex-row sm:items-center p-6 gap-4" :class="{ 'border-t border-surface-200 dark:border-surface-700': index !== 0 }">
<div class="md:w-40 relative">
<img class="block xl:block mx-auto rounded w-full" src="https://m.media-amazon.com/images/I/81H7zpRNyRL.jpg" alt="peepee poopoo" />
</div>
<div class="flex flex-col md:flex-row justify-between md:items-center flex-1 gap-6">
<div class="flex flex-row md:flex-col justify-between items-start gap-2">
<div>
<span class="font-medium text-surface-500 dark:text-surface-400 text-sm">{{ item.category }}</span>
<div class="text-lg font-medium mt-2">{{ item.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">{{ item.rating }}</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>
</div>
</div>
<div class="flex flex-col md:items-end gap-8">
<span class="text-xl font-semibold">${{ item.price }}</span>
<div class="flex flex-row-reverse md:flex-row gap-2">
<Button icon="pi pi-heart" outlined></Button>
<Button icon="pi pi-shopping-cart" label="Buy Now" :disabled="item.inventoryStatus === 'OUTOFSTOCK'" class="flex-auto md:flex-initial whitespace-nowrap"></Button>
</div>
</div>
</div> </div>
</div> </div>
<div class="flex justify-between "> </div>
<p class="font-bold"> </div>
{{ slotProps.data.name }} </template>
</p>
<Tag <template #grid="slotProps">
value="[ARCHETYPE]" <div class="grid grid-cols-12 gap-4">
/> <div v-for="(deck, index) in slotProps.items" :key="index" class="col-span-12 sm:col-span-6 md:col-span-4 xl:col-span-6 p-2">
</div> <div class="p-6 border border-surface-200 dark:border-surface-700 bg-surface-0 dark:bg-surface-900 rounded flex flex-col">
<div class="flex justify- items-center"> <div class="bg-surface-50 flex justify-center rounded p-4">
<SplitButton <div class="relative mx-auto">
label="View" <img class="rounded w-full" :src="`https://primefaces.org/cdn/primevue/images/product/${deck.image}`" :alt="deck.name" style="max-width: 300px"/>
:model="deckMenuItems" </div>
@click="viewDeck(slotProps.data.id)" </div>
/> <div class="pt-6">
<div class="flex flex-row justify-between items-start gap-2">
<div>
<span class="font-medium text-surface-500 dark:text-surface-400 text-sm">[ARCHETYPE]</span>
<div class="text-lg font-medium mt-1">{{ deck.name }}</div>
</div>
<div class="bg-surface-100 p-1" style="border-radius: 30px">
<div class="bg-surface-0 flex items-center gap-2 justify-center py-1 px-2" style="border-radius: 30px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)">
<span class="text-surface-900 font-medium text-sm">5</span>
<i class="pi pi-star-fill text-yellow-500"></i>
</div>
</div>
</div>
<div class="flex flex-col gap-6 mt-6">
<span class="text-2xl font-semibold">50€</span>
<div class="flex gap-2">
<Button icon="pi pi-shopping-cart" label="Buy Now" class="flex-auto whitespace-nowrap"></Button>
<Button icon="pi pi-heart" outlined></Button>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </div>
</Carousel> </template>
</div> </DataView>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {type Deck, DeckService} from "@/api/openapi";
import {type Deck, DeckService} from "../../api/openapi";
import {DeckServiceKey} from "../../main.ts";
import {inject, onMounted, ref, type Ref} from "vue"; import {inject, onMounted, ref, type Ref} from "vue";
import {useToast} from "primevue"; import {DeckServiceKey} from "@/main.ts";
import {useRouter} from "vue-router"; import {useRouter} from "vue-router";
const toast = useToast();
const router = useRouter(); const router = useRouter();
const layout: Ref<"grid" | "list"> = ref('grid');
const layoutOptions: Ref<string[]> = ref(['list', 'grid']);
const loading: Ref<boolean> = ref(false);
const deckService: DeckService = inject(DeckServiceKey) as DeckService; const deckService: DeckService = inject(DeckServiceKey) as DeckService;
const decks: Ref<Deck[]> = ref([]) const decks: Ref<Deck[]> = ref([]);
const deckMenuItems = [ const page: Ref<number> = ref(0);
{ const pageSize: Ref<number> = ref(20);
label: 'Edit', const pageCount: Ref<number> = ref(0);
command: () => { const totalRecords: Ref<number> = ref(0);
toast.add({
severity: 'info',
summary: 'Not Implemented',
detail: 'Deck Editing isn\'t implemented yet',
life: 3000
});
}
},
]
const viewDeck = (deckId: number) => { const getDeckPage = async (page: number, pageSize: number): Promise<void> => {
router.push(`/decks/${deckId}`); loading.value = true;
const deckPage = (await deckService.getDecks({
page: page,
pageSize: pageSize
})).data
decks.value = deckPage.content
pageCount.value = deckPage.totalPages!!
totalRecords.value = deckPage.totalRecords!!
loading.value = false;
} }
onMounted(async () => { onMounted( async() => {
const decksResponse = await deckService.getDecks() await getDeckPage(
page.value,
decks.value = decksResponse.data.content pageSize.value
)
}) })
</script> </script>

34
src/views/set/SetsView.vue
View File

@@ -1,4 +1,8 @@
<template> <template>
<CardSetImportModal
:visible="importModalVisible"
@update:visible="args => importModalVisible = args"
/>
<DataTable <DataTable
tableStyle="min-width: 50rem" tableStyle="min-width: 50rem"
dataKey="id" dataKey="id"
@@ -16,6 +20,11 @@
@page="handlePaging" @page="handlePaging"
@sort="handleSorting" @sort="handleSorting"
> >
<template #header>
<div class="flex justify-end">
<Button type="button" size="small" label="Import" icon="pi pi-download" @click="importModalVisible = true"/>
</div>
</template>
<Column header="Image"> <Column header="Image">
<template #body> <template #body>
<Image alt="Image" preview class="h-64"> <Image alt="Image" preview class="h-64">
@@ -24,7 +33,9 @@
</template> </template>
<template #image> <template #image>
<div class="overflow-hidden"> <div class="overflow-hidden">
<img src="https://comicbook.com/wp-content/uploads/sites/4/2024/11/YuGiOh-Early-Days-Collection.png?resize=2000,1125" alt="image" width="650" height="650"/> <img
src="https://comicbook.com/wp-content/uploads/sites/4/2024/11/YuGiOh-Early-Days-Collection.png?resize=2000,1125"
alt="image" width="650" height="650"/>
</div> </div>
</template> </template>
<template #preview="slotProps"> <template #preview="slotProps">
@@ -41,25 +52,26 @@
<Column field="name" header="Name"> <Column field="name" header="Name">
<template #body="slotProps"> <template #body="slotProps">
<p class="font-bold"> <p class="font-bold">
{{slotProps.data.name}} {{ slotProps.data.name }}
</p> </p>
</template> </template>
</Column> </Column>
<Column header="No. of Regional Sets"> <Column header="No. of Regional Sets">
<template #body="slotProps"> <template #body>
{{ slotProps.data.regionalSets.length }} N/A
</template> </template>
</Column> </Column>
<template #footer> In total there are {{ sets ? sets.length : 0 }} Card Sets </template> <template #footer> In total there are {{ sets ? sets.length : 0 }} Card Sets</template>
</DataTable> </DataTable>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {type SetDto, SetService} from "../../api/openapi"; import {type SetDto, SetService} from "@/api/openapi";
import {inject, onMounted, ref, type Ref} from "vue"; import {inject, onMounted, ref, type Ref} from "vue";
import {SetServiceKey} from "../../main.ts"; import {SetServiceKey} from "@/main.ts";
import type {DataTablePageEvent, DataTableSortEvent} from "primevue"; import type {DataTablePageEvent, DataTableSortEvent} from "primevue";
const importModalVisible: Ref<boolean> = ref(false);
const setService: SetService = inject(SetServiceKey) as SetService; const setService: SetService = inject(SetServiceKey) as SetService;
const loading: Ref<boolean> = ref(true); const loading: Ref<boolean> = ref(true);
const sets: Ref<SetDto[]> = ref([]) const sets: Ref<SetDto[]> = ref([])
@@ -72,16 +84,16 @@ const first = ref(0);
const fetchCardSetPage = async (page: number, pageSize: number): Promise<void> => { const fetchCardSetPage = async (page: number, pageSize: number): Promise<void> => {
loading.value = true; loading.value = true;
const cardPage = (await setService.getCardSetPage({ const setPage = (await setService.getCardSetPage({
name: null, name: null,
page: page, page: page,
pageSize: pageSize pageSize: pageSize
} }
)).data )).data
sets.value = cardPage.content sets.value = setPage.content
pageCount.value = cardPage.totalPages!! pageCount.value = setPage.totalPages!!
totalRecords.value = cardPage.totalRecords!! totalRecords.value = setPage.totalRecords!!
loading.value = false; loading.value = false;
} }