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

Format isk

Browse Source
This commit is contained in:
Sirttas
2023-07-26 17:25:56 +02:00
parent afa4020b31
commit c75f3b6321
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/formaters.ts
View File

@@ -1,9 +1,9 @@
export const iskFormater = new Intl.NumberFormat("is-IS", { const iskFormater = new Intl.NumberFormat("is-IS", {
style: "currency",
currency: "ISK",
minimumFractionDigits: 2, minimumFractionDigits: 2,
}); });
export const formatIsk = (value: number | bigint) => iskFormater.format(value) + " ISK";
export const percentFormater = new Intl.NumberFormat("en-US", { export const percentFormater = new Intl.NumberFormat("en-US", {
style: "percent", style: "percent",
minimumFractionDigits: 0 minimumFractionDigits: 0

8
src/reprocess/ReprocessResultTable.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { iskFormater, percentFormater } from '@/formaters'; import { formatIsk, percentFormater } from '@/formaters';
import { useStorage } from '@vueuse/core'; import { useStorage } from '@vueuse/core';
import { computed } from 'vue'; import { computed } from 'vue';
import BuySellSlider from './BuySellSlider.vue'; import BuySellSlider from './BuySellSlider.vue';
@@ -49,9 +49,9 @@ const copyToClipboard = (s: string) => navigator.clipboard.writeText(s);
<tbody> <tbody>
<tr v-for="r in computedResult" :key="r.typeID" class="cursor-pointer" :class="{'bg-emerald-500': (useSellOrder ? r.sell_ratio : r.buy_ratio) >= threshold / 100 }" @click="copyToClipboard(r.name)"> <tr v-for="r in computedResult" :key="r.typeID" class="cursor-pointer" :class="{'bg-emerald-500': (useSellOrder ? r.sell_ratio : r.buy_ratio) >= threshold / 100 }" @click="copyToClipboard(r.name)">
<td>{{ r.name }}</td> <td>{{ r.name }}</td>
<td class="text-right">{{ iskFormater.format(useSellOrder ? r.sell : r.buy) }}</td> <td class="text-right">{{ formatIsk(useSellOrder ? r.sell : r.buy) }}</td>
<td class="text-right">{{ iskFormater.format(useSellOrder ? r.sell_reprocess : r.buy_reprocess) }}</td> <td class="text-right">{{ formatIsk(useSellOrder ? r.sell_reprocess : r.buy_reprocess) }}</td>
<td class="text-right">{{percentFormater.format(useSellOrder ? r.sell_ratio : r.buy_ratio)}}</td> <td class="text-right">{{ percentFormater.format(useSellOrder ? r.sell_ratio : r.buy_ratio) }}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>