New base code for mempool blockchain explorerer

frontend/src/app/components/address-labels/address-labels.component.html

@@ -0,0 +1 @@
+<span *ngIf="multisig" class="badge badge-pill badge-warning">multisig {{ multisigM }} of {{ multisigN }}</span>

frontend/src/app/components/address-labels/address-labels.component.scss

@@ -0,0 +1,3 @@
+.badge {
+  margin-right: 2px;
+}

frontend/src/app/components/address-labels/address-labels.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddressLabelsComponent } from './address-labels.component';
+
+describe('AddressLabelsComponent', () => {
+  let component: AddressLabelsComponent;
+  let fixture: ComponentFixture<AddressLabelsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AddressLabelsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AddressLabelsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/components/address-labels/address-labels.component.ts

@@ -0,0 +1,60 @@
+import { Component, OnInit, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Vin, Vout } from '../../interfaces/electrs.interface';
+
+@Component({
+  selector: 'app-address-labels',
+  templateUrl: './address-labels.component.html',
+  styleUrls: ['./address-labels.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AddressLabelsComponent implements OnInit {
+
+  @Input() vin: Vin;
+  @Input() vout: Vout;
+
+  multisig = false;
+  multisigM: number;
+  multisigN: number;
+
+  constructor() { }
+
+  ngOnInit() {
+    if (this.vin) {
+      this.handleVin();
+    } else if (this.vout) {
+      this.handleVout();
+    }
+  }
+
+  handleVin() {
+    if (this.vin.inner_witnessscript_asm && this.vin.inner_witnessscript_asm.indexOf('OP_CHECKMULTISIG') > -1) {
+      const matches = this.getMatches(this.vin.inner_witnessscript_asm, /OP_PUSHNUM_([0-9])/g, 1);
+      this.multisig = true;
+      this.multisigM = matches[0];
+      this.multisigN = matches[1];
+    }
+
+    if (this.vin.inner_redeemscript_asm && this.vin.inner_redeemscript_asm.indexOf('OP_CHECKMULTISIG') > -1) {
+      const matches = this.getMatches(this.vin.inner_redeemscript_asm, /OP_PUSHNUM_([0-9])/g, 1);
+      this.multisig = true;
+      this.multisigM = matches[0];
+      this.multisigN = matches[1];
+    }
+  }
+
+  handleVout() {
+  }
+
+  getMatches(str: string, regex: RegExp, index: number) {
+    if (!index) {
+      index = 1;
+    }
+    const matches = [];
+    let match;
+    while (match = regex.exec(str)) {
+      matches.push(match[index]);
+    }
+    return matches;
+  }
+
+}