config wip

bokkypoobah · Dec 29, 2023 · 5ffca38 · 5ffca38
1 parent 8e0a55a
commit 5ffca38
Showing 1 changed file with 27 additions and 6 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -694,7 +694,29 @@ <h5>Configure Contracts</h5>
 
                   <!-- <b-table ref="contractsTable" small fixed striped responsive hover selectable select-mode="single" @row-selected='activityRowSelected' :fields="activityFields" :items="pagedFilteredSortedContracts" show-empty empty-html="Click Sync above to retrieve stealth address announcement events" head-variant="light" class="mx-0 my-1"> -->
                   <b-table ref="contractsTable" small fixed striped responsive hover :fields="contractsFields" :items="pagedFilteredSortedContracts" show-empty empty-html="Click Sync above to retrieve stealth address announcement events" head-variant="light" class="mx-0 my-1">
-                  <!-- <b-table ref="contractsTable" small fixed striped responsive hover :items="pagedFilteredSortedContracts" show-empty empty-html="Click Sync above to retrieve stealth address announcement events" head-variant="light" class="mx-0 my-1"> -->
+                    <template #cell(number)="data">
+                      <font size="-1">
+                        {{ parseInt(data.index) + ((settings.contractsTable.currentPage - 1) * settings.contractsTable.pageSize) + 1 }}
+                      </font>
+                    </template>
+                    <template #cell(timestamp)="data">
+                      <font size="-1">
+                        <b-link :href="'https://sepolia.etherscan.io/block/' + data.item.blockNumber" v-b-popover.hover.bottom="'Block #' + commify0(data.item.blockNumber)" target="_blank">
+                          <span v-if="data.item.timestamp">
+                            {{ formatTimestamp(data.item.timestamp) }}
+                          </span>
+                          <span v-else>
+                            {{ '#' + commify0(data.item.blockNumber) }}
+                          </span>
+                        </b-link>
+                      </font>
+                    </template>
+                    <template #cell(contract)="data">
+                      <!-- <b-link @click="viewContract(data.item.contract, 'contract')"> -->
+                      <b-link :href="'https://sepolia.etherscan.io/address/' + data.item.contract" target="_blank">
+                        <b-badge pill variant="transparent" v-b-popover.hover="addressDescription(data.item.contract)" class="px-0">{{ nameOrAddress(data.item.contract, 28) }}</b-badge>
+                      </b-link>
+                    </template>
                   </b-table>
 
                   <!-- <b-form-group label-cols-lg="2" label="Generate Keys" label-size="md" label-class="font-weight-bold pt-0" class="mt-3 mb-0">
@@ -1054,13 +1076,12 @@ <h5>Configure Contracts</h5>
           contractsFields: [
             { key: 'number', label: '#', sortable: false, thStyle: 'width: 5%;', tdClass: 'text-truncate' },
             { key: 'chainId', label: 'Chain Id', sortable: false, thStyle: 'width: 10%;', tdClass: 'text-truncate' },
-            { key: 'timestamp', label: 'When', sortable: false, thStyle: 'width: 15%;', tdClass: 'text-truncate' },
+            { key: 'timestamp', label: 'First Event', sortable: false, thStyle: 'width: 15%;', tdClass: 'text-truncate' },
             { key: 'contract', label: 'Contract', sortable: false, thStyle: 'width: 20%;', thClass: 'text-left', tdClass: 'text-truncate' },
             { key: 'name', label: 'Name', sortable: false, thStyle: 'width: 30%;', thClass: 'text-left', tdClass: 'text-truncate' },
-            { key: 'read', label: 'Read', sortable: false, thStyle: 'width: 10%;', thClass: 'text-left', tdClass: 'text-truncate' },
-            { key: 'write', label: 'Write', sortable: false, thStyle: 'width: 10%;', thClass: 'text-left', tdClass: 'text-truncate' },
-            // { key: 'schemeId', label: 'Scheme Id', sortable: false, thStyle: 'width: 10%;', thClass: 'text-left', tdClass: 'text-truncate' },
-            // { key: 'stealthMetaAddress', label: 'Stealth Meta-Address', sortable: false, thStyle: 'width: 55%;', thClass: 'text-left', tdClass: 'text-left' },
+            { key: 'type', label: 'Type', sortable: false, thStyle: 'width: 10%;', thClass: 'text-left', tdClass: 'text-truncate' },
+            { key: 'read', label: 'Read', sortable: false, thStyle: 'width: 5%;', thClass: 'text-left', tdClass: 'text-truncate' },
+            { key: 'write', label: 'Write', sortable: false, thStyle: 'width: 5%;', thClass: 'text-left', tdClass: 'text-truncate' },
           ],
           reportingDateTimeOptions: [
             { value: 0, text: 'Local Time' },