get orders

src/market/MarketResultTable.vue

@@ -33,6 +33,8 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
             type: r.type,
             typeID: r.type.id,
             name: r.type.name,
+            buy: r.buy,
+            sell: r.sell,
             q1: quartils.q1,
             mmedian: quartils.median,
             q3: quartils.q3,
@@ -47,15 +49,15 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
 <template>
     <div class="flex">
         <div class="flex justify-self-end mb-2 mt-4 ms-auto">
-        <div class="justify-self-end ms-2">
+        <div class="end">
             <span>Days: </span>
             <input type="number" min="1" max="365" step="1" v-model="days" />
         </div>
-        <div class="justify-self-end ms-2">
+        <div class="end">
             <span>Filter: </span>
             <input type="text" class="w-96" v-model="filter" >
         </div>
-        <div class="justify-self-end ms-2">
+        <div class="end">
             <button class="flex" @click="$emit('relaodAll')"><ArrowPathIcon class="h-6 w-6 me-2" />Reload all</button>
         </div>
     </div>
@@ -64,6 +66,8 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
         <thead>
             <tr>
                 <SortableHeader v-bind="headerProps" sortKey="name">Item</SortableHeader>
+                <SortableHeader v-bind="headerProps" sortKey="buy">Buy</SortableHeader>
+                <SortableHeader v-bind="headerProps" sortKey="sell">Sell</SortableHeader>
                 <SortableHeader v-bind="headerProps" sortKey="q1">Q1</SortableHeader>
                 <SortableHeader v-bind="headerProps" sortKey="median">Median</SortableHeader>
                 <SortableHeader v-bind="headerProps" sortKey="q3">Q3</SortableHeader>
@@ -72,10 +76,12 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
             </tr>
         </thead>
         <tbody>
-            <tr v-for="r in sortedArray" :key="r.typeID" class="cursor-pointer" @click="copyToClipboard(r.name)">
+            <tr v-for="r in sortedArray" :key="r.typeID" class="cursor-pointer"  :class="{'bg-emerald-500': r.buy <= r.q1 }" @click="copyToClipboard(r.name)">
                 <td>
                     <MarketTypeLabel :id="r.typeID" :name="r.name" />
                 </td>
+                <td class="text-right">{{ formatIsk(r.buy) }}</td>
+                <td class="text-right">{{ formatIsk(r.sell) }}</td>
                 <td class="text-right">{{ formatIsk(r.q1) }}</td>
                 <td class="text-right">{{ formatIsk(r.mmedian) }}</td>
                 <td class="text-right">{{ formatIsk(r.q3) }}</td>
@@ -86,4 +92,10 @@ const { sortedArray, headerProps } = useSort(computed(() => props.items
             </tr>
         </tbody>
     </table>
-</template>
+</template>
+
+<style scoped>
+div.end {
+    @apply justify-self-end ms-2;
+}
+</style>