diff --git a/frontend/src/app/components/pool/pool.component.html b/frontend/src/app/components/pool/pool.component.html index 90bbc0ffc..471cd1449 100644 --- a/frontend/src/app/components/pool/pool.component.html +++ b/frontend/src/app/components/pool/pool.component.html @@ -47,21 +47,26 @@
-
+
- - + + + - +
Address{{ poolStats.pool.addresses }}Addresses + + ~
Coinbase TagCoinbase Tags {{ poolStats.pool.regexes }}
-
+
diff --git a/frontend/src/app/components/pool/pool.component.scss b/frontend/src/app/components/pool/pool.component.scss index a1078adc0..271696a39 100644 --- a/frontend/src/app/components/pool/pool.component.scss +++ b/frontend/src/app/components/pool/pool.component.scss @@ -30,3 +30,12 @@ } } } + +div.scrollable { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + overflow: auto; + max-height: 100px; +} \ No newline at end of file diff --git a/frontend/src/app/components/pool/pool.component.ts b/frontend/src/app/components/pool/pool.component.ts index 69b3ac761..8b0d2fcaf 100644 --- a/frontend/src/app/components/pool/pool.component.ts +++ b/frontend/src/app/components/pool/pool.component.ts @@ -49,6 +49,13 @@ export class PoolComponent implements OnInit { return this.apiService.getPoolStats$(this.poolId, params[1] ?? '1w'); }), map((poolStats) => { + let regexes = '"'; + for (const regex of JSON.parse(poolStats.pool.regexes)) { + regexes += regex + '", "'; + } + poolStats.pool.regexes = regexes.slice(0, -3); + poolStats.pool.addresses = JSON.parse(poolStats.pool.addresses); + return Object.assign({ logo: `./resources/mining-pools/` + poolStats.pool.name.toLowerCase().replace(' ', '').replace('.', '') + '.svg' }, poolStats);