status timezone sync

src/components/AbsoluteTimeEntry.vue

@@ -23,7 +23,7 @@ const emit = defineEmits(['update:modelValue'])
 
 const hideDetails = true
 
-const now = computed(()=>DateTime.fromMillis(1000*props.modelValue).setZone(s.timeZone))
+const now = computed(()=>DateTime.fromSeconds(props.modelValue).setZone(s.timeZone))
 
 const year = computed({
   get() { return now.value.year },

src/components/Status.vue

@@ -2,7 +2,7 @@
   <div>
     <v-data-table :headers="datatableHeaders" :items="orders" item-value="id"
                   item-selectable="selectable" :show-select="false" :show-expand="true">
-      <template v-slot:item.start="{ value }">{{ dateString(value) }}</template>
+      <template v-slot:item.start="{ value }">{{ timestampString(value) }}</template>
       <template v-slot:item.input="{ item }">
         <span v-if="item.order.amountIsInput">
           <span v-if="item.state > OrderState.Signing">
@@ -114,18 +114,22 @@
                     </span>
                   </suspense>
                 </td>
-                <td class="text-left">
-                  <span class="mx-3">{{ describeTrancheTime(item, true, t) }}</span>
-                  <span class="mx-3">{{ describeTrancheTime(item, false, t) }}</span>
-                  <span class="mx-3" v-if="t.marketOrder">market order</span>
-                  <line-price class="mx-3" v-if="!t.marketOrder"
-                              :base="item.token0" :quote="item.token1"
-                              :b="t.minIntercept" :m="t.minSlope" :is-min="true"
-                              :buy="item.order.tokenIn===item.token1" :show-btn="true"/>
-                  <line-price class="mx-3" v-if="!t.marketOrder"
-                              :base="item.token0" :quote="item.token1"
-                              :b="t.maxIntercept" :m="t.maxSlope" :is-min="false"
-                              :buy="item.order.tokenIn===item.token1" :show-btn="true"/>
+                <td class="d-flex align-center text-left">
+                  <div class="text-right">
+                    <div class="mx-3">{{ describeTrancheTime(item, true, t) }}</div>
+                    <div class="mx-3">{{ describeTrancheTime(item, false, t) }}</div>
+                  </div>
+                  <div>
+                    <div class="mx-3" v-if="t.marketOrder">market order</div>
+                    <line-price class="mx-3" v-if="!t.marketOrder"
+                                :base="item.token0" :quote="item.token1"
+                                :b="t.minIntercept" :m="t.minSlope" :is-min="true"
+                                :buy="item.order.tokenIn===item.token1" :show-btn="true"/>
+                    <line-price class="mx-3" v-if="!t.marketOrder"
+                                :base="item.token0" :quote="item.token1"
+                                :b="t.maxIntercept" :m="t.maxSlope" :is-min="false"
+                                :buy="item.order.tokenIn===item.token1" :show-btn="true"/>
+                  </div>
                 </td>
               </tr>
               </tbody>
@@ -144,7 +148,7 @@ import {useStore} from "@/store/store";
 import {computed, defineAsyncComponent, ref} from "vue";
 import Btn from "@/components/Btn.vue"
 import {cancelOrder, PendingOrderState, useWalletStore} from "@/blockchain/wallet.js";
-import {dateString} from "@/misc.js";
+import {timestampString} from "@/misc.js";
 import {isOpen, OrderState} from "@/blockchain/orderlib.js";
 import Pulse from "@/components/Pulse.vue";
 
@@ -243,8 +247,8 @@ const orders = computed(()=>{
 /*
       o.tranches = o.tranches.map((tranche)=>{
         const t = {...tranche}
-        // t.startTime = t.startTimeIsRelative ? intervalString(t.startTime) : dateString(t.startTime)
-        // t.endTime = t.endTimeIsRelative ? intervalString(t.endTime) : dateString(t.endTime)
+        // t.startTime = t.startTimeIsRelative ? intervalString(t.startTime) : timestampString(t.startTime)
+        // t.endTime = t.endTimeIsRelative ? intervalString(t.endTime) : timestampString(t.endTime)
         return t
       })
 */
@@ -278,12 +282,12 @@ function describeTrancheTime(st, isStart, t) {
   if( isStart && t.startTime > 0 ) {
     const started = t.startTimeIsRelative ? st.start + t.startTime : t.startTime
     result += started*1000 < Date.now() ? 'Activated ' : 'Activates '
-    result += dateString(started) + ' '
+    result += timestampString(started) + ' '
   }
   if( !isStart && t.endTime < 4294967295 ) {
     const ended = t.endTimeIsRelative ? st.start + t.endTime : t.endTime
-    result += ended*1000 < Date.now() ? 'Expired ' : 'Expires '
-    result += dateString(ended)
+    result += ended*1000 < Date.now() ? 'Ended ' : 'Ending '
+    result += timestampString(ended)
   }
   return result
 }

src/components/chart/DCABuilder.vue

@@ -98,7 +98,7 @@ const absoluteTimes = computed(()=>{
 })
 
 const dateStrings = computed(()=>absoluteTimes.value.map((t)=>{
-  const n = DateTime.fromMillis(1000*t).setZone(s.timeZone)
+  const n = DateTime.fromSeconds(t).setZone(s.timeZone)
   const y = n.toLocaleString({year:'numeric'})
   const m = n.toLocaleString({month:'long'})
   const d = n.toLocaleString({day:'numeric'})

src/components/chart/RungBuilder.vue

@@ -244,7 +244,6 @@ function createInteriorShape(index) {
   interiorShapes.push(shape)
 }
 
-
 function removeInteriorShape() {
   if (interiorShapes.length) {
     const shape = interiorShapes.pop()