annika/isl-vue3
1
0
Fork 0
mirror of https://forgejo.merr.is/annika/isl-vue3.git synced 2025-12-11 10:56:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

More Styling and Added Tooltips

Browse source
This commit is contained in:
Annika Merris 2024-01-21 20:57:37 -05:00
parent 599d44a86b
commit 10684ad79c
14 changed files with 246 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/flower_necklace.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
public/images/jewel_necklace.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 53 KiB

48
public/items/blessingPowerItems.json
View file

@ -1,79 +1,101 @@
{
"d9def40f-6deb-45af-b8d1-d8af8a997b58": {
"iconURL": "",
"iconURL": "flower_necklace.png",
"itemName": "Flower Necklace",
"minItemPower": 1,
"maxItemPower": 1,
"rarity": 2
"rarity": 2,
"origin": "Multiple",
"tooltip": "A romantic necklace made of flowers. Give it to a family member to increase their Blessing Power by 1."
},
"facb5102-34d8-4813-ab06-ac2b8e9f3ed9": {
"iconURL": "",
"iconURL": "jewel_necklace.png",
"itemName": "Jewel Necklace",
"minItemPower": 2,
"maxItemPower": 2,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "Elegant Jewel Necklace. Give it to a family member to increase their Blessing Power by 2."
},
"ddd29671-ca7f-4132-8784-80346e154059": {
"iconURL": "",
"itemName": "Blessing Power Gachapon",
"minItemPower": 10,
"maxItemPower": 30,
"rarity": 4
"rarity": 4,
"origin": "Unknown",
"tooltip": "A gachapon with mysterious smell. Open to obtain Rare Necklaces of different energy level, which can be used to increase a Family's blessing power by 10 to 30."
},
"c1e029ff-b82c-48bd-a1f1-ea6291fad948": {
"iconURL": "",
"itemName": "Mandrake",
"minItemPower": 1,
"maxItemPower": 3,
"rarity": 1
"rarity": 1,
"origin": "Picnic in the Forest",
"tooltip": "A very common plant monster. Being very timid, it always checks to be sure there is no danger before showing up. Used to increase a Family Member's Blessing Power by 1 to 3."
},
"52cd4a48-ff8a-4493-8030-b4e7754cd227": {
"iconURL": "",
"itemName": "Muddled Mushroom",
"minItemPower": 2,
"maxItemPower": 5,
"rarity": 1
"rarity": 1,
"origin": "Picnic in the Forest",
"tooltip": "A friendly monster, very common in the forest. It loves juice very much, even soaking itself in juice sometimes. Used to increase a Family Member's Blessing Power by 2 to 5."
},
"636b7384-1389-4012-933c-9063baa7a38d": {
"iconURL": "",
"itemName": "Grassy Bunny",
"minItemPower": 3,
"maxItemPower": 6,
"rarity": 2
"rarity": 2,
"origin": "Picnic in the Forest",
"tooltip": "A common animal monster. Its roundy body is covered in fluffy fluff. Feels good to pet. Used to increase a Family Member's Blessing Power by 3 to 6."
},
"2563b5f8-8fd5-4795-af86-33200605cf3e": {
"iconURL": "",
"itemName": "Chirping Chick",
"minItemPower": 4,
"maxItemPower": 10,
"rarity": 2
"rarity": 2,
"origin": "Picnic in the Forest",
"tooltip": "A common animal monster. It will make cheerful chirping sounds when given delicious food. Used to increase a Family Member's Blessing Power by 4 to 10."
},
"54e9bcf5-f1a5-4350-a75d-88af02b4fc13": {
"iconURL": "",
"itemName": "Gorgeous Horse",
"minItemPower": 5,
"maxItemPower": 16,
"rarity": 3
"rarity": 3,
"origin": "Picnic in the Forest",
"tooltip": "An uncommon monster. Elegant and beautiful, it will bow gracefully to the person who feeds it. Used to increase a Family Member's Blessing Power by 5 to 16."
},
"e736d2b9-a8ec-4a4e-a721-24880c8a6038": {
"iconURL": "",
"itemName": "Blooming Fox",
"minItemPower": 7,
"maxItemPower": 24,
"rarity": 3
"rarity": 3,
"origin": "Picnic in the Forest",
"tooltip": "An uncommon and elegant monster. It will exchange its treasured flower for food. Used to increase a Family Member's Blessing Power by 7 to 24."
},
"9fb7f9ba-e7ed-4e99-b161-386f48299443": {
"iconURL": "",
"itemName": "Frozen Dragon",
"minItemPower": 10,
"maxItemPower": 32,
"rarity": 4
"rarity": 4,
"origin": "Picnic in the Forest",
"tooltip": "An extremely rare monster. It looks cold and distant. But just one sandwich, and you can romp playfully together. Used to increase a Family Member's Blessing Power by 10 to 32."
},
"e2472929-1218-4cd6-a73b-b783c17bbc31": {
"iconURL": "",
"itemName": "Flaming Lion",
"minItemPower": 14,
"maxItemPower": 48,
"rarity": 4
"rarity": 4,
"origin": "Picnic in the Forest",
"tooltip": "An extremely rare monster. Elegant but arrogant. Selective of its friends, and It'll seize its flame before approaching. Used to increase a Family Member's Blessing Power by 14 to 48."
}
}

