order validity checks

src/components/chart/ChartPlaceOrder.vue

@@ -3,7 +3,7 @@
       <template v-slot:toolbar>
 <!--        <v-btn variant="flat" prepend-icon="mdi-plus" @click="co.newOrder" v-if="co.orders.length===0">New Order</v-btn>-->
         <v-btn variant="text" prepend-icon="mdi-send" @click="placeOrder"
-               :color="orderColor" v-if="co.orders.length>0" :disabled="co.drawing">
+               :color="orderColor" v-if="co.orders.length>0" :disabled="!valid">
           Place Dexorder
         </v-btn>
         <v-btn variant="flat" prepend-icon="mdi-delete" v-if="co.orders.length>0" @click="cancelOrder">Reset</v-btn>
@@ -60,13 +60,21 @@ const showResetDialog = ref(false)
 const theme = useTheme().current
 const orderColor = computed(()=>co.orders.length===0?null : co.orders[0].buy ? theme.value.colors.success:theme.value.colors.error)
 
+const valid = computed(()=>{
+  if (co.drawing)
+    return false
+  for ( const order of co.orders )
+    if (!order.valid)
+      return false
+  return true
+})
+
 function cancelOrder() {
   showResetDialog.value = true
 }
 
 
 async function placeOrder() {
-  const co = useChartOrderStore();
   const chartOrders = co.orders;
   const built = []
   for (const chartOrder of chartOrders) {
@@ -75,7 +83,6 @@ async function placeOrder() {
     const order = buildOrder()
     built.push(order)
   }
-  co.built = built
   console.log('place orders', built)
   if (built.length !== 1) {
     console.error('Multiple orders not supported')