123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <template>
- <main>
- <div class="info-text menu-title">
- Transaction Mapper
- </div>
- <small class="text-muted">
- Quickly and trustlessly discover the full transaction history of ANY "bitcoin" (ie UTXO) back to its original coinbase.
- </small>
- <div class="form-group mt-2">
- <input
- type="text"
- class="form-control"
- placeholder="Enter a transaction id to begin mapping"
- v-model="txid"
- />
- <input
- v-if="showResults"
- type="button"
- class="btn btn-danger mt-1"
- value="Stop mapping"
- @click="stop"
- />
- <input
- type="button"
- class="btn mt-1"
- :class="{ 'btn-warning': showResults, 'btn-primary': !showResults }"
- :value="showResults ? 'Reset all' : 'Start mapping'"
- @click="start"
- />
- </div>
- <div v-if="showResults">
- <div>
- waiting for results...
- </div>
- </div>
- </main>
- </template>
- <script>
- /* Initialize vuex. */
- // import { mapActions } from 'vuex'
- export default {
- components: {
- //
- },
- data: () => {
- return {
- poolInfo: null,
- txid: null,
- showResults: null,
- }
- },
- computed: {
- //
- },
- methods: {
- // ...mapActions('utils', [
- // 'toast',
- // ]),
- start() {
- this.toast(['Oops!', 'This feature is not ready yet', 'error'])
- },
- stop() {
- this.showResults = !this.showResults
- },
- },
- created: function () {
- //
- },
- mounted: function () {
- //
- },
- beforeDestroy() {
- //
- },
- }
- </script>
- <style scoped>
- .menu-title {
- font-size: 2.0em;
- }
- </style>
|