92
public/items/fellowPowerItems.json
View file

@ -4,160 +4,206 @@
"itemName": "Contestant Portrait (Wolf)",
"minItemPower": 15000,
"maxItemPower": 40000,
"rarity": 3
"rarity": 3,
"origin": "Wrestling Championship",
"tooltip": "A portrait kissed by a star contestant with a confident declaration of victory on the back. Used to increase a Fellow's Power by 15,000 to 40,000"
},
"2006c92e-8e32-4c9f-a913-3b2d1ed8dea0": {
"iconURL": "",
"itemName": "Potion of Bravery",
"minItemPower": 800,
"maxItemPower": 800,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A magic potion that can awaken the potential of one's courage. Used to incrase the Power of a random Brave type Fellow by 800."
},
"30d05d98-a615-4e3a-94da-8aa6e4ad03a9": {
"iconURL": "",
"itemName": "Basic Elixir",
"minItemPower": 3000,
"maxItemPower": 3000,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A potion that partially awakens one's potential. Used to increase a designated Fellow's Power by 3,000"
},
"3eccaaac-5afe-415a-ac8f-55df213cf015": {
"iconURL": "",
"itemName": "Potion of Freedom",
"minItemPower": 800,
"maxItemPower": 800,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A magic potion that can awaken the potential of one's ambition. Used to incrase the Power of a random Unfettered type Fellow by 800."
},
"68a7a68a-2123-4a8e-b64d-9dbdf0637521": {
"iconURL": "",
"itemName": "Potion of Erudition",
"minItemPower": 800,
"maxItemPower": 800,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A magic potion that can awaken the potential of one's wisdom. Used to incrase the Power of a random Informed type Fellow by 800."
},
"7075da2f-a617-42a1-b142-fe2401ad87ec": {
"iconURL": "",
"itemName": "Potion of Inspiration",
"minItemPower": 800,
"maxItemPower": 800,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A magic potion that can awaken the potential of the soul. Used to incrase the Power of a random Inspiring type Fellow by 800."
},
"762a2775-ca50-4c13-8797-2f03b045ed10": {
"iconURL": "",
"itemName": "Contestant Portrait (Lion)",
"minItemPower": 10000,
"maxItemPower": 25000,
"rarity": 3
"rarity": 3,
"origin": "Wrestling Championship",
"tooltip": "A portrait kissed by a star contestant with a message to a fan on the back. Used to increase a Fellow's Power by 10,000 to 25,000"
},
"9c95396d-e5d8-4f7d-9d37-1469e7dc0ee1": {
"iconURL": "",
"itemName": "Signed Towel (Yellow)",
"minItemPower": 4500,
"maxItemPower": 10000,
"rarity": 2
"rarity": 2,
"origin": "Wrestling Championship",
"tooltip": "A towel for fans signed by wrestlers. Used to increase a Fellow's Power by 4,500 to 10,000."
},
"a351a27b-765b-46b5-95fc-99c47e63176d": {
"iconURL": "",
"itemName": "Potion of Diligence",
"minItemPower": 800,
"maxItemPower": 800,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A magic potion that can awaken the potential of the body. Used to incrase the Power of a random Diligent type Fellow by 800."
},
"a44b763b-833b-49d0-91d6-e5fcb8c6ce7c": {
"iconURL": "",
"itemName": "Signed Handkerchief (Yellow)",
"minItemPower": 2000,
"maxItemPower": 5000,
"rarity": 1
"rarity": 1,
"origin": "Wrestling Championship",
"tooltip": "A handkerchief for fans signed by wrestlers. Used to increase a Fellow's Power by 2,000 to 5,000"
},
"bc5fc5c6-65e1-41c8-822d-d6e06ec0894e": {
"iconURL": "",
"itemName": "Advanced Elixir",
"minItemPower": 30000,
"maxItemPower": 30000,
"rarity": 4
"rarity": 4,
"origin": "Multiple",
"tooltip": "A potion that awakens one's full potential. Used to increase a designated Fellow's Power by 30,000."
},
"cd50f711-36a4-4b3b-b4ef-84b52c8a18e2": {
"iconURL": "",
"itemName": "Champion's Statue",
"minItemPower": 30000,
"maxItemPower": 80000,
"rarity": 4
"rarity": 4,
"origin": "Wrestling Championship",
"tooltip": ""
},
"ce522371-80bd-4266-b473-8f5ace7099c7": {
"iconURL": "",
"itemName": "Signed Handkerchief (Red)",
"minItemPower": 3000,
"maxItemPower": 8000,
"rarity": 1
"rarity": 1,
"origin": "Wrestling Championship",
"tooltip": "A gift from a wrestler. Can only be obtained when watching a match ringside. Used to increase a Fellow's Power by 3,000 to 8,000."
},
"d7d705d3-9562-4f03-98d8-3b0da81fcf47": {
"iconURL": "",
"itemName": "Champion's Belt",
"minItemPower": 20000,
"maxItemPower": 50000,
"rarity": 4
"rarity": 4,
"origin": "Wrestling Championship",
"tooltip": "A champion's belt memorializing the time in the ring. Used ot increase a Fellow's Power by 20,000 to 50,000."
},
"ed1663c2-aff0-41b4-b5ed-7f86463c1d69": {
"iconURL": "",
"itemName": "Signed Towel (Red)",
"minItemPower": 6000,
"maxItemPower": 15000,
"rarity": 2
"rarity": 2,
"origin": "Wrestling Championship",
"tooltip": "A towel of the same type used by wrestlers. Can only be obtained on the spot. Used to increase a Fellow's Power by 6,000 to 15,000."
},
"472d229e-3541-4115-8104-53af579f24a4": {
"iconURL": "",
"itemName": "Demonic Exercise Bike",
"minItemPower": 20000,
"maxItemPower": 50000,
"rarity": 4
"rarity": 4,
"origin": "Muscle Hustle Gym",
"tooltip": "This advanced bike can automatically set cycling distance according to user's physical condition, very useful. Used to increase a Fellow's Power by 20,000 to 50,000."
},
"6214eeeb-c77b-415c-a055-6d15b04ca026": {
"iconURL": "",
"itemName": "Steel Barbell",
"minItemPower": 15000,
"maxItemPower": 40000,
"rarity": 3
"rarity": 3,
"origin": "Muscle Hustle Gym",
"tooltip": "Looks small but weighs a lot. Be cautious when using it, or you might strain your waist. Used to increase a Fellow's Power by 15,000 to 40,000."
},
"732f16e3-6de7-4bc7-af77-9cdbaf68b695": {
"iconURL": "",
"itemName": "Pac-Ball",
"minItemPower": 4500,
"maxItemPower": 10000,
"rarity": 2
"rarity": 2,
"origin": "Muscle Hustle Gym",
"tooltip": "It will show various expressions when used. Maybe a gym ball has its own feelings...? Used to increase a Fellow's Power by 4,500 to 10,000."
},
"a64b4819-5b32-41c5-8fe0-293ea8695a0c": {
"iconURL": "",
"itemName": "Stone Dumbbell",
"minItemPower": 3000,
"maxItemPower": 8000,
"rarity": 1
"rarity": 1,
"origin": "Muscle Hustle Gym",
"tooltip": "A pair of little dumbells. Even a b eginner can lift them easily after a little exerciase. Used to increase a Fellow's Power by 3,000 to 8,000."
},
"b282b9cb-1802-4563-88a1-e7e267a0bcd4": {
"iconURL": "",
"itemName": "Rock Kettlebell",
"minItemPower": 6000,
"maxItemPower": 15000,
"rarity": 2
"rarity": 2,
"origin": "Muscle Hustle Gym",
"tooltip": "A kettlebell made of rocks with extremely high density. The slime version is the most popular. Used to increase a Fellow's Power by 6,000 to 15,000."
},
"bf1611c0-ddec-4ad8-8299-a2e19818186f": {
"iconURL": "",
"itemName": "Screaming Punching Bag",
"minItemPower": 30000,
"maxItemPower": 80000,
"rarity": 4
"rarity": 4,
"origin": "Muscle Hustle Gym",
"tooltip": "It makes funny scream when hit. It might be nice to bring it home as a toy. Used to increase a Fellow's Power by 30,000 to 80,000."
},
"daca4964-69c4-4167-b7bf-2e8eb49a8f1b": {
"iconURL": "",
"itemName": "Ivy Jump Rope",
"minItemPower": 2000,
"maxItemPower": 5000,
"rarity": 1
"rarity": 1,
"origin": "Muscle Hustle Gym",
"tooltip": "A jump rope made from vines of some plant monster, very tough. Used to increase a Fellow's Power by 2,000 to 5,000."
},
"fff5a89a-1691-47ea-af30-c811f1c1dbfc": {
"iconURL": "",
"itemName": "Fairy Shuttlecock",
"minItemPower": 10000,
"maxItemPower": 25000,
"rarity": 3
"rarity": 3,
"origin": "Muscle Hustle Gym",
"tooltip": "A light shuttlecock that seems to understand words. If you shout loudly while playing, it will fly to the target position. Used to increase a Fellow's Power by 10,000 to 25,000."
}
}

