mirror of
https://github.com/YouHaveTrouble/DiscipleOfLand.git
synced 2026-05-12 06:26:56 +00:00
Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 CI
|
56c0514d02 |
@@ -1,16 +0,0 @@
|
|||||||
name: Build and deploy
|
|
||||||
on:
|
|
||||||
release:
|
|
||||||
types: [published]
|
|
||||||
jobs:
|
|
||||||
build_vue:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
name: Build Vue
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v2
|
|
||||||
- id: Build-Vue
|
|
||||||
uses: xRealNeon/VuePagesAction@1.0.1
|
|
||||||
with:
|
|
||||||
username: 'YouHaveTrouble'
|
|
||||||
reponame: 'DiscipleOfLand'
|
|
||||||
token: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
name: Test
|
|
||||||
on: [push]
|
|
||||||
jobs:
|
|
||||||
build_vue:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
name: Build and lint
|
|
||||||
steps:
|
|
||||||
- name: Checkout
|
|
||||||
uses: actions/checkout@v3
|
|
||||||
- name: Install
|
|
||||||
run: npm install
|
|
||||||
- name: Build and lint
|
|
||||||
run: npm run build
|
|
||||||
-28
@@ -1,28 +0,0 @@
|
|||||||
# Logs
|
|
||||||
logs
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
pnpm-debug.log*
|
|
||||||
lerna-debug.log*
|
|
||||||
|
|
||||||
node_modules
|
|
||||||
.DS_Store
|
|
||||||
dist
|
|
||||||
dist-ssr
|
|
||||||
coverage
|
|
||||||
*.local
|
|
||||||
|
|
||||||
/cypress/videos/
|
|
||||||
/cypress/screenshots/
|
|
||||||
|
|
||||||
# Editor directories and files
|
|
||||||
.vscode/*
|
|
||||||
!.vscode/extensions.json
|
|
||||||
.idea
|
|
||||||
*.suo
|
|
||||||
*.ntvs*
|
|
||||||
*.njsproj
|
|
||||||
*.sln
|
|
||||||
*.sw?
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
# Disciple of Land
|
|
||||||
|
|
||||||
I deemed existing gathering timers to be inadequate, so I made my own.
|
|
||||||
|
|
||||||
This is currently still missing a lot of functionality and data.
|
|
||||||
|
|
||||||
## 1.0 checklist
|
|
||||||
|
|
||||||
- [x] Displaying gathering nodes
|
|
||||||
- [x] Displaying next time gathering node will be available
|
|
||||||
- [x] Displaying gathering node type
|
|
||||||
- [x] Displaying node's items and their level
|
|
||||||
- [x] Sorting based on time when node will be available
|
|
||||||
- [x] Filter and sorting section/popup
|
|
||||||
- [x] Filtering based on job
|
|
||||||
- [x] Filtering based on level
|
|
||||||
- [x] Filtering based on node type (legendary, ephemeral, etc.)
|
|
||||||
- [ ] Fully input level 80-100 nodes data
|
|
||||||
|
|
||||||
## Nice to have checklist
|
|
||||||
- [ ] Fully input level 70-80 nodes data
|
|
||||||
- [ ] Fully input level 60-70 nodes data
|
|
||||||
- [ ] Fully input level 50-60 nodes data
|
|
||||||
- [ ] Better mobile support (pwa?)
|
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
@charset "UTF-8";*{box-sizing:border-box;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;color:#eaeaea}body{background-color:#2a2a2a;margin:0;padding:0}#app{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;font-weight:400}@keyframes pulsing-a636ed1c{0%{background-color:#ffffff0d}50%{background-color:#ffffff13}to{background-color:#ffffff0d}}.node[data-v-a636ed1c]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;width:100%;min-height:6rem;border:1px solid #fff;padding:.5rem;border-radius:.25rem;content-visibility:auto}.node .location-info[data-v-a636ed1c]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:center}.node.active[data-v-a636ed1c]{animation:infinite pulsing-a636ed1c 6s}.node .timer[data-v-a636ed1c]{min-width:7rem;font-size:2rem;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.node .job[data-v-a636ed1c]{display:flex;justify-content:center;align-items:center}.node .job .icon[data-v-a636ed1c]{width:3rem;height:3rem}.node .job .icon img[data-v-a636ed1c]{width:100%;height:100%}.node .aetheryte[data-v-a636ed1c]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem;font-size:1.5rem;border-radius:.75rem;padding:.35rem 1rem;background-color:#0003}.node .aetheryte .icon[data-v-a636ed1c]{width:3rem}.node .aetheryte .icon img[data-v-a636ed1c]{width:100%;height:100%;object-fit:fill}.node .aetheryte .info[data-v-a636ed1c]{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.1rem;line-height:1}.node .aetheryte .info .zone-name[data-v-a636ed1c]{font-size:.75rem}.node .aetheryte .info .aetheryte-name[data-v-a636ed1c]{font-size:1.1rem}.node .aetheryte .info .coords[data-v-a636ed1c]{padding-top:.15rem}.node .items[data-v-a636ed1c]{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.1rem}.node-list[data-v-35ea1fd0]{display:flex;flex-direction:column;gap:.33rem;padding-block:.5rem;padding-inline:.25rem}section[data-v-fc9f5c52]{display:flex;flex-direction:column;gap:1rem;padding-block:1rem;padding-inline:.25rem}section details[data-v-fc9f5c52]{background-color:#1f1f1f;display:flex;flex-direction:column;border-radius:.25rem;padding:1rem;gap:.5rem;position:relative}section details[data-v-fc9f5c52]:before{position:absolute;right:1rem;top:1rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-content:center;content:"▶";pointer-events:none;rotate:90deg;transition:rotate .25s}section details[open][data-v-fc9f5c52]:before{rotate:270deg}section details summary[data-v-fc9f5c52]{cursor:pointer;color:#fff;border:none;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;font-size:1.25rem}section details section[data-v-fc9f5c52]{display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap}section details section label[data-v-fc9f5c52]{display:flex;gap:.5rem;flex-direction:column}section details section label.horizontal[data-v-fc9f5c52]{flex-direction:row;gap:.2rem}section details section label input[type=number][data-v-fc9f5c52]{padding:.5rem;border:1px solid #fff;background-color:transparent;color:#fff;border-radius:.25rem;width:5rem;text-align:start}.github-logo[data-v-abcb3caa]{width:var(--80f95432);height:var(--80f95432)}nav[data-v-5cc282e7]{background-color:#1f1f1f;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-inline:1rem}nav .current-eorzea-time[data-v-5cc282e7]{font-size:3rem}nav .top-bar-menu[data-v-5cc282e7]{display:flex;gap:1rem;flex-direction:row}nav .filters-button[data-v-5cc282e7]{display:flex;padding:.5rem;border:1px solid #fff;background-color:transparent;cursor:pointer;width:max-content;white-space:nowrap}nav .filters-button.active[data-v-5cc282e7]{background-color:#ffffff1a}footer[data-v-5cc282e7]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem .25rem;gap:.5rem}footer p[data-v-5cc282e7]{margin:0}
|
||||||
File diff suppressed because one or more lines are too long
@@ -134,5 +134,11 @@
|
|||||||
"level": 90,
|
"level": 90,
|
||||||
"stars": 2,
|
"stars": 2,
|
||||||
"perception": 3600
|
"perception": 3600
|
||||||
|
},
|
||||||
|
"shaaloani-coffee": {
|
||||||
|
"name": "Shaaloani Coffee",
|
||||||
|
"level": 100,
|
||||||
|
"stars": 2,
|
||||||
|
"perception": 4740
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -249,7 +249,7 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"job": "botanist",
|
"job": "miner",
|
||||||
"type": "unspoiled",
|
"type": "unspoiled",
|
||||||
"position": {
|
"position": {
|
||||||
"zone": "kozamauka",
|
"zone": "kozamauka",
|
||||||
@@ -311,5 +311,21 @@
|
|||||||
"items": [
|
"items": [
|
||||||
"paldao-log"
|
"paldao-log"
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"job": "botanist",
|
||||||
|
"type": "legendary",
|
||||||
|
"position": {
|
||||||
|
"zone": "shaaloani",
|
||||||
|
"x": 34.9,
|
||||||
|
"y": 16.3
|
||||||
|
},
|
||||||
|
"times": [
|
||||||
|
"04:00-06:00",
|
||||||
|
"16:00-18:00"
|
||||||
|
],
|
||||||
|
"items": [
|
||||||
|
"shaaloani-coffee"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
+7
-1
@@ -13,12 +13,18 @@
|
|||||||
<meta property="twitter:description" content="Track timed gathering nodes in Final Fantasy XIV.">
|
<meta property="twitter:description" content="Track timed gathering nodes in Final Fantasy XIV.">
|
||||||
<meta property="og-url" content="https://dol.yht.one">
|
<meta property="og-url" content="https://dol.yht.one">
|
||||||
<meta property="twitter:url" content="https://dol.yht.one">
|
<meta property="twitter:url" content="https://dol.yht.one">
|
||||||
|
<script
|
||||||
|
async
|
||||||
|
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8262480617556085"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
></script>
|
||||||
|
<script type="module" crossorigin src="/assets/index-CO5bRgec.js"></script>
|
||||||
|
<link rel="stylesheet" crossorigin href="/assets/index-Bmabhb_D.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
<strong>We're sorry but Disciple of Land doesn't work without JavaScript enabled. Please enable it to continue.</strong>
|
<strong>We're sorry but Disciple of Land doesn't work without JavaScript enabled. Please enable it to continue.</strong>
|
||||||
</noscript>
|
</noscript>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<script type="module" src="/src/main.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Generated
-2849
File diff suppressed because it is too large
Load Diff
@@ -1,47 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "discipleofland",
|
|
||||||
"version": "0.0.7",
|
|
||||||
"private": true,
|
|
||||||
"type": "module",
|
|
||||||
"scripts": {
|
|
||||||
"dev": "vite",
|
|
||||||
"build": "vite build && cp -r CNAME dist/CNAME",
|
|
||||||
"preview": "vite preview"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"vue": "^3.3.4"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"sass": "^1.67.0",
|
|
||||||
"typescript": "^5.2.2",
|
|
||||||
"@typescript-eslint/eslint-plugin": "^6.7.5",
|
|
||||||
"@typescript-eslint/parser": "^6.7.5",
|
|
||||||
"@vitejs/plugin-vue": "^5.0.5",
|
|
||||||
"@vue/eslint-config-typescript": "^12.0.0",
|
|
||||||
"eslint": "^8.51.0",
|
|
||||||
"eslint-plugin-vue": "^9.17.0",
|
|
||||||
"vite": "^5.3.3",
|
|
||||||
"vue-eslint-parser": "^9.3.2",
|
|
||||||
"vite-plugin-eslint": "^1.8.1"
|
|
||||||
},
|
|
||||||
"eslintConfig": {
|
|
||||||
"root": true,
|
|
||||||
"parser": "vue-eslint-parser",
|
|
||||||
"extends": [
|
|
||||||
"plugin:vue/strongly-recommended",
|
|
||||||
"eslint:recommended",
|
|
||||||
"plugin:@typescript-eslint/eslint-recommended",
|
|
||||||
"@vue/typescript/recommended"
|
|
||||||
],
|
|
||||||
"plugins": ["@typescript-eslint"],
|
|
||||||
"parserOptions": {
|
|
||||||
"sourceType": "module",
|
|
||||||
"ecmaVersion": 2020
|
|
||||||
},
|
|
||||||
"ignorePatterns": [
|
|
||||||
"dist/",
|
|
||||||
"node_modules/",
|
|
||||||
".github/"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
-233
@@ -1,233 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<nav>
|
|
||||||
<div class="current-eorzea-time">
|
|
||||||
{{ eorzeaTime.getPrettyTime() }}
|
|
||||||
</div>
|
|
||||||
<div class="top-bar-menu">
|
|
||||||
<a
|
|
||||||
href="https://github.com/YouHaveTrouble/DiscipleOfLand"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<GithubLogo
|
|
||||||
color="#fff"
|
|
||||||
size="2rem"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
<button
|
|
||||||
class="filters-button"
|
|
||||||
:class="{ active: filtersActive}"
|
|
||||||
@click="filtersActive = !filtersActive"
|
|
||||||
>
|
|
||||||
{{ filtersActive ? ' Close filters' : 'Open filters' }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<main>
|
|
||||||
<SortedNodeList
|
|
||||||
v-if="!filtersActive"
|
|
||||||
:nodes="nodes as Node[]"
|
|
||||||
:zones="zones"
|
|
||||||
:eorzea-time="eorzeaTime"
|
|
||||||
/>
|
|
||||||
<FiltersMenu
|
|
||||||
v-if="filtersActive"
|
|
||||||
/>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
<p>v{{ version }}</p>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent} from "vue";
|
|
||||||
import EorzeaTime from "@/util/EorzeaTime";
|
|
||||||
import Node from "@/entities/Node";
|
|
||||||
import Aetheryte from "@/entities/Aetheryte";
|
|
||||||
import Item from "@/entities/Item";
|
|
||||||
import {jobFromString} from "@/enums/Job";
|
|
||||||
import {nodeTypeFromString} from "@/enums/NodeType";
|
|
||||||
import SortedNodeList from "@/components/SortedNodeList.vue";
|
|
||||||
import TimeRange from "@/entities/TimeRange";
|
|
||||||
import Zone from "@/entities/Zone";
|
|
||||||
import FiltersMenu from "@/components/FiltersMenu.vue";
|
|
||||||
import Filters from "@/util/Filters";
|
|
||||||
import GithubLogo from "@/components/icons/GithubLogo.vue";
|
|
||||||
import {version} from "../package.json";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: 'App',
|
|
||||||
components: {GithubLogo, FiltersMenu, SortedNodeList},
|
|
||||||
data: () => ({
|
|
||||||
version: version,
|
|
||||||
eorzeaTime: new EorzeaTime() as EorzeaTime,
|
|
||||||
nodes: [] as Node[],
|
|
||||||
items: {} as { [key: string]: Item },
|
|
||||||
zones: {} as { [key: string]: Zone },
|
|
||||||
filtersActive: false,
|
|
||||||
filters: new Filters(),
|
|
||||||
}),
|
|
||||||
methods: {
|
|
||||||
findNearestAetheryte(zoneName: string, x: number, y: number): Aetheryte | null {
|
|
||||||
let result = null;
|
|
||||||
let distance = Number.MAX_SAFE_INTEGER;
|
|
||||||
const zone = this.zones[zoneName]
|
|
||||||
if (!zone) return null;
|
|
||||||
for (const aetheryte of zone.aetherytes) {
|
|
||||||
const a = aetheryte.position.x - x;
|
|
||||||
const b = aetheryte.position.y - y;
|
|
||||||
const distanceToAetheryte = Math.hypot(a, b);
|
|
||||||
if (distanceToAetheryte < distance) {
|
|
||||||
distance = distanceToAetheryte;
|
|
||||||
result = aetheryte;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async mounted() {
|
|
||||||
this.eorzeaTime = new EorzeaTime();
|
|
||||||
setInterval(() => {
|
|
||||||
this.eorzeaTime = new EorzeaTime();
|
|
||||||
}, 500);
|
|
||||||
|
|
||||||
const itemData: Response | null = await fetch("/data/items.json")
|
|
||||||
.catch((): null => {
|
|
||||||
return null;
|
|
||||||
});
|
|
||||||
if (itemData === null) {
|
|
||||||
console.error("Failed to fetch item data!")
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const items = await itemData.json();
|
|
||||||
for (const itemId in items) {
|
|
||||||
const itemData = items[itemId];
|
|
||||||
this.items[itemId] = new Item(itemId, itemData);
|
|
||||||
}
|
|
||||||
|
|
||||||
const zoneData: Response | null = await fetch("/data/zones.json")
|
|
||||||
.catch((): null => {
|
|
||||||
return null;
|
|
||||||
});
|
|
||||||
if (zoneData === null) {
|
|
||||||
console.error("Failed to fetch zone data!")
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const zones = await zoneData.json();
|
|
||||||
for (const zoneId in zones) {
|
|
||||||
this.zones[zoneId] = new Zone(zones[zoneId]);
|
|
||||||
}
|
|
||||||
|
|
||||||
const nodeData = await fetch("/data/nodes.json")
|
|
||||||
.catch(() => {
|
|
||||||
return null;
|
|
||||||
});
|
|
||||||
if (nodeData === null) {
|
|
||||||
console.error("Failed to fetch node data!")
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const nodes = await nodeData.json();
|
|
||||||
|
|
||||||
for (const nodeData of nodes) {
|
|
||||||
|
|
||||||
const job = jobFromString(nodeData.job);
|
|
||||||
if (job === null) {
|
|
||||||
console.debug(`Failed to parse job: ${nodeData.job}`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const nodeType = nodeTypeFromString(nodeData.type);
|
|
||||||
if (nodeType === null) {
|
|
||||||
console.debug(`Failed to parse node type: ${nodeData.type}`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
const items = [] as Item[];
|
|
||||||
for (const itemId of nodeData.items) {
|
|
||||||
const item = this.items[itemId];
|
|
||||||
if (item === undefined) {
|
|
||||||
console.debug(`Failed to find item with id: ${itemId}`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
items.push(item);
|
|
||||||
}
|
|
||||||
|
|
||||||
const times = [] as TimeRange[];
|
|
||||||
for (const timeRangeEntry of nodeData.times) {
|
|
||||||
const timeSplit = timeRangeEntry.split("-");
|
|
||||||
if (timeSplit.length !== 2) {
|
|
||||||
console.debug(`Failed to parse time range: ${timeRangeEntry}`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
const startTime = timeSplit[0].split(":");
|
|
||||||
const endTime = timeSplit[1].split(":");
|
|
||||||
times.push(new TimeRange(
|
|
||||||
parseInt(startTime[0]),
|
|
||||||
parseInt(startTime[1]),
|
|
||||||
parseInt(endTime[0]),
|
|
||||||
parseInt(endTime[1])
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
const nearestAetheryte = this.findNearestAetheryte(nodeData?.position?.zone, nodeData?.position?.x, nodeData.position?.y);
|
|
||||||
if (nearestAetheryte === null) {
|
|
||||||
console.debug(`Failed to find nearest aetheryte for node: ${JSON.stringify(nodeData)}`);
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.nodes.push(new Node(
|
|
||||||
job,
|
|
||||||
nodeType,
|
|
||||||
nodeData.position,
|
|
||||||
times,
|
|
||||||
items,
|
|
||||||
nearestAetheryte
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
<style scoped lang="scss">
|
|
||||||
nav {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding-inline: 1rem;
|
|
||||||
|
|
||||||
.current-eorzea-time {
|
|
||||||
font-size: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-bar-menu {
|
|
||||||
display: flex;
|
|
||||||
gap: 1rem;
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.filters-button {
|
|
||||||
display: flex;
|
|
||||||
padding: 0.5rem;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
background-color: transparent;
|
|
||||||
cursor: pointer;
|
|
||||||
width: max-content;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
footer {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-family: 'Roboto', sans-serif;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #eaeaea;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #2a2a2a;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
#app {
|
|
||||||
max-width: 1280px;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.5rem;
|
|
||||||
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
@@ -1,241 +0,0 @@
|
|||||||
<template>
|
|
||||||
<section>
|
|
||||||
<details open>
|
|
||||||
<summary>Level of items</summary>
|
|
||||||
<section>
|
|
||||||
<label>
|
|
||||||
<span>Minimum level</span>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
placeholder="1"
|
|
||||||
:min="1"
|
|
||||||
:max="filters.maxLevel"
|
|
||||||
v-model="filters.minLevel"
|
|
||||||
@focusout="(e: FocusEvent) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
const numberValue = parseInt(target.value);
|
|
||||||
if (filters.maxLevel && numberValue > filters.maxLevel) {
|
|
||||||
filters.maxLevel = filters.minLevel;
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
<label>
|
|
||||||
<span>Maximum level</span>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
placeholder="100"
|
|
||||||
:min="filters.minLevel"
|
|
||||||
:max="100"
|
|
||||||
v-model="filters.maxLevel"
|
|
||||||
@focusout="(e: FocusEvent) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
const numberValue = parseInt(target.value);
|
|
||||||
if (filters.minLevel && numberValue < filters.minLevel) {
|
|
||||||
filters.minLevel = filters.maxLevel;
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
</section>
|
|
||||||
</details>
|
|
||||||
<details open>
|
|
||||||
<summary>Jobs</summary>
|
|
||||||
<section>
|
|
||||||
<label class="horizontal">
|
|
||||||
<span>Botanist</span>
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
:checked="filters.jobs.has(Job.BOTANIST)"
|
|
||||||
@change="(e: Event) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
if (target.checked) {
|
|
||||||
filters.jobs.add(Job.BOTANIST);
|
|
||||||
} else {
|
|
||||||
filters.jobs.delete(Job.BOTANIST);
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
<label class="horizontal">
|
|
||||||
<span>Miner</span>
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
:checked="filters.jobs.has(Job.MINER)"
|
|
||||||
@change="(e: Event) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
if (target.checked) {
|
|
||||||
filters.jobs.add(Job.MINER);
|
|
||||||
} else {
|
|
||||||
filters.jobs.delete(Job.MINER);
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
</section>
|
|
||||||
</details>
|
|
||||||
<details open>
|
|
||||||
<summary>Node type</summary>
|
|
||||||
<section>
|
|
||||||
<label class="horizontal">
|
|
||||||
<span>Unspoiled</span>
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
:checked="filters.nodeTypes.has(NodeType.UNSPOILED)"
|
|
||||||
@change="(e: Event) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
if (target.checked) {
|
|
||||||
filters.nodeTypes.add(NodeType.UNSPOILED);
|
|
||||||
} else {
|
|
||||||
filters.nodeTypes.delete(NodeType.UNSPOILED);
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
<label class="horizontal">
|
|
||||||
<span>Legendary</span>
|
|
||||||
<input
|
|
||||||
type="checkbox"
|
|
||||||
:checked="filters.nodeTypes.has(NodeType.LEGENDARY)"
|
|
||||||
@change="(e: Event) => {
|
|
||||||
const target = e.target as HTMLInputElement;
|
|
||||||
if (target.checked) {
|
|
||||||
filters.nodeTypes.add(NodeType.LEGENDARY);
|
|
||||||
} else {
|
|
||||||
filters.nodeTypes.delete(NodeType.LEGENDARY);
|
|
||||||
}
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</label>
|
|
||||||
</section>
|
|
||||||
</details>
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent} from "vue";
|
|
||||||
import Filters from "@/util/Filters";
|
|
||||||
import {Job} from "@/enums/Job";
|
|
||||||
import {NodeType} from "@/enums/NodeType";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "FiltersMenu",
|
|
||||||
computed: {
|
|
||||||
NodeType() {
|
|
||||||
return NodeType
|
|
||||||
},
|
|
||||||
Job() {
|
|
||||||
return Job
|
|
||||||
}
|
|
||||||
},
|
|
||||||
emits: ['update:filters'],
|
|
||||||
data: () => ({
|
|
||||||
filters: new Filters(),
|
|
||||||
}),
|
|
||||||
watch: {
|
|
||||||
filters: {
|
|
||||||
handler(newFilters) {
|
|
||||||
const filters = new Filters(newFilters);
|
|
||||||
window.localStorage.setItem("filters", filters.serialize());
|
|
||||||
},
|
|
||||||
deep: true,
|
|
||||||
},
|
|
||||||
minLevel(newValue: string) {
|
|
||||||
const numberValue = parseInt(newValue);
|
|
||||||
return isNaN(numberValue) ? 1 : numberValue;
|
|
||||||
},
|
|
||||||
maxLevel(newValue: string) {
|
|
||||||
const numberValue = parseInt(newValue);
|
|
||||||
return isNaN(numberValue) ? 100 : numberValue;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
const savedFilters = window.localStorage.getItem("filters");
|
|
||||||
if (!savedFilters) return;
|
|
||||||
const parsedFilters = JSON.parse(savedFilters);
|
|
||||||
this.filters = new Filters(parsedFilters);
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
section {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 1rem;
|
|
||||||
padding-block: 1rem;
|
|
||||||
padding-inline: 0.25rem;
|
|
||||||
|
|
||||||
details {
|
|
||||||
background-color: #1f1f1f;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
padding: 1rem;
|
|
||||||
gap: 0.5rem;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
position: absolute;
|
|
||||||
right: 1rem;
|
|
||||||
top: 1rem;
|
|
||||||
width: 1.5rem;
|
|
||||||
height: 1.5rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: center;
|
|
||||||
content: "▶";
|
|
||||||
pointer-events: none;
|
|
||||||
rotate: 90deg;
|
|
||||||
transition: rotate 0.25s;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[open] {
|
|
||||||
&:before {
|
|
||||||
rotate: 270deg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
summary {
|
|
||||||
cursor: pointer;
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 2rem;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
label {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.5rem;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
&.horizontal {
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 0.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="number"] {
|
|
||||||
padding: 0.5rem;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
background-color: transparent;
|
|
||||||
color: white;
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
width: 5rem;
|
|
||||||
text-align: start;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,163 +0,0 @@
|
|||||||
<template>
|
|
||||||
<article
|
|
||||||
class="node"
|
|
||||||
:class="{active: gatheringNode.isActive(eorzeaTime)}"
|
|
||||||
>
|
|
||||||
<div class="timer">
|
|
||||||
{{
|
|
||||||
gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime))
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
<div class="job">
|
|
||||||
<div class="icon">
|
|
||||||
<img
|
|
||||||
:alt="gatheringNode.job"
|
|
||||||
:src="`https://xivapi.com/cj/1/${gatheringNode.job}.png`"
|
|
||||||
:title="gatheringNode.job"
|
|
||||||
draggable="false"
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="aetheryte">
|
|
||||||
<span class="icon">
|
|
||||||
<img
|
|
||||||
src="https://xivapi.com/img-misc/mappy/aetheryte.png"
|
|
||||||
alt="Aetheryte icon"
|
|
||||||
draggable="false"
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
<div class="info">
|
|
||||||
<span>{{ zones[gatheringNode.nearestAetheryte.position.zone]?.name?.en }}</span>
|
|
||||||
<span>{{ gatheringNode.nearestAetheryte.name.en }}</span>
|
|
||||||
<span>{{ gatheringNode.nearestAetheryte.position.x.toFixed(1) }}, {{ gatheringNode.nearestAetheryte.position.y.toFixed(1) }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="items">
|
|
||||||
<span
|
|
||||||
v-for="item in gatheringNode.items"
|
|
||||||
:key="item.name"
|
|
||||||
>
|
|
||||||
{{ item.name }} (lv. {{ item.level }})
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent, PropType} from "vue";
|
|
||||||
import EorzeaTime from "@/util/EorzeaTime";
|
|
||||||
import Node from "@/entities/Node";
|
|
||||||
import Zone from "@/entities/Zone";
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "GatheringNode",
|
|
||||||
props: {
|
|
||||||
gatheringNode: {
|
|
||||||
type: Object as PropType<Node>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
eorzeaTime: {
|
|
||||||
type: Object as PropType<EorzeaTime>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
zones: {
|
|
||||||
type: Object as PropType<{ [key: string]: Zone }>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
prettyTimer(seconds: number): string {
|
|
||||||
const minutes = Math.floor(seconds / 60);
|
|
||||||
const remainingSeconds = seconds % 60;
|
|
||||||
return `${minutes}:${remainingSeconds < 10 ? '0' : ''}${remainingSeconds}`;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
|
|
||||||
@keyframes pulsing {
|
|
||||||
0% {background-color: rgba(255,255,255, 0.05);}
|
|
||||||
50% {background-color: rgba(255,255,255, 0.075);}
|
|
||||||
100% {background-color: rgba(255,255,255, 0.05);}
|
|
||||||
}
|
|
||||||
|
|
||||||
.node {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
gap: 1rem;
|
|
||||||
width: 100%;
|
|
||||||
min-height: 6rem;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
padding: 0.5rem;
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
animation: infinite pulsing 6s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timer {
|
|
||||||
min-width: 7rem;
|
|
||||||
font-size: 2rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.job {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
width: 3rem;
|
|
||||||
height: 3rem;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.aetheryte {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.25rem;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
border-radius: 0.75rem;
|
|
||||||
padding: 0.35rem 1rem;
|
|
||||||
background-color: rgba(0, 0, 0, 0.2);
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
width: 3rem;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
object-fit: fill;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: start;
|
|
||||||
gap: 0.1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.items {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: start;
|
|
||||||
gap: 0.1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,119 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="node-list">
|
|
||||||
<GatheringNode
|
|
||||||
v-for="node in displayNodes"
|
|
||||||
:key="`${node.location.x}-${node.location.y}-${node.location.zone}`"
|
|
||||||
:gathering-node="node as Node"
|
|
||||||
:eorzea-time="eorzeaTime"
|
|
||||||
:zones="zones"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent, PropType} from "vue";
|
|
||||||
import EorzeaTime from "../util/EorzeaTime";
|
|
||||||
import Node from "@/entities/Node";
|
|
||||||
import GatheringNode from "@/components/GatheringNode.vue";
|
|
||||||
import Zone from "@/entities/Zone";
|
|
||||||
import Filters from "@/util/Filters";
|
|
||||||
|
|
||||||
export default defineComponent(
|
|
||||||
{
|
|
||||||
name: "SortedNodeList",
|
|
||||||
components: {GatheringNode},
|
|
||||||
props: {
|
|
||||||
nodes: {
|
|
||||||
type: Array as PropType<Node[]>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
eorzeaTime: {
|
|
||||||
type: Object as PropType<EorzeaTime>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
zones: {
|
|
||||||
type: Object as PropType<{ [key: string]: Zone }>,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
nodes: {
|
|
||||||
handler(newNodes: Node[]) {
|
|
||||||
this.filterNodes(newNodes);
|
|
||||||
},
|
|
||||||
deep: true
|
|
||||||
},
|
|
||||||
displayNodes: {
|
|
||||||
handler() {
|
|
||||||
this.sortListByTime();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
eorzeaTime: {
|
|
||||||
handler(newValue, oldValue) {
|
|
||||||
if (oldValue === undefined) return;
|
|
||||||
if (newValue?.getMinutes() === oldValue?.getMinutes()) return;
|
|
||||||
this.sortListByTime();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data: () => ({
|
|
||||||
displayNodes: [] as Node[],
|
|
||||||
}),
|
|
||||||
methods: {
|
|
||||||
sortListByTime() {
|
|
||||||
this.displayNodes.sort((a, b): number => {
|
|
||||||
const aSeconds = a.getSecondsToNextActiveTime(this.eorzeaTime);
|
|
||||||
const bSeconds = b.getSecondsToNextActiveTime(this.eorzeaTime);
|
|
||||||
if (aSeconds === bSeconds) return 1;
|
|
||||||
return aSeconds - bSeconds;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
filterNodes(nodes: Node[] = []) {
|
|
||||||
let filters: Filters | null = null;
|
|
||||||
let filtersString = window.localStorage.getItem("filters");
|
|
||||||
if (filtersString === null) {
|
|
||||||
window.localStorage.setItem("filters", JSON.stringify(new Filters()));
|
|
||||||
filtersString = window.localStorage.getItem("filters");
|
|
||||||
}
|
|
||||||
if (filtersString === null) {
|
|
||||||
console.error("Failed to get filters from local storage!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const parsedFilters = JSON.parse(filtersString);
|
|
||||||
filters = new Filters(parsedFilters);
|
|
||||||
|
|
||||||
this.displayNodes = nodes.filter((node) => {
|
|
||||||
let shouldDisplay = false;
|
|
||||||
|
|
||||||
if (filters) {
|
|
||||||
if (!filters.jobs.has(node.job)) return false;
|
|
||||||
if (!filters.nodeTypes.has(node.nodeType)) return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const item of node.items) {
|
|
||||||
if (filters && item.level >= filters.minLevel && item.level <= filters.maxLevel) {
|
|
||||||
shouldDisplay = true;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return shouldDisplay;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.filterNodes(this.nodes);
|
|
||||||
},
|
|
||||||
}
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.node-list {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.33rem;
|
|
||||||
padding-block: 0.5rem;
|
|
||||||
padding-inline: 0.25rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,37 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="github-logo" aria-label="Github logo" title="GitHub">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
|
|
||||||
<g :fill="color">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
||||||
d="M64 5.103c-33.347 0-60.388 27.035-60.388 60.388 0 26.682 17.303 49.317 41.297 57.303 3.017.56 4.125-1.31 4.125-2.905 0-1.44-.056-6.197-.082-11.243-16.8 3.653-20.345-7.125-20.345-7.125-2.747-6.98-6.705-8.836-6.705-8.836-5.48-3.748.413-3.67.413-3.67 6.063.425 9.257 6.223 9.257 6.223 5.386 9.23 14.127 6.562 17.573 5.02.542-3.903 2.107-6.568 3.834-8.076-13.413-1.525-27.514-6.704-27.514-29.843 0-6.593 2.36-11.98 6.223-16.21-.628-1.52-2.695-7.662.584-15.98 0 0 5.07-1.623 16.61 6.19C53.7 35 58.867 34.327 64 34.304c5.13.023 10.3.694 15.127 2.033 11.526-7.813 16.59-6.19 16.59-6.19 3.287 8.317 1.22 14.46.593 15.98 3.872 4.23 6.215 9.617 6.215 16.21 0 23.194-14.127 28.3-27.574 29.796 2.167 1.874 4.097 5.55 4.097 11.183 0 8.08-.07 14.583-.07 16.572 0 1.607 1.088 3.49 4.148 2.897 23.98-7.994 41.263-30.622 41.263-57.294C124.388 32.14 97.35 5.104 64 5.104z"/>
|
|
||||||
<path
|
|
||||||
d="M26.484 91.806c-.133.3-.605.39-1.035.185-.44-.196-.685-.605-.543-.906.13-.31.603-.395 1.04-.188.44.197.69.61.537.91zm2.446 2.729c-.287.267-.85.143-1.232-.28-.396-.42-.47-.983-.177-1.254.298-.266.844-.14 1.24.28.394.426.472.984.17 1.255zM31.312 98.012c-.37.258-.976.017-1.35-.52-.37-.538-.37-1.183.01-1.44.373-.258.97-.025 1.35.507.368.545.368 1.19-.01 1.452zm3.261 3.361c-.33.365-1.036.267-1.552-.23-.527-.487-.674-1.18-.343-1.544.336-.366 1.045-.264 1.564.23.527.486.686 1.18.333 1.543zm4.5 1.951c-.147.473-.825.688-1.51.486-.683-.207-1.13-.76-.99-1.238.14-.477.823-.7 1.512-.485.683.206 1.13.756.988 1.237zm4.943.361c.017.498-.563.91-1.28.92-.723.017-1.308-.387-1.315-.877 0-.503.568-.91 1.29-.924.717-.013 1.306.387 1.306.88zm4.598-.782c.086.485-.413.984-1.126 1.117-.7.13-1.35-.172-1.44-.653-.086-.498.422-.997 1.122-1.126.714-.123 1.354.17 1.444.663zm0 0"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import {defineComponent} from 'vue'
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: "GithubLogo",
|
|
||||||
props: {
|
|
||||||
color: {
|
|
||||||
type: String,
|
|
||||||
default: "#181616"
|
|
||||||
},
|
|
||||||
size: {
|
|
||||||
type: String,
|
|
||||||
default: "24px"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.github-logo {
|
|
||||||
width: v-bind(size);
|
|
||||||
height: v-bind(size);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
export default class Aetheryte {
|
|
||||||
|
|
||||||
readonly position: { x: number, y: number, zone: string };
|
|
||||||
readonly name: {
|
|
||||||
en: string,
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
data: {position: {x: number, y: number, zone: string}, name: {en: string}}
|
|
||||||
) {
|
|
||||||
this.position = data.position;
|
|
||||||
this.name = data.name;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
export default class Item {
|
|
||||||
|
|
||||||
readonly id: string;
|
|
||||||
readonly name: string;
|
|
||||||
readonly level: number;
|
|
||||||
|
|
||||||
constructor(id: string, data: {[key: string]: number | string | undefined}) {
|
|
||||||
this.id = id;
|
|
||||||
this.name = data?.name as string;
|
|
||||||
this.level = data?.level as number;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -1,63 +0,0 @@
|
|||||||
import {Job} from "@/enums/Job";
|
|
||||||
import {NodeType} from "@/enums/NodeType";
|
|
||||||
import Item from "./Item";
|
|
||||||
import Aetheryte from "./Aetheryte";
|
|
||||||
import TimeRange from "./TimeRange";
|
|
||||||
import EorzeaTime from "../util/EorzeaTime";
|
|
||||||
|
|
||||||
export default class Node {
|
|
||||||
|
|
||||||
readonly job: Job;
|
|
||||||
readonly nodeType: NodeType;
|
|
||||||
readonly location: { x: number, y: number, zone: string };
|
|
||||||
readonly times: Array<TimeRange>;
|
|
||||||
readonly nearestAetheryte: Aetheryte;
|
|
||||||
readonly items: Item[];
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
job: Job,
|
|
||||||
nodeType: NodeType,
|
|
||||||
location: { x: number, y: number, zone: string },
|
|
||||||
times: Array<TimeRange>,
|
|
||||||
items: Item[],
|
|
||||||
nearestAetheryte: Aetheryte,
|
|
||||||
) {
|
|
||||||
this.job = job;
|
|
||||||
this.nodeType = nodeType;
|
|
||||||
this.location = location;
|
|
||||||
this.times = times;
|
|
||||||
this.items = items;
|
|
||||||
this.nearestAetheryte = nearestAetheryte;
|
|
||||||
items.sort((a, b) => b.level - a.level);
|
|
||||||
}
|
|
||||||
|
|
||||||
isActive(eorzeaTime: EorzeaTime): boolean {
|
|
||||||
for (const timeRange of this.times) {
|
|
||||||
if (timeRange.isWithinTimeFrame(eorzeaTime.getHours(), eorzeaTime.getMinutes())) return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
getCountdownToActive(eorzeaTime: EorzeaTime): number {
|
|
||||||
let countdown: number = Infinity;
|
|
||||||
for (const timeRange of this.times) {
|
|
||||||
const nextTimeFrame: number = timeRange.getNextTimeFrame(eorzeaTime);
|
|
||||||
if (nextTimeFrame < countdown) countdown = nextTimeFrame;
|
|
||||||
}
|
|
||||||
return countdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
getNextActiveTime(eorzeaTime: EorzeaTime): EorzeaTime {
|
|
||||||
let countdownTimeStamp: number = Infinity;
|
|
||||||
for (const timeRange of this.times) {
|
|
||||||
const nextTimeFrame: number = timeRange.getNextTimeFrame(eorzeaTime);
|
|
||||||
if (nextTimeFrame < countdownTimeStamp) countdownTimeStamp = nextTimeFrame;
|
|
||||||
}
|
|
||||||
return EorzeaTime.fromEorzeaTime(new Date(this.getCountdownToActive(eorzeaTime)));
|
|
||||||
}
|
|
||||||
|
|
||||||
getSecondsToNextActiveTime(eorzeaTime: EorzeaTime): number {
|
|
||||||
return Math.floor((this.getNextActiveTime(eorzeaTime).realDate.getTime() - eorzeaTime.realDate.getTime()) / 1000);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,32 +0,0 @@
|
|||||||
import EorzeaTime from "../util/EorzeaTime";
|
|
||||||
|
|
||||||
export default class TimeRange {
|
|
||||||
|
|
||||||
private readonly from: [number, number];
|
|
||||||
private readonly to: [number, number];
|
|
||||||
|
|
||||||
constructor(fromHour: number, fromMinute: number, toHour: number, toMinute: number) {
|
|
||||||
this.from = [fromHour, fromMinute];
|
|
||||||
this.to = [toHour, toMinute];
|
|
||||||
}
|
|
||||||
|
|
||||||
public isWithinTimeFrame(hour: number, minute: number): boolean {
|
|
||||||
return (
|
|
||||||
this.from[0] < hour || this.from[0] == hour && this.from[1] <= minute)
|
|
||||||
&& (hour < this.to[0] || hour == this.to[0] && minute <= this.to[1]
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns a timestamp when the time range will be active again
|
|
||||||
*/
|
|
||||||
public getNextTimeFrame(eorzeaTimeFrom: EorzeaTime): number {
|
|
||||||
const targetDate = new Date(eorzeaTimeFrom.eorzeaDate.getTime());
|
|
||||||
targetDate.setUTCHours(this.from[0], 0, 0, 0);
|
|
||||||
if (eorzeaTimeFrom.getHours() >= this.to[0]) {
|
|
||||||
targetDate.setUTCHours(this.from[0] + 24);
|
|
||||||
}
|
|
||||||
return targetDate.getTime();
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
import Aetheryte from "@/entities/Aetheryte";
|
|
||||||
|
|
||||||
export default class Zone {
|
|
||||||
|
|
||||||
name: {
|
|
||||||
en: string,
|
|
||||||
}
|
|
||||||
|
|
||||||
aetherytes: Array<Aetheryte> = [];
|
|
||||||
|
|
||||||
constructor(data: {name: {en: string}, aetherytes: Array<{position: {x: number, y: number, zone: string}, name: {en: string}}>}) {
|
|
||||||
this.name = {
|
|
||||||
en: data.name.en
|
|
||||||
};
|
|
||||||
if (!Array.isArray(data.aetherytes)) return;
|
|
||||||
for (const aetheryte of data.aetherytes) {
|
|
||||||
this.aetherytes.push(new Aetheryte(aetheryte));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
export enum Job {
|
|
||||||
BOTANIST = "botanist",
|
|
||||||
MINER = "miner",
|
|
||||||
}
|
|
||||||
|
|
||||||
export function jobFromString(str: string): Job | null {
|
|
||||||
switch (str.toLowerCase()) {
|
|
||||||
case "botanist":
|
|
||||||
return Job.BOTANIST;
|
|
||||||
case "miner":
|
|
||||||
return Job.MINER;
|
|
||||||
default:
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
export enum NodeType {
|
|
||||||
UNSPOILED = "unspoiled",
|
|
||||||
LEGENDARY = "legendary",
|
|
||||||
}
|
|
||||||
|
|
||||||
export function nodeTypeFromString(str: string): NodeType | null {
|
|
||||||
switch (str.toLowerCase()) {
|
|
||||||
case "unspoiled":
|
|
||||||
return NodeType.UNSPOILED;
|
|
||||||
case "legendary":
|
|
||||||
return NodeType.LEGENDARY;
|
|
||||||
default:
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,6 +0,0 @@
|
|||||||
import './assets/main.css'
|
|
||||||
|
|
||||||
import { createApp } from 'vue'
|
|
||||||
import App from './App.vue'
|
|
||||||
|
|
||||||
createApp(App).mount('#app')
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
export default class EorzeaTime {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The real life date
|
|
||||||
*/
|
|
||||||
readonly realDate: Date;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The Eorzean date
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
readonly eorzeaDate: Date;
|
|
||||||
|
|
||||||
public constructor(realDate: Date = new Date()) {
|
|
||||||
this.realDate = realDate;
|
|
||||||
this.eorzeaDate = new Date(realDate.getTime() * (3600 / 175));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns Eorzean hours
|
|
||||||
*/
|
|
||||||
getHours(): number {
|
|
||||||
return this.eorzeaDate.getUTCHours();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns Eorzean minutes
|
|
||||||
*/
|
|
||||||
getMinutes(): number {
|
|
||||||
return this.eorzeaDate.getUTCMinutes();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns Eorzean seconds
|
|
||||||
*/
|
|
||||||
getSeconds(): number {
|
|
||||||
return this.eorzeaDate.getUTCSeconds();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns Eorzean timestamp
|
|
||||||
*/
|
|
||||||
getTime(): number {
|
|
||||||
return this.eorzeaDate.getTime();
|
|
||||||
}
|
|
||||||
|
|
||||||
getPrettyTime(): string {
|
|
||||||
const hours: string = this.getHours().toString();
|
|
||||||
let minutes: string = this.getMinutes().toString();
|
|
||||||
if (minutes.length === 1) minutes = '0' + minutes;
|
|
||||||
return `${hours}:${minutes}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
public static fromRealTime(realDate: Date): EorzeaTime {
|
|
||||||
return new EorzeaTime(realDate);
|
|
||||||
}
|
|
||||||
|
|
||||||
public static fromEorzeaTime(eorzeaDate: Date): EorzeaTime {
|
|
||||||
return new EorzeaTime(new Date(eorzeaDate.getTime() / (3600 / 175)));
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,50 +0,0 @@
|
|||||||
import {Job, jobFromString} from "@/enums/Job";
|
|
||||||
import {NodeType, nodeTypeFromString} from "@/enums/NodeType";
|
|
||||||
|
|
||||||
export default class Filters {
|
|
||||||
|
|
||||||
minLevel: number;
|
|
||||||
maxLevel: number;
|
|
||||||
jobs: Set<Job> = new Set();
|
|
||||||
nodeTypes: Set<NodeType> = new Set();
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
data?: {
|
|
||||||
minLevel?: number,
|
|
||||||
maxLevel?: number,
|
|
||||||
jobs?: string[],
|
|
||||||
nodeTypes?: string[],
|
|
||||||
},
|
|
||||||
) {
|
|
||||||
this.minLevel = data?.minLevel || 91;
|
|
||||||
this.maxLevel = data?.maxLevel || 100;
|
|
||||||
const jobData = data?.jobs || [Job.BOTANIST, Job.MINER];
|
|
||||||
|
|
||||||
for (const job of jobData) {
|
|
||||||
const parsedJob = jobFromString(job);
|
|
||||||
if (!parsedJob) continue;
|
|
||||||
this.jobs.add(parsedJob);
|
|
||||||
}
|
|
||||||
|
|
||||||
const nodeTypeData = data?.nodeTypes || [
|
|
||||||
NodeType.UNSPOILED,
|
|
||||||
];
|
|
||||||
|
|
||||||
for (const nodeType of nodeTypeData) {
|
|
||||||
const parsedNodeType = nodeTypeFromString(nodeType);
|
|
||||||
if (!parsedNodeType) continue;
|
|
||||||
this.nodeTypes.add(parsedNodeType);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
serialize(): string {
|
|
||||||
return JSON.stringify({
|
|
||||||
minLevel: this.minLevel,
|
|
||||||
maxLevel: this.maxLevel,
|
|
||||||
jobs: Array.from(this.jobs).map(job => job),
|
|
||||||
nodeTypes: Array.from(this.nodeTypes).map(nodeType => nodeType),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "ESNext",
|
|
||||||
"useDefineForClassFields": true,
|
|
||||||
"module": "ESNext",
|
|
||||||
"moduleResolution": "Node",
|
|
||||||
"strict": true,
|
|
||||||
"jsx": "preserve",
|
|
||||||
"resolveJsonModule": true,
|
|
||||||
"isolatedModules": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"lib": ["ESNext", "DOM"],
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"noEmit": true,
|
|
||||||
"allowJs": true,
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["./src/*"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
import { fileURLToPath, URL } from 'node:url'
|
|
||||||
|
|
||||||
import { defineConfig } from 'vite'
|
|
||||||
import vue from '@vitejs/plugin-vue'
|
|
||||||
import eslintPlugin from 'vite-plugin-eslint'
|
|
||||||
|
|
||||||
// https://vitejs.dev/config/
|
|
||||||
export default defineConfig({
|
|
||||||
plugins: [
|
|
||||||
vue(),
|
|
||||||
eslintPlugin(),
|
|
||||||
],
|
|
||||||
resolve: {
|
|
||||||
alias: {
|
|
||||||
'@': fileURLToPath(new URL('./src', import.meta.url))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
Reference in New Issue
Block a user