fix: add selector for Latest/jump to date

Signed-off-by: Tim Schmidt <[email protected]>
hashgraph · Mar 12, 2024 · 739c01c · 739c01c
1 parent 7f4c17b
commit 739c01c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 6 deletions.
diff --git a/src/components/DateTimePicker.vue b/src/components/DateTimePicker.vue
@@ -54,7 +54,9 @@ export default defineComponent({
     const handleClosed = () => {
       if (props.controller) {
         const controller = props.controller
-        const timestamp = (date.value as Date).getTime() / 1000
+        // + 60 to account for when users select for a transaction executed
+        //  the minute they selected
+        const timestamp = (date.value as Date).getTime() / 1000 + 60
         controller.onKeyChange(timestamp.toString())
       } else {
         console.log("Ignoring click because props.controller is undefined")

diff --git a/src/components/transaction/TransactionTableControllerXL.ts b/src/components/transaction/TransactionTableControllerXL.ts
@@ -36,8 +36,8 @@ export class TransactionTableControllerXL extends TableController<Transaction, s
     //
 
     public constructor(router: Router,
-                       accountId: ComputedRef<string | null>,
-                       pageSize: Ref<number>,
+                       accountId: Ref<string | null>,
+                       pageSize: ComputedRef<number>,
                        accountIdMandatory: boolean,
                        pageParamName = "p", keyParamName= "k") {
         super(router, pageSize, 10 * pageSize.value, 5000, 10, 100,

diff --git a/src/pages/AccountDetails.vue b/src/pages/AccountDetails.vue
@@ -219,9 +219,15 @@
       </template>
       <template v-slot:control>
           <div v-if="selectedTab === 'transactions'" class="is-flex is-align-items-flex-end">
-              <DateTimePicker :controller="transactionTableController"/>
-              <PlayPauseButton :controller="transactionTableController"/>
-              <TransactionFilterSelect :controller="transactionTableController"/>
+            <PlayPauseButton v-if="timeSelection == 'LATEST'" :controller="transactionTableController"/>
+            <DateTimePicker v-else :controller="transactionTableController"/>
+            <o-field style="margin-bottom: 0">
+              <o-select v-model="timeSelection" class="ml-2 h-is-text-size-1">
+                <option value="LATEST" @click="onLatest">LATEST</option>
+                <option value="JUMP">JUMP TO DATE</option>
+              </o-select>
+            </o-field>
+            <TransactionFilterSelect :controller="transactionTableController"/>
           </div>
           <div v-else-if="selectedTab === 'contracts'" class="is-flex is-justify-content-end is-align-items-center">
               <PlayPauseButton v-if="!filterVerified" :controller="contractCreateTableController"/>
@@ -365,6 +371,11 @@ export default defineComponent({
     const isMediumScreen = inject('isMediumScreen', true)
     const isTouchDevice = inject('isTouchDevice', false)
 
+    const timeSelection = ref("LATEST")
+    function onLatest() {
+      transactionTableController.startAutoRefresh()
+    }
+
     //
     // account
     //
@@ -485,6 +496,8 @@ export default defineComponent({
       tabLabels,
       handleTabUpdate,
       filterVerified,
+      timeSelection,
+      onLatest
     }
   }
 });