44
public/items/intimacyPowerItems.json
View file

@ -4,77 +4,99 @@
"itemName": "Song: \"Unhappy Elder\"",
"minItemPower": 2,
"maxItemPower": 5,
"rarity": 1
"rarity": 1,
"origin": "Camping Under the Stars",
"tooltip": "\"How old-school and serious elf elder is~ Yet his son fell in love with a bunny girl~?\" Used to increase a Family Member's Intimacy by 2 to 5"
},
"0dbbda4c-0e4c-4cc2-b204-0301178ae667": {
"iconURL": "",
"itemName": "Gold Ring",
"minItemPower": 1,
"maxItemPower": 1,
"rarity": 2
"rarity": 2,
"origin": "Multiple",
"tooltip": "An exquisite ring made of pure gold. Give it to a family member to increase their Intimacy by 1."
},
"590ebe99-0fdd-4216-bb51-88d48f07d518": {
"iconURL": "",
"itemName": "Song: \"Forbidden Love\"",
"minItemPower": 10,
"maxItemPower": 32,
"rarity": 4
"rarity": 4,
"origin": "Camping Under the Stars",
"tooltip": "\"The holy priest~ Yet the lip prints and bite marks under robe ~ The proof of entanglement with the Dark Lord~?\" Used to increase a Family Member's Intimacy by 10 to 32"
},
"62c5fe6d-92d2-458d-8ce4-c206eeb6245a": {
"iconURL": "",
"itemName": "Song: \"Prince's Wish\"",
"minItemPower": 4,
"maxItemPower": 10,
"rarity": 2
"rarity": 2,
"origin": "Camping Under the Stars",
"tooltip": "\"For his beloved maid~ The prince wishes for his fiancee to find happiness in the cave~?\" Used to increase a Family Member's Intimacy by 4 to 10"
},
"67e7598f-f687-4ea0-b9f5-f89aaa965d44": {
"iconURL": "",
"itemName": "Song: \"Otherworld Stars\"",
"minItemPower": 7,
"maxItemPower": 24,
"rarity": 3
"rarity": 3,
"origin": "Camping Under the Stars",
"tooltip": "The Lord occasionally hums this, \"Twinkle, twinkle, little star, how I wonder what you are...\" Used to increase a Family Member's Intimacy by 7 to 24"
},
"71c7537b-ef33-4f64-91d4-e7e9c3915cad": {
"iconURL": "",
"itemName": "Diamond Ring",
"minItemPower": 5,
"maxItemPower": 5,
"rarity": 4
"rarity": 4,
"origin": "Multiple",
"tooltip": ""
},
"73ddfbbf-3071-4103-9893-b9b77af05ce9": {
"iconURL": "",
"itemName": "Song: \"Single Golden Mushroom\"",
"minItemPower": 5,
"maxItemPower": 16,
"rarity": 3
"rarity": 3,
"origin": "Camping Under the Stars",
"tooltip": "\"I wonder which lucky girl will be able to accompany him~?\" Used to increase a Family Member's Intimacy by 5 to 16"
},
"910cfd8f-9e75-4ca1-b776-e6b4df78e80b": {
"iconURL": "",
"itemName": "Song: \"Starry Love\"",
"minItemPower": 1,
"maxItemPower": 3,
"rarity": 1
"rarity": 1,
"origin": "Camping Under the Stars",
"tooltip": ""
},
"b2536feb-7dcb-4cec-93e5-581bc64e693b": {
"iconURL": "",
"itemName": "Song: \"Princess's Wish\"",
"minItemPower": 3,
"maxItemPower": 6,
"rarity": 2
"rarity": 2,
"origin": "Camping Under the Stars",
"tooltip": "\"For her beloved monster~ The princess wishes to be captured again in the cave~?\" Used to increase a Family Member's Intimacy by 3 to 6"
},
"b2ebc786-79c3-47df-b0d9-330bb8e85a5f": {
"iconURL": "",
"itemName": "Song: \"Unlucky Succubus\"",
"minItemPower": 14,
"maxItemPower": 48,
"rarity": 4
"rarity": 4,
"origin": "Camping Under the Stars",
"tooltip": "\"The succubus think she could charm the strong warrior~ Yet was conquered, body and soul~\" Used to increase a Family Member's Intimacy by 14 to 48"
},
"d5eb513d-68e0-4cd3-bb44-e3e8d36cfecd": {
"iconURL": "",
"itemName": "Gemstone Ring",
"minItemPower": 2,
"maxItemPower": 2,
"rarity": 3
"rarity": 3,
"origin": "Multiple",
"tooltip": "A ring inlaid with jewels. Give it to a family member to increase their Intimacy by 2."
},
"bcd9068a-c3b1-4914-ac50-af3369a7a8e5": {
"iconURL": "",

6
src/components/BlessingPower/SpecialItemsCard.vue
View file

@ -86,6 +86,12 @@ const getColor = computed(() => (rarity: number): string => {
:headers="headers"
>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>

31
src/components/BlessingPower/StandardItemsCard.vue
View file

@ -1,19 +1,25 @@
<script setup lang="ts">
import { usePowerItems } from '@/stores/powerItems'
import { storeToRefs } from 'pinia'
import { computed, ref } from 'vue';
import { computed, ref } from 'vue'
const { standardBlessingItems, standardBlessingItemTotal } = storeToRefs(usePowerItems())
const headers = ref([
{
title: 'Name',
title: '',
align: 'start',
sortable: false,
value: '1.iconURL'
},
{
title: 'Name',
align: ' d-none d-lg-table-cell start',
sortable: true,
value: '1.itemName'
},
{
title: 'Power',
align: 'end',
align: ' d-none d-lg-table-cell',
sortable: true,
key: '1.minItemPower'
},
@ -38,7 +44,6 @@ const sortBy = ref([
])
const getColor = computed(() => (rarity: number): string => {
console.log('getting rarity')
if (rarity === 4) {
return 'amber'
} else if (rarity === 3) {
@ -62,7 +67,24 @@ const getColor = computed(() => (rarity: number): string => {
:items="[...standardBlessingItems.entries()]"
:headers="headers"
>
<template v-slot:item.1.iconURL="{ item }">
<v-card class="my-2" elevation="2" rounded width="41">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-img :src="`/images/${item[1].iconURL}`" height="41" width="41" cover></v-img>
</v-card>
</template>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>
@ -84,6 +106,7 @@ const getColor = computed(() => (rarity: number): string => {
<td></td>
<td></td>
<td></td>
<td></td>
<td class="px-0 text-right font-weight-bold">{{ standardBlessingItemTotal }}</td>
</tr>
</tfoot>

23
src/components/ChangeLogEntry.vue Normal file
View file

@ -0,0 +1,23 @@
<script setup lang="ts">
const props = defineProps({
date: {
type: String,
required: true
},
entries: {
type: Array<String>,
required: true
}
})
</script>
<template>
<v-sheet class="py-1 px-4">
<div class="v-list-item-title">
{{ props.date }}
</div>
<div v-for="(cur, idx) in entries" :key="idx" class="v-list-item-subtitle">
<p>{{ cur }}</p>
</div>
</v-sheet>
</template>

6
src/components/FellowPower/SpecialItemsCard.vue
View file

@ -86,6 +86,12 @@ const getColor = computed(() => (rarity: number): string => {
:headers="headers"
>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>

11
src/components/FellowPower/StandardItemsCard.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { usePowerItems } from '@/stores/powerItems'
import { storeToRefs } from 'pinia'
import { computed, ref } from 'vue';
import { computed, ref } from 'vue'
const { standardFellowItems, standardFellowItemTotal } = storeToRefs(usePowerItems())
const headers = ref([
@ -13,7 +13,7 @@ const headers = ref([
},
{
title: 'Power',
align: 'end',
align: ' d-none d-lg-table-cell',
sortable: true,
key: '1.minItemPower'
},
@ -38,7 +38,6 @@ const sortBy = ref([
])
const getColor = computed(() => (rarity: number): string => {
console.log('getting rarity')
if (rarity === 4) {
return 'amber'
} else if (rarity === 3) {
@ -63,6 +62,12 @@ const getColor = computed(() => (rarity: number): string => {
:headers="headers"
>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>

6
src/components/IntimacyPower/SpecialItemsCard.vue
View file

@ -86,6 +86,12 @@ const getColor = computed(() => (rarity: number): string => {
:headers="headers"
>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>

10
src/components/IntimacyPower/StandardItemsCard.vue
View file

@ -1,7 +1,7 @@
<script setup lang="ts">
import { usePowerItems } from '@/stores/powerItems'
import { storeToRefs } from 'pinia'
import { computed, ref } from 'vue';
import { computed, ref } from 'vue'
const { standardIntimacyItems, standardIntimacyItemTotal } = storeToRefs(usePowerItems())
const headers = ref([
@ -13,7 +13,7 @@ const headers = ref([
},
{
title: 'Power',
align: 'end',
align: ' d-none d-lg-table-cell',
sortable: true,
key: '1.minItemPower'
},
@ -62,6 +62,12 @@ const getColor = computed(() => (rarity: number): string => {
:headers="headers"
>
<template v-slot:item.1.itemName="{ item }">
<v-tooltip activator="parent" v-if="item[1].tooltip != undefined">
<v-card variant="text" density="compact">
<v-card-title>Origin: {{ item[1].origin }}</v-card-title>
<v-card-text>{{ item[1].tooltip }}</v-card-text>
</v-card>
</v-tooltip>
<v-chip :color="`${getColor(item[1].rarity)}`">
{{ item[1].itemName }}
</v-chip>

2
src/types/PowerItem.ts
View file

@ -5,4 +5,6 @@ export type PowerItem = {
maxItemPower: number
owned: number
rarity: number
origin: string
tooltip: string
}

37
src/views/HomeView.vue
View file

@ -1,4 +1,14 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import ChangeLogEntry from '@/components/ChangeLogEntry.vue'
import { ref } from 'vue'
const entries20240120 = ref([
'Added text to the landing page',
'Cleaned up some styling across the site',
'Added a default sort to all of the tables',
'Added a couple of icons, and started working on adding tooltips'
])
</script>
<template>
<v-sheet class="flex-fill pa-2">
@ -36,9 +46,7 @@
</v-list-item>
<v-list-item>
<v-list-item-title>Missing Icons</v-list-item-title>
<v-list-item-subtitle>
I'd love to add icons for everything
</v-list-item-subtitle>
<v-list-item-subtitle> I'd love to add icons for everything </v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>Sorting and Grouping</v-list-item-title>
@ -50,7 +58,7 @@
</v-sheet>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>Changelog</h2>
<v-list lines="two">
<v-list>
<v-list-item>
<v-list-item-title>2024-01-16</v-list-item-title>
<v-list-item-subtitle>
@ -69,23 +77,24 @@
<p>First pass that I'm comfortable letting other people see</p>
</v-list-item-subtitle>
</v-list-item>
<v-list-item>
<v-list-item-title>2024-01-21</v-list-item-title>
<v-list-item-subtitle>
<p>Added text to the landing page</p>
<p>Cleaned up some styling across the site</p>
<p>Added a default sort to all of the tables</p>
</v-list-item-subtitle>
</v-list-item>
<ChangeLogEntry date="2024-01-20" :entries="entries20240120"> </ChangeLogEntry>
</v-list>
</v-sheet>
<v-sheet :elevation="1" class="ma-2 my-4">
<h2>Thanks</h2>
<p>
Special thanks to <span class="font-weight-bold">@marstache</span> from
<span class="font-weight-bold">S-183</span> for sharing his version of this in Google Sheets
<span class="font-weight-bold">S-183</span> for sharing her version of this in Google Sheets
and inspiring me to create this.
</p>
<p>
Thanks to <span class="font-weight-bold">@kathinja</span> for her assistance with flavor
text and proof reading.
</p>
<p>
Thanks <span class="font-weight-bold">@werewaffle</span> for all of his help with
proofreading and design.
</p>
</v-sheet>
</v-sheet>
</template>