mirror of
https://forgejo.merr.is/annika/isl-vue3.git
synced 2025-12-12 12:50:14 -05:00
Added a 'default' image for spots where one is missing. Not the best solution, but it looks better on the site. Cleaned up my code to avoid some duplication. Added better 'Select All' logic to the event filter.
112 lines
4.3 KiB
Vue
112 lines
4.3 KiB
Vue
<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'
|
|
])
|
|
const entries20240121 = ref([
|
|
'Added Touno Island items',
|
|
'Added event icon display',
|
|
'Added filters, looks ugly, maybe works'
|
|
])
|
|
const entries20240122 = ref([
|
|
'Added a better "Select All" to event filters',
|
|
'Added a default image so there aren\'t random blank spots',
|
|
'Did a bunch of code cleanup',
|
|
])
|
|
</script>
|
|
|
|
<template>
|
|
<v-sheet class="flex-fill pa-2">
|
|
<h1 class="pa-2">ISL Item Value Calculator</h1>
|
|
<v-sheet :elevation="1" class="ma-2 my-4">
|
|
<h2>How to Use</h2>
|
|
<p>
|
|
Select the type of items you want to add up from the menu, then add how many of each item
|
|
you have under the "owned" column. Totals will automatically be calculated for you as you
|
|
update. This also attempts to save your values in your browser automatically.
|
|
</p>
|
|
</v-sheet>
|
|
<v-sheet :elevation="1" class="ma-2 my-4">
|
|
<h2>Missing Features</h2>
|
|
<v-list>
|
|
<v-list-item>
|
|
<v-list-item-title>Syncing</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
Currently all data is stored in your browser and cannot be moved to another device
|
|
easily.
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-title>Refreshing Data</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
The list of available items is only loaded when you first access the page. If they are
|
|
updated, you will need to manually refresh in order to fetch new items.
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-title>Missing Data</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
Some items may be missing! I'll figure out what to put to contact me with fixes soon!
|
|
</v-list-item-subtitle>
|
|
</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>
|
|
<v-list-item>
|
|
<v-list-item-title>Sorting and Grouping</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
More grouping and sorting options will be added as I figure out how.
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-sheet>
|
|
<v-sheet :elevation="1" class="ma-2 my-4">
|
|
<h2>Changelog</h2>
|
|
<v-list>
|
|
<v-list-item>
|
|
<v-list-item-title>2024-01-16</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
<p>The inital build, looked like hell, but mostly worked</p>
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-title>2024-01-17</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
<p>Cleaned up my build process a bit, and fixed a few bugs</p>
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-title>2024-01-20</v-list-item-title>
|
|
<v-list-item-subtitle>
|
|
<p>First pass that I'm comfortable letting other people see</p>
|
|
</v-list-item-subtitle>
|
|
</v-list-item>
|
|
<ChangeLogEntry date="2024-01-20" :entries="entries20240120"></ChangeLogEntry>
|
|
<ChangeLogEntry date="2024-01-21" :entries="entries20240121"></ChangeLogEntry>
|
|
<ChangeLogEntry date="2024-01-22" :entries="entries20240122"></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 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 proofreading.
|
|
</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>
|