WIP: Bisq DAO support. Transactions list and details.

frontend/src/app/components/miner/miner.component.html

@@ -0,0 +1,12 @@
+<ng-template [ngIf]="loading" [ngIfElse]="done">
+  <span class="skeleton-loader"></span>
+</ng-template>
+
+<ng-template #done>
+  <ng-template [ngIf]="miner" [ngIfElse]="unknownMiner">
+    <a placement="bottom" [ngbTooltip]="title" [href]="url" target="_blank" class="badge badge-primary">{{ miner }}</a>
+  </ng-template>
+  <ng-template #unknownMiner>
+    <span class="badge badge-secondary">Unknown</span>
+  </ng-template>
+</ng-template>

frontend/src/app/components/miner/miner.component.scss

@@ -0,0 +1,3 @@
+.badge {
+  font-size: 14px;
+}

frontend/src/app/components/miner/miner.component.ts

@@ -0,0 +1,69 @@
+import { Component, Input, OnChanges } from '@angular/core';
+import { AssetsService } from 'src/app/services/assets.service';
+import { Transaction } from 'src/app/interfaces/electrs.interface';
+
+@Component({
+  selector: 'app-miner',
+  templateUrl: './miner.component.html',
+  styleUrls: ['./miner.component.scss'],
+})
+export class MinerComponent implements OnChanges {
+  @Input() coinbaseTransaction: Transaction;
+  miner = '';
+  title = '';
+  url = '';
+  loading = true;
+
+  constructor(
+    private assetsService: AssetsService,
+  ) { }
+
+  ngOnChanges() {
+    this.miner = '';
+    this.loading = true;
+    this.findMinerFromCoinbase();
+  }
+
+  findMinerFromCoinbase() {
+    if (this.coinbaseTransaction == null || this.coinbaseTransaction.vin == null || this.coinbaseTransaction.vin.length === 0) {
+      return null;
+    }
+
+    this.assetsService.getMiningPools$.subscribe((pools) => {
+      for (const vout of this.coinbaseTransaction.vout) {
+        if (!vout.scriptpubkey_address) {
+          continue;
+        }
+
+        if (pools.payout_addresses[vout.scriptpubkey_address]) {
+            this.miner = pools.payout_addresses[vout.scriptpubkey_address].name;
+            this.title = 'Identified by payout address: ' + vout.scriptpubkey_address;
+            this.url = pools.payout_addresses[vout.scriptpubkey_address].link;
+            break;
+        }
+
+        for (const tag in pools.coinbase_tags) {
+          if (pools.coinbase_tags.hasOwnProperty(tag)) {
+            const coinbaseAscii = this.hex2ascii(this.coinbaseTransaction.vin[0].scriptsig);
+            if (coinbaseAscii.indexOf(tag) > -1) {
+              this.miner = pools.coinbase_tags[tag].name;
+              this.title = 'Identified by coinbase tag: \'' + tag + '\'';
+              this.url = pools.coinbase_tags[tag].link;
+              break;
+            }
+          }
+        }
+      }
+
+      this.loading = false;
+    });
+  }
+
+  hex2ascii(hex: string) {
+    let str = '';
+    for (let i = 0; i < hex.length; i += 2) {
+      str += String.fromCharCode(parseInt(hex.substr(i, 2), 16));
+    }
+    return str;
+  }
+}