eveal/gemory
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

overal cleanup

Browse Source
This commit is contained in:
Sirttas
2023-09-19 10:42:38 +02:00
parent 158914048b
commit 4a0da46f2c
4 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.vue
View File

@@ -5,7 +5,14 @@ import { Sidebar } from './sidebar';
<template> <template>
<Sidebar /> <Sidebar />
<div class=" px-4 sm:ml-64"> <div class="main-container">
<RouterView /> <RouterView />
</div> </div>
</template> </template>
<style scoped>
div.main-container {
@apply px-4 sm:ml-64;
}
</style>

10
src/market/MarketResultTable.vue
View File

@@ -16,7 +16,7 @@ type Result = {
q1: number; q1: number;
mmedian: number; mmedian: number;
q3: number; q3: number;
percent: number; profit: number;
} }
interface Props { interface Props {
@@ -49,14 +49,14 @@ const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items
q1: quartils.q1, q1: quartils.q1,
mmedian: quartils.median, mmedian: quartils.median,
q3: quartils.q3, q3: quartils.q3,
percent: quartils.q3 / quartils.q1 profit: (quartils.q3 / quartils.q1) -1
}; };
})), { })), {
defaultSortKey: 'name', defaultSortKey: 'name',
defaultSortDirection: 'asc' defaultSortDirection: 'asc'
}) })
const getLineColor = (result: Result) => { const getLineColor = (result: Result) => {
if (result.percent < 1.1) { if (result.profit < 0.1) {
return 'line-red'; return 'line-red';
} else if (result.sell <= result.q1) { } else if (result.sell <= result.q1) {
return 'line-blue'; return 'line-blue';
@@ -92,7 +92,7 @@ const getLineColor = (result: Result) => {
<SortableHeader v-bind="headerProps" sortKey="q1">Q1</SortableHeader> <SortableHeader v-bind="headerProps" sortKey="q1">Q1</SortableHeader>
<SortableHeader v-bind="headerProps" sortKey="median">Median</SortableHeader> <SortableHeader v-bind="headerProps" sortKey="median">Median</SortableHeader>
<SortableHeader v-bind="headerProps" sortKey="q3">Q3</SortableHeader> <SortableHeader v-bind="headerProps" sortKey="q3">Q3</SortableHeader>
<SortableHeader v-bind="headerProps" sortKey="percent">Percent</SortableHeader> <SortableHeader v-bind="headerProps" sortKey="profit">Profit</SortableHeader>
<th></th> <th></th>
</tr> </tr>
</thead> </thead>
@@ -106,7 +106,7 @@ const getLineColor = (result: Result) => {
<td class="text-right">{{ formatIsk(r.q1) }}</td> <td class="text-right">{{ formatIsk(r.q1) }}</td>
<td class="text-right">{{ formatIsk(r.mmedian) }}</td> <td class="text-right">{{ formatIsk(r.mmedian) }}</td>
<td class="text-right">{{ formatIsk(r.q3) }}</td> <td class="text-right">{{ formatIsk(r.q3) }}</td>
<td class="text-right">{{ percentFormater.format(r.percent) }}</td> <td class="text-right">{{ percentFormater.format(r.profit) }}</td>
<td class="text-right"> <td class="text-right">
<button class="btn-icon-stroke" @click="$emit('relaod', r.type)"><ArrowPathIcon /></button> <button class="btn-icon-stroke" @click="$emit('relaod', r.type)"><ArrowPathIcon /></button>
</td> </td>

24
src/sidebar/Sidebar.vue
View File

@@ -1,24 +1,20 @@
<script setup lang="ts"> <script setup lang="ts">
import { RouterLink } from 'vue-router'; import { RouterLink } from 'vue-router';
const links = [
{ name: "Market", path: "/market" },
{ name: "Reprocess", path: "/reprocess" },
{ name: "Tools", path: "/tools" }
];
</script> </script>
<template> <template>
<aside class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0"> <aside class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0">
<div class="h-full px-3 py-4 overflow-y-auto bg-slate-700"> <div class="h-full px-3 py-4 overflow-y-auto bg-slate-700">
<ul class="space-y-2 font-medium"> <ul class="space-y-2 font-medium">
<li> <li v-for="link in links" :key="link.name">
<RouterLink to="/reprocess" class="flex items-center p-2 rounded-md"> <RouterLink :to="link.path" class="flex items-center p-2 rounded-md hover:bg-slate-800">
<span>Reprocess</span> <span>{{ link.name }}</span>
</RouterLink>
</li>
<li>
<RouterLink to="/market" class="flex items-center p-2 rounded-md">
<span>Market</span>
</RouterLink>
</li>
<li>
<RouterLink to="/tools" class="flex items-center p-2 rounded-md">
<span>Tools</span>
</RouterLink> </RouterLink>
</li> </li>
</ul> </ul>
@@ -28,6 +24,6 @@ import { RouterLink } from 'vue-router';
<style scoped> <style scoped>
.router-link-active { .router-link-active {
@apply bg-emerald-500; @apply bg-emerald-500 hover:bg-emerald-700;
} }
</style> </style>

8
src/style.css
View File

@@ -31,16 +31,16 @@
@apply border px-1; @apply border px-1;
} }
tr { tr {
@apply hover:bg-slate-700; @apply hover:bg-slate-900;
&.line-red { &.line-red {
@apply bg-amber-900 hover:bg-amber-800; @apply bg-amber-900 hover:bg-amber-950;
} }
&.line-blue { &.line-blue {
@apply bg-sky-600 hover:bg-sky-500; @apply bg-sky-600 hover:bg-sky-800;
} }
&.line-green { &.line-green {
@apply bg-emerald-500 hover:bg-emerald-400; @apply bg-emerald-500 hover:bg-emerald-600;
} }
} }
} }