From 2b513a91b0b7d661fde2e86b877cc264f1c3550b Mon Sep 17 00:00:00 2001
From: Sirttas <calloch.gael@gmail.com>
Date: Mon, 2 Oct 2023 09:52:11 +0200
Subject: [PATCH] add taxes

---
 src/market/index.ts                   |  1 +
 src/market/scan/ScanResultTable.vue   |  7 +++++--
 src/market/scan/scan.ts               |  2 +-
 src/market/tax/TaxInput.vue           | 24 ++++++++++++++++++++++++
 src/market/tax/index.ts               |  4 ++++
 src/market/tax/tax.ts                 | 12 ++++++++++++
 src/market/track/TrackResultTable.vue |  7 +++++--
 src/pages/market/Scan.vue             |  4 ++--
 8 files changed, 54 insertions(+), 7 deletions(-)
 create mode 100644 src/market/tax/TaxInput.vue
 create mode 100644 src/market/tax/index.ts
 create mode 100644 src/market/tax/tax.ts

diff --git a/src/market/index.ts b/src/market/index.ts
index 5939b8c..7af412b 100644
--- a/src/market/index.ts
+++ b/src/market/index.ts
@@ -1,3 +1,4 @@
+export * from './tax';
 export * from './type';
 
 export * from './MarketOrderHistory';
diff --git a/src/market/scan/ScanResultTable.vue b/src/market/scan/ScanResultTable.vue
index 33889d9..ccf1fb1 100644
--- a/src/market/scan/ScanResultTable.vue
+++ b/src/market/scan/ScanResultTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { formatIsk, percentFormater } from '@/formaters';
-import { MarketType, MarketTypeLabel } from "@/market";
+import { MarketType, MarketTypeLabel, TaxInput, useMarketTaxStore } from "@/market";
 import { SortableHeader, useSort } from '@/table';
 import { ShoppingCartIcon, TrashIcon } from '@heroicons/vue/24/outline';
 import { useStorage } from '@vueuse/core';
@@ -33,6 +33,8 @@ const props = withDefaults(defineProps<Props>(), {
 });
 defineEmits<Emits>();
 
+const marketTaxStore = useMarketTaxStore();
+
 const days = useStorage('market-scan-days', 365);
 const threshold = useStorage('market-scan-threshold', 10);
 const filter = ref("");
@@ -50,7 +52,7 @@ const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items
             q1: quartils.q1,
             mmedian: quartils.median,
             q3: quartils.q3,
