YouHaveTrouble/DiscipleOfLand
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/DiscipleOfLand.git synced 2026-05-12 06:26:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

install and configure eslint, bow before eslint

Browse Source
This commit is contained in:
youhavetrouble
2023-10-12 17:20:28 +02:00
parent b6bf355750
commit eb78ce7b6f
13 changed files with 1739 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/GatheringNode.vue
+43 -22
View File
@@ -1,31 +1,43 @@
<template>
<article class="node">
<div class="timer">{{ gatheringNode.isActive(eorzeaTime) ? 'Active' : prettyTimer(gatheringNode.getSecondsToNextActiveTime(eorzeaTime)) }}</div>
<div class="job">
<div class="icon">
<img
<article class="node">
<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 }}, {{ gatheringNode.nearestAetheryte.position.y }}</span>
</div>
</div>
<div class="items">
<span
v-for="item in gatheringNode.items"
:key="item.name"
>
{{ item.name }} (lv. {{ item.level }})
</span>
</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 }}</span>
<span>{{ gatheringNode.nearestAetheryte.position.x }}, {{ gatheringNode.nearestAetheryte.position.y }}</span>
</div>
</div>
<div class="items">
<span v-for="item in gatheringNode.items">{{ item.name }} (lv. {{ item.level }})</span>
</div>
</article>
</article>
</template>
<script lang="ts">
@@ -71,6 +83,7 @@ export default defineComponent({
border: 1px solid #fff;
padding: 0.5rem;
border-radius: 0.25rem;
.timer {
min-width: 7rem;
font-size: 2rem;
@@ -78,19 +91,23 @@ export default defineComponent({
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;
@@ -100,15 +117,18 @@ export default defineComponent({
font-size: 1.5rem;
border-radius: 0.75rem;
padding: 0.35rem 1rem;
background-color: rgba(0,0,0, 0.2);
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;
@@ -117,6 +137,7 @@ export default defineComponent({
gap: 0.1rem;
}
}
.items {
display: flex;
flex-direction: column;