-            profit: (quartils.q3 / quartils.q1) -1
+            profit: marketTaxStore.calculateProfit(quartils.q1, quartils.q3)
         };
     })), {
         defaultSortKey: 'name',
@@ -71,6 +73,7 @@ const getLineColor = (result: Result) => {
 <template>
     <div class="flex">
         <div class="flex justify-self-end mb-2 mt-4 ms-auto">
+            <TaxInput />
             <div class="end">
                 <span>Profit Threshold: </span>
                 <input type="number" min="0" max="1000" step="1" v-model="threshold" />
diff --git a/src/market/scan/scan.ts b/src/market/scan/scan.ts
index cc6166e..b6fb311 100644
--- a/src/market/scan/scan.ts
+++ b/src/market/scan/scan.ts
@@ -18,7 +18,7 @@ interface MarketScan extends RecordModel {
 
 const marketScans = 'marketScans';
 
-export const useMarkeyScanStore = defineStore(marketScans, () => {
+export const useMarketScanStore = defineStore(marketScans, () => {
     const pb = usePocketBase();
     const marketScan = ref<MarketScan>();
 
diff --git a/src/market/tax/TaxInput.vue b/src/market/tax/TaxInput.vue
new file mode 100644
index 0000000..52b6914
--- /dev/null
+++ b/src/market/tax/TaxInput.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { storeToRefs } from "pinia";
+import { useMarketTaxStore } from "./tax";
+
+const { brokerFee, scc } = storeToRefs(useMarketTaxStore());
+
+</script>
+
+<template>
+    <div class="end">
+        <span>Broker Fee: </span>
+        <input type="number" min="1" max="3" step="0.01" v-model="brokerFee" />
+    </div>
+    <div class="end">
+        <span>SCC: </span>
+        <input type="number" min="3.6" max="8" step="0.01" v-model="scc" >
+    </div>
+</template>
+
+<style scoped lang="postcss">
+div.end {
+    @apply justify-self-end ms-2;
+}
+</style>
\ No newline at end of file
diff --git a/src/market/tax/index.ts b/src/market/tax/index.ts
new file mode 100644
index 0000000..e2b8eab
--- /dev/null
+++ b/src/market/tax/index.ts
@@ -0,0 +1,4 @@
+export * from './tax';
+
+export { default as TaxInput } from './TaxInput.vue';
+
diff --git a/src/market/tax/tax.ts b/src/market/tax/tax.ts
new file mode 100644
index 0000000..4942feb
--- /dev/null
+++ b/src/market/tax/tax.ts
@@ -0,0 +1,12 @@
+import { useLocalStorage } from "@vueuse/core";
+import { defineStore } from "pinia";
+
+export const useMarketTaxStore = defineStore("marketTax", () => {
+    const brokerFee = useLocalStorage("market-brokerFee", 1.5);
+    const scc = useLocalStorage("market-scc", 3.6);
+
+    const applyTaxes = (price: number, sellOrder?: boolean) => sellOrder ? price * (1 - (brokerFee.value + scc.value) / 100) : price * (1 + brokerFee.value / 100);
+    const calculateProfit = (buy: number, sell: number) => (applyTaxes(sell, true) / applyTaxes(buy)) - 1;
+    
+    return { brokerFee, scc, applyTaxes, calculateProfit };
+});
\ No newline at end of file
diff --git a/src/market/track/TrackResultTable.vue b/src/market/track/TrackResultTable.vue
index 2d11393..53b135f 100644
--- a/src/market/track/TrackResultTable.vue
+++ b/src/market/track/TrackResultTable.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { formatIsk, percentFormater } from '@/formaters';
-import { MarketType, MarketTypeLabel } from "@/market";
+import { MarketType, MarketTypeLabel, TaxInput, useMarketTaxStore } from "@/market";
 import { SortableHeader, useSort } from '@/table';
 import { MinusIcon, PlusIcon } from '@heroicons/vue/24/outline';
 import { useStorage } from '@vueuse/core';
@@ -33,12 +33,14 @@ const props = withDefaults(defineProps<Props>(), {
 });
 defineEmits<Emits>();
 
+const marketTaxStore = useMarketTaxStore();
+
 const threshold = useStorage('market-track-threshold', 10);
 const filter = ref("");
 const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items
     .filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase()))
     .map(r => {
-        const precentProfit = (r.sell / r.averagePrice) - 1;
+        const precentProfit = marketTaxStore.calculateProfit(r.averagePrice, r.sell);
 
         return {
             type: r.type,
@@ -68,6 +70,7 @@ const getLineColor = (result: Result) => {
 <template>
     <div class="flex">
         <div class="flex justify-self-end mb-2 mt-4 ms-auto">
+            <TaxInput />
             <div class="end">
                 <span>Profit Threshold: </span>
                 <input type="number" min="0" max="1000" step="1" v-model="threshold" />
diff --git a/src/pages/market/Scan.vue b/src/pages/market/Scan.vue
index 08206ce..97a9581 100644
--- a/src/pages/market/Scan.vue
+++ b/src/pages/market/Scan.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { MarketType, MarketTypePrice, getHistory, getMarketType, getMarketTypes, jitaId, useApraisalStore } from "@/market";
-import { ScanResult, ScanResultTable, useMarkeyScanStore } from '@/market/scan';
+import { ScanResult, ScanResultTable, useMarketScanStore } from '@/market/scan';
 import { BuyModal } from '@/market/track';
 import { ref, watch } from 'vue';
 
@@ -10,7 +10,7 @@ const buyModal = ref<typeof BuyModal>();
 const item = ref("");
 
 const apraisalStore = useApraisalStore();
-const markeyScanStore = useMarkeyScanStore();
+const markeyScanStore = useMarketScanStore();
 const items = ref<ScanResult[]>([]);
 const addOrRelaod = async (type: MarketType) => {
     const typeID = type